nanoplot 0.0.73 → 0.0.74
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +310 -281
- package/dist/src/components/Graph/Graph.js +3 -3
- package/dist/src/components/Pie/Pie.d.ts +9 -3
- package/dist/src/components/Pie/Pie.js +82 -66
- package/dist/src/components/Pie/components/PieTooltip.d.ts +7 -0
- package/dist/src/components/Pie/components/PieTooltip.js +31 -0
- package/dist/src/components/Worldmap/Worldmap.js +1 -1
- package/dist/src/hooks/use-graph/use-graph-ref.d.ts +1 -1
- package/dist/src/hooks/use-mouse-coordinates.d.ts +2 -0
- package/dist/src/hooks/use-mouse-coordinates.js +12 -6
- package/dist/src/hooks/use-stateful-ref.d.ts +1 -1
- package/dist/src/utils/path/path.js +1 -1
- package/dist/tsconfig.typings.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/tailwind-container-queries.ts +8 -3
package/dist/index.css
CHANGED
|
@@ -1,1211 +1,1240 @@
|
|
|
1
1
|
.container {
|
|
2
|
-
width: 100
|
|
2
|
+
width: 100%;
|
|
3
3
|
}
|
|
4
4
|
|
|
5
5
|
@media (min-width: 640px) {
|
|
6
6
|
.container {
|
|
7
|
-
max-width: 640px
|
|
7
|
+
max-width: 640px;
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
@media (min-width: 768px) {
|
|
12
12
|
.container {
|
|
13
|
-
max-width: 768px
|
|
13
|
+
max-width: 768px;
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
@media (min-width: 1024px) {
|
|
18
18
|
.container {
|
|
19
|
-
max-width: 1024px
|
|
19
|
+
max-width: 1024px;
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
@media (min-width: 1280px) {
|
|
24
24
|
.container {
|
|
25
|
-
max-width: 1280px
|
|
25
|
+
max-width: 1280px;
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
@media (min-width: 1536px) {
|
|
30
30
|
.container {
|
|
31
|
-
max-width: 1536px
|
|
31
|
+
max-width: 1536px;
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
|
|
35
35
|
.pseudo-bg-inherit::before, .pseudo-bg-inherit::after {
|
|
36
|
-
background: inherit
|
|
36
|
+
background: inherit;
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
.pointer-events-none {
|
|
40
|
-
pointer-events: none
|
|
40
|
+
pointer-events: none;
|
|
41
41
|
}
|
|
42
42
|
|
|
43
43
|
.pointer-events-auto {
|
|
44
|
-
pointer-events: auto
|
|
44
|
+
pointer-events: auto;
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
.invisible {
|
|
48
|
-
visibility: hidden
|
|
48
|
+
visibility: hidden;
|
|
49
49
|
}
|
|
50
50
|
|
|
51
51
|
.absolute {
|
|
52
|
-
position: absolute
|
|
52
|
+
position: absolute;
|
|
53
53
|
}
|
|
54
54
|
|
|
55
55
|
.relative {
|
|
56
|
-
position: relative
|
|
56
|
+
position: relative;
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
.inset-0 {
|
|
60
|
-
inset: 0px
|
|
60
|
+
inset: 0px;
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
.bottom-0 {
|
|
64
|
-
bottom: 0px
|
|
64
|
+
bottom: 0px;
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
.left-0 {
|
|
68
|
-
left: 0px
|
|
68
|
+
left: 0px;
|
|
69
69
|
}
|
|
70
70
|
|
|
71
71
|
.left-2 {
|
|
72
|
-
left: 0.5rem
|
|
72
|
+
left: 0.5rem;
|
|
73
73
|
}
|
|
74
74
|
|
|
75
75
|
.left-\[50\%\] {
|
|
76
|
-
left: 50
|
|
76
|
+
left: 50%;
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
.right-2 {
|
|
80
|
-
right: 0.5rem
|
|
80
|
+
right: 0.5rem;
|
|
81
81
|
}
|
|
82
82
|
|
|
83
83
|
.top-0 {
|
|
84
|
-
top: 0px
|
|
84
|
+
top: 0px;
|
|
85
85
|
}
|
|
86
86
|
|
|
87
87
|
.top-\[100\%\] {
|
|
88
|
-
top: 100
|
|
88
|
+
top: 100%;
|
|
89
89
|
}
|
|
90
90
|
|
|
91
91
|
.top-\[50\%\] {
|
|
92
|
-
top: 50
|
|
92
|
+
top: 50%;
|
|
93
93
|
}
|
|
94
94
|
|
|
95
95
|
.isolate {
|
|
96
|
-
isolation: isolate
|
|
96
|
+
isolation: isolate;
|
|
97
97
|
}
|
|
98
98
|
|
|
99
99
|
.-z-10 {
|
|
100
|
-
z-index: -10
|
|
100
|
+
z-index: -10;
|
|
101
101
|
}
|
|
102
102
|
|
|
103
103
|
.z-0 {
|
|
104
|
-
z-index: 0
|
|
104
|
+
z-index: 0;
|
|
105
105
|
}
|
|
106
106
|
|
|
107
107
|
.z-10 {
|
|
108
|
-
z-index: 10
|
|
108
|
+
z-index: 10;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
.z-\[2\] {
|
|
112
|
+
z-index: 2;
|
|
109
113
|
}
|
|
110
114
|
|
|
111
115
|
.mx-1 {
|
|
112
116
|
margin-left: 0.25rem;
|
|
113
|
-
margin-right: 0.25rem
|
|
117
|
+
margin-right: 0.25rem;
|
|
114
118
|
}
|
|
115
119
|
|
|
116
120
|
.mx-auto {
|
|
117
121
|
margin-left: auto;
|
|
118
|
-
margin-right: auto
|
|
122
|
+
margin-right: auto;
|
|
119
123
|
}
|
|
120
124
|
|
|
121
125
|
.mb-1 {
|
|
122
|
-
margin-bottom: 0.25rem
|
|
126
|
+
margin-bottom: 0.25rem;
|
|
123
127
|
}
|
|
124
128
|
|
|
125
129
|
.mb-1\.5 {
|
|
126
|
-
margin-bottom: 0.375rem
|
|
130
|
+
margin-bottom: 0.375rem;
|
|
127
131
|
}
|
|
128
132
|
|
|
129
133
|
.mb-\[40px\] {
|
|
130
|
-
margin-bottom: 40px
|
|
134
|
+
margin-bottom: 40px;
|
|
131
135
|
}
|
|
132
136
|
|
|
133
137
|
.ml-\[10px\] {
|
|
134
|
-
margin-left: 10px
|
|
138
|
+
margin-left: 10px;
|
|
135
139
|
}
|
|
136
140
|
|
|
137
141
|
.ml-auto {
|
|
138
|
-
margin-left: auto
|
|
142
|
+
margin-left: auto;
|
|
139
143
|
}
|
|
140
144
|
|
|
141
145
|
.mr-1 {
|
|
142
|
-
margin-right: 0.25rem
|
|
146
|
+
margin-right: 0.25rem;
|
|
143
147
|
}
|
|
144
148
|
|
|
145
149
|
.mr-2 {
|
|
146
|
-
margin-right: 0.5rem
|
|
150
|
+
margin-right: 0.5rem;
|
|
147
151
|
}
|
|
148
152
|
|
|
149
153
|
.mr-auto {
|
|
150
|
-
margin-right: auto
|
|
154
|
+
margin-right: auto;
|
|
151
155
|
}
|
|
152
156
|
|
|
153
157
|
.mt-1 {
|
|
154
|
-
margin-top: 0.25rem
|
|
158
|
+
margin-top: 0.25rem;
|
|
155
159
|
}
|
|
156
160
|
|
|
157
161
|
.mt-\[10px\] {
|
|
158
|
-
margin-top: 10px
|
|
162
|
+
margin-top: 10px;
|
|
159
163
|
}
|
|
160
164
|
|
|
161
165
|
.block {
|
|
162
|
-
display: block
|
|
166
|
+
display: block;
|
|
163
167
|
}
|
|
164
168
|
|
|
165
169
|
.flex {
|
|
166
|
-
display: flex
|
|
170
|
+
display: flex;
|
|
167
171
|
}
|
|
168
172
|
|
|
169
173
|
.grid {
|
|
170
|
-
display: grid
|
|
174
|
+
display: grid;
|
|
171
175
|
}
|
|
172
176
|
|
|
173
177
|
.hidden {
|
|
174
|
-
display: none
|
|
178
|
+
display: none;
|
|
175
179
|
}
|
|
176
180
|
|
|
177
181
|
.aspect-\[1090\/539\] {
|
|
178
|
-
aspect-ratio: 1090/539
|
|
182
|
+
aspect-ratio: 1090/539;
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
.aspect-square {
|
|
186
|
+
aspect-ratio: 1 / 1;
|
|
179
187
|
}
|
|
180
188
|
|
|
181
189
|
.size-4 {
|
|
182
190
|
width: 1rem;
|
|
183
|
-
height: 1rem
|
|
191
|
+
height: 1rem;
|
|
184
192
|
}
|
|
185
193
|
|
|
186
194
|
.h-2 {
|
|
187
|
-
height: 0.5rem
|
|
195
|
+
height: 0.5rem;
|
|
188
196
|
}
|
|
189
197
|
|
|
190
198
|
.h-\[1\.25em\] {
|
|
191
|
-
height: 1.25em
|
|
199
|
+
height: 1.25em;
|
|
192
200
|
}
|
|
193
201
|
|
|
194
202
|
.h-\[14px\] {
|
|
195
|
-
height: 14px
|
|
203
|
+
height: 14px;
|
|
196
204
|
}
|
|
197
205
|
|
|
198
206
|
.h-\[16px\] {
|
|
199
|
-
height: 16px
|
|
207
|
+
height: 16px;
|
|
200
208
|
}
|
|
201
209
|
|
|
202
210
|
.h-\[8px\] {
|
|
203
|
-
height: 8px
|
|
211
|
+
height: 8px;
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
.h-auto {
|
|
215
|
+
height: auto;
|
|
204
216
|
}
|
|
205
217
|
|
|
206
218
|
.h-full {
|
|
207
|
-
height: 100
|
|
219
|
+
height: 100%;
|
|
208
220
|
}
|
|
209
221
|
|
|
210
222
|
.w-\[100\%\] {
|
|
211
|
-
width: 100
|
|
223
|
+
width: 100%;
|
|
212
224
|
}
|
|
213
225
|
|
|
214
226
|
.w-\[14px\] {
|
|
215
|
-
width: 14px
|
|
227
|
+
width: 14px;
|
|
216
228
|
}
|
|
217
229
|
|
|
218
230
|
.w-\[1px\] {
|
|
219
|
-
width: 1px
|
|
231
|
+
width: 1px;
|
|
220
232
|
}
|
|
221
233
|
|
|
222
234
|
.w-\[250px\] {
|
|
223
|
-
width: 250px
|
|
235
|
+
width: 250px;
|
|
224
236
|
}
|
|
225
237
|
|
|
226
238
|
.w-auto {
|
|
227
|
-
width: auto
|
|
239
|
+
width: auto;
|
|
228
240
|
}
|
|
229
241
|
|
|
230
242
|
.w-full {
|
|
231
|
-
width: 100
|
|
243
|
+
width: 100%;
|
|
232
244
|
}
|
|
233
245
|
|
|
234
246
|
.w-max {
|
|
235
247
|
width: -moz-max-content;
|
|
236
|
-
width: max-content
|
|
248
|
+
width: max-content;
|
|
237
249
|
}
|
|
238
250
|
|
|
239
251
|
.flex-1 {
|
|
240
|
-
flex: 1 1 0
|
|
252
|
+
flex: 1 1 0%;
|
|
241
253
|
}
|
|
242
254
|
|
|
243
255
|
.origin-center {
|
|
244
|
-
transform-origin: center
|
|
256
|
+
transform-origin: center;
|
|
245
257
|
}
|
|
246
258
|
|
|
247
259
|
.-translate-x-1\/2 {
|
|
248
260
|
--tw-translate-x: -50%;
|
|
249
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
|
|
261
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
250
262
|
}
|
|
251
263
|
|
|
252
264
|
.rotate-180 {
|
|
253
265
|
--tw-rotate: 180deg;
|
|
254
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
|
|
266
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
255
267
|
}
|
|
256
268
|
|
|
257
269
|
.transform {
|
|
258
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
|
|
270
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
259
271
|
}
|
|
260
272
|
|
|
261
273
|
@keyframes pulse {
|
|
262
274
|
50% {
|
|
263
|
-
opacity: .5
|
|
275
|
+
opacity: .5;
|
|
264
276
|
}
|
|
265
277
|
}
|
|
266
278
|
|
|
267
279
|
.animate-pulse {
|
|
268
|
-
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
|
|
280
|
+
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
269
281
|
}
|
|
270
282
|
|
|
271
283
|
@keyframes spin {
|
|
272
284
|
to {
|
|
273
|
-
transform: rotate(360deg)
|
|
285
|
+
transform: rotate(360deg);
|
|
274
286
|
}
|
|
275
287
|
}
|
|
276
288
|
|
|
277
289
|
.animate-spin {
|
|
278
|
-
animation: spin 1s linear infinite
|
|
290
|
+
animation: spin 1s linear infinite;
|
|
279
291
|
}
|
|
280
292
|
|
|
281
293
|
.cursor-pointer {
|
|
282
|
-
cursor: pointer
|
|
294
|
+
cursor: pointer;
|
|
283
295
|
}
|
|
284
296
|
|
|
285
297
|
.select-none {
|
|
286
298
|
-webkit-user-select: none;
|
|
287
299
|
-moz-user-select: none;
|
|
288
|
-
user-select: none
|
|
300
|
+
user-select: none;
|
|
289
301
|
}
|
|
290
302
|
|
|
291
303
|
.flex-col {
|
|
292
|
-
flex-direction: column
|
|
304
|
+
flex-direction: column;
|
|
293
305
|
}
|
|
294
306
|
|
|
295
307
|
.items-center {
|
|
296
|
-
align-items: center
|
|
308
|
+
align-items: center;
|
|
297
309
|
}
|
|
298
310
|
|
|
299
311
|
.justify-start {
|
|
300
|
-
justify-content: flex-start
|
|
312
|
+
justify-content: flex-start;
|
|
301
313
|
}
|
|
302
314
|
|
|
303
315
|
.justify-end {
|
|
304
|
-
justify-content: flex-end
|
|
316
|
+
justify-content: flex-end;
|
|
305
317
|
}
|
|
306
318
|
|
|
307
319
|
.justify-center {
|
|
308
|
-
justify-content: center
|
|
320
|
+
justify-content: center;
|
|
309
321
|
}
|
|
310
322
|
|
|
311
323
|
.justify-between {
|
|
312
|
-
justify-content: space-between
|
|
324
|
+
justify-content: space-between;
|
|
313
325
|
}
|
|
314
326
|
|
|
315
327
|
.gap-3 {
|
|
316
|
-
gap: 0.75rem
|
|
328
|
+
gap: 0.75rem;
|
|
317
329
|
}
|
|
318
330
|
|
|
319
331
|
.overflow-hidden {
|
|
320
|
-
overflow: hidden
|
|
332
|
+
overflow: hidden;
|
|
321
333
|
}
|
|
322
334
|
|
|
323
335
|
.overflow-visible {
|
|
324
|
-
overflow: visible
|
|
336
|
+
overflow: visible;
|
|
325
337
|
}
|
|
326
338
|
|
|
327
339
|
.overflow-ellipsis {
|
|
328
|
-
text-overflow: ellipsis
|
|
340
|
+
text-overflow: ellipsis;
|
|
329
341
|
}
|
|
330
342
|
|
|
331
343
|
.whitespace-nowrap {
|
|
332
|
-
white-space: nowrap
|
|
344
|
+
white-space: nowrap;
|
|
333
345
|
}
|
|
334
346
|
|
|
335
347
|
.text-nowrap {
|
|
336
|
-
text-wrap: nowrap
|
|
348
|
+
text-wrap: nowrap;
|
|
337
349
|
}
|
|
338
350
|
|
|
339
351
|
.rounded {
|
|
340
|
-
border-radius: 0.25rem
|
|
352
|
+
border-radius: 0.25rem;
|
|
341
353
|
}
|
|
342
354
|
|
|
343
355
|
.rounded-full {
|
|
344
|
-
border-radius: 9999px
|
|
356
|
+
border-radius: 9999px;
|
|
345
357
|
}
|
|
346
358
|
|
|
347
359
|
.rounded-sm {
|
|
348
|
-
border-radius: 0.125rem
|
|
360
|
+
border-radius: 0.125rem;
|
|
349
361
|
}
|
|
350
362
|
|
|
351
363
|
.border {
|
|
352
|
-
border-width: 1px
|
|
364
|
+
border-width: 1px;
|
|
353
365
|
}
|
|
354
366
|
|
|
355
367
|
.border-gray-200 {
|
|
356
368
|
--tw-border-opacity: 1;
|
|
357
|
-
border-color: rgb(229 231 235 / var(--tw-border-opacity, 1))
|
|
369
|
+
border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
|
|
358
370
|
}
|
|
359
371
|
|
|
360
372
|
.bg-current {
|
|
361
|
-
background-color: currentColor
|
|
373
|
+
background-color: currentColor;
|
|
362
374
|
}
|
|
363
375
|
|
|
364
376
|
.bg-gray-400 {
|
|
365
377
|
--tw-bg-opacity: 1;
|
|
366
|
-
background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1))
|
|
378
|
+
background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
|
|
367
379
|
}
|
|
368
380
|
|
|
369
381
|
.bg-gray-700 {
|
|
370
382
|
--tw-bg-opacity: 1;
|
|
371
|
-
background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1))
|
|
383
|
+
background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
|
|
372
384
|
}
|
|
373
385
|
|
|
374
386
|
.bg-opacity-60 {
|
|
375
|
-
--tw-bg-opacity: 0.6
|
|
387
|
+
--tw-bg-opacity: 0.6;
|
|
376
388
|
}
|
|
377
389
|
|
|
378
390
|
.fill-\[\#dfdfdf\] {
|
|
379
|
-
fill: #dfdfdf
|
|
391
|
+
fill: #dfdfdf;
|
|
380
392
|
}
|
|
381
393
|
|
|
382
394
|
.fill-\[\#efefef\] {
|
|
383
|
-
fill: #efefef
|
|
395
|
+
fill: #efefef;
|
|
384
396
|
}
|
|
385
397
|
|
|
386
398
|
.fill-gray-200 {
|
|
387
|
-
fill: #e5e7eb
|
|
399
|
+
fill: #e5e7eb;
|
|
388
400
|
}
|
|
389
401
|
|
|
390
402
|
.fill-gray-500 {
|
|
391
|
-
fill: #6b7280
|
|
403
|
+
fill: #6b7280;
|
|
392
404
|
}
|
|
393
405
|
|
|
394
406
|
.fill-transparent {
|
|
395
|
-
fill: transparent
|
|
407
|
+
fill: transparent;
|
|
396
408
|
}
|
|
397
409
|
|
|
398
410
|
.stroke-black {
|
|
399
|
-
stroke: #000
|
|
411
|
+
stroke: #000;
|
|
400
412
|
}
|
|
401
413
|
|
|
402
414
|
.stroke-dark-priority-100 {
|
|
403
|
-
stroke: rgb(45, 45, 45)
|
|
415
|
+
stroke: rgb(45, 45, 45);
|
|
404
416
|
}
|
|
405
417
|
|
|
406
418
|
.stroke-gray-200 {
|
|
407
|
-
stroke: #e5e7eb
|
|
419
|
+
stroke: #e5e7eb;
|
|
408
420
|
}
|
|
409
421
|
|
|
410
422
|
.stroke-gray-300 {
|
|
411
|
-
stroke: #d1d5db
|
|
423
|
+
stroke: #d1d5db;
|
|
412
424
|
}
|
|
413
425
|
|
|
414
426
|
.stroke-gray-600 {
|
|
415
|
-
stroke: #4b5563
|
|
427
|
+
stroke: #4b5563;
|
|
416
428
|
}
|
|
417
429
|
|
|
418
430
|
.stroke-1 {
|
|
419
|
-
stroke-width: 1
|
|
431
|
+
stroke-width: 1;
|
|
420
432
|
}
|
|
421
433
|
|
|
422
434
|
.stroke-\[10\] {
|
|
423
|
-
stroke-width: 10
|
|
435
|
+
stroke-width: 10;
|
|
424
436
|
}
|
|
425
437
|
|
|
426
438
|
.stroke-\[5\] {
|
|
427
|
-
stroke-width: 5
|
|
439
|
+
stroke-width: 5;
|
|
428
440
|
}
|
|
429
441
|
|
|
430
442
|
.p-\[12px\] {
|
|
431
|
-
padding: 12px
|
|
443
|
+
padding: 12px;
|
|
432
444
|
}
|
|
433
445
|
|
|
434
446
|
.px-2\.5 {
|
|
435
447
|
padding-left: 0.625rem;
|
|
436
|
-
padding-right: 0.625rem
|
|
448
|
+
padding-right: 0.625rem;
|
|
437
449
|
}
|
|
438
450
|
|
|
439
451
|
.px-\[20px\] {
|
|
440
452
|
padding-left: 20px;
|
|
441
|
-
padding-right: 20px
|
|
453
|
+
padding-right: 20px;
|
|
442
454
|
}
|
|
443
455
|
|
|
444
456
|
.pb-1 {
|
|
445
|
-
padding-bottom: 0.25rem
|
|
457
|
+
padding-bottom: 0.25rem;
|
|
446
458
|
}
|
|
447
459
|
|
|
448
460
|
.pb-1\.5 {
|
|
449
|
-
padding-bottom: 0.375rem
|
|
461
|
+
padding-bottom: 0.375rem;
|
|
450
462
|
}
|
|
451
463
|
|
|
452
464
|
.pb-2 {
|
|
453
|
-
padding-bottom: 0.5rem
|
|
465
|
+
padding-bottom: 0.5rem;
|
|
454
466
|
}
|
|
455
467
|
|
|
456
468
|
.pb-3 {
|
|
457
|
-
padding-bottom: 0.75rem
|
|
469
|
+
padding-bottom: 0.75rem;
|
|
458
470
|
}
|
|
459
471
|
|
|
460
472
|
.pl-2 {
|
|
461
|
-
padding-left: 0.5rem
|
|
473
|
+
padding-left: 0.5rem;
|
|
462
474
|
}
|
|
463
475
|
|
|
464
476
|
.pl-4 {
|
|
465
|
-
padding-left: 1rem
|
|
477
|
+
padding-left: 1rem;
|
|
466
478
|
}
|
|
467
479
|
|
|
468
480
|
.pr-2 {
|
|
469
|
-
padding-right: 0.5rem
|
|
481
|
+
padding-right: 0.5rem;
|
|
470
482
|
}
|
|
471
483
|
|
|
472
484
|
.pr-4 {
|
|
473
|
-
padding-right: 1rem
|
|
485
|
+
padding-right: 1rem;
|
|
474
486
|
}
|
|
475
487
|
|
|
476
488
|
.pt-1\.5 {
|
|
477
|
-
padding-top: 0.375rem
|
|
489
|
+
padding-top: 0.375rem;
|
|
478
490
|
}
|
|
479
491
|
|
|
480
492
|
.pt-2 {
|
|
481
|
-
padding-top: 0.5rem
|
|
493
|
+
padding-top: 0.5rem;
|
|
482
494
|
}
|
|
483
495
|
|
|
484
496
|
.pt-3 {
|
|
485
|
-
padding-top: 0.75rem
|
|
497
|
+
padding-top: 0.75rem;
|
|
486
498
|
}
|
|
487
499
|
|
|
488
500
|
.text-left {
|
|
489
|
-
text-align: left
|
|
501
|
+
text-align: left;
|
|
490
502
|
}
|
|
491
503
|
|
|
492
504
|
.text-center {
|
|
493
|
-
text-align: center
|
|
505
|
+
text-align: center;
|
|
494
506
|
}
|
|
495
507
|
|
|
496
508
|
.text-7xl {
|
|
497
509
|
font-size: 4.5rem;
|
|
498
|
-
line-height: 1
|
|
510
|
+
line-height: 1;
|
|
499
511
|
}
|
|
500
512
|
|
|
501
513
|
.text-\[0\.875rem\] {
|
|
502
|
-
font-size: 0.875rem
|
|
514
|
+
font-size: 0.875rem;
|
|
503
515
|
}
|
|
504
516
|
|
|
505
517
|
.text-\[10px\] {
|
|
506
|
-
font-size: 10px
|
|
518
|
+
font-size: 10px;
|
|
507
519
|
}
|
|
508
520
|
|
|
509
521
|
.text-\[14px\] {
|
|
510
|
-
font-size: 14px
|
|
511
|
-
}
|
|
512
|
-
|
|
513
|
-
.text-\[93px\] {
|
|
514
|
-
font-size: 93px
|
|
522
|
+
font-size: 14px;
|
|
515
523
|
}
|
|
516
524
|
|
|
517
525
|
.text-xs {
|
|
518
526
|
font-size: 0.75rem;
|
|
519
|
-
line-height: 1rem
|
|
527
|
+
line-height: 1rem;
|
|
520
528
|
}
|
|
521
529
|
|
|
522
530
|
.font-bold {
|
|
523
|
-
font-weight: 700
|
|
531
|
+
font-weight: 700;
|
|
524
532
|
}
|
|
525
533
|
|
|
526
534
|
.font-medium {
|
|
527
|
-
font-weight: 500
|
|
535
|
+
font-weight: 500;
|
|
528
536
|
}
|
|
529
537
|
|
|
530
538
|
.font-normal {
|
|
531
|
-
font-weight: 400
|
|
539
|
+
font-weight: 400;
|
|
532
540
|
}
|
|
533
541
|
|
|
534
542
|
.leading-\[14px\] {
|
|
535
|
-
line-height: 14px
|
|
543
|
+
line-height: 14px;
|
|
536
544
|
}
|
|
537
545
|
|
|
538
546
|
.leading-\[16px\] {
|
|
539
|
-
line-height: 16px
|
|
547
|
+
line-height: 16px;
|
|
540
548
|
}
|
|
541
549
|
|
|
542
550
|
.text-black {
|
|
543
551
|
--tw-text-opacity: 1;
|
|
544
|
-
color: rgb(0 0 0 / var(--tw-text-opacity, 1))
|
|
552
|
+
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
|
|
545
553
|
}
|
|
546
554
|
|
|
547
555
|
.text-gray-400 {
|
|
548
556
|
--tw-text-opacity: 1;
|
|
549
|
-
color: rgb(156 163 175 / var(--tw-text-opacity, 1))
|
|
557
|
+
color: rgb(156 163 175 / var(--tw-text-opacity, 1));
|
|
550
558
|
}
|
|
551
559
|
|
|
552
560
|
.text-gray-500 {
|
|
553
561
|
--tw-text-opacity: 1;
|
|
554
|
-
color: rgb(107 114 128 / var(--tw-text-opacity, 1))
|
|
562
|
+
color: rgb(107 114 128 / var(--tw-text-opacity, 1));
|
|
555
563
|
}
|
|
556
564
|
|
|
557
565
|
.text-gray-600 {
|
|
558
566
|
--tw-text-opacity: 1;
|
|
559
|
-
color: rgb(75 85 99 / var(--tw-text-opacity, 1))
|
|
567
|
+
color: rgb(75 85 99 / var(--tw-text-opacity, 1));
|
|
560
568
|
}
|
|
561
569
|
|
|
562
570
|
.text-gray-700 {
|
|
563
571
|
--tw-text-opacity: 1;
|
|
564
|
-
color: rgb(55 65 81 / var(--tw-text-opacity, 1))
|
|
572
|
+
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
|
|
565
573
|
}
|
|
566
574
|
|
|
567
575
|
.text-white {
|
|
568
576
|
--tw-text-opacity: 1;
|
|
569
|
-
color: rgb(255 255 255 / var(--tw-text-opacity, 1))
|
|
577
|
+
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
|
|
570
578
|
}
|
|
571
579
|
|
|
572
580
|
.opacity-0 {
|
|
573
|
-
opacity: 0
|
|
581
|
+
opacity: 0;
|
|
574
582
|
}
|
|
575
583
|
|
|
576
584
|
.opacity-\[0\.8\] {
|
|
577
|
-
opacity: 0.8
|
|
585
|
+
opacity: 0.8;
|
|
578
586
|
}
|
|
579
587
|
|
|
580
588
|
.shadow-md {
|
|
581
589
|
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
582
590
|
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
|
|
583
|
-
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
|
|
591
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
584
592
|
}
|
|
585
593
|
|
|
586
594
|
.ring {
|
|
587
595
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
588
596
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
589
|
-
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
|
|
597
|
+
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
590
598
|
}
|
|
591
599
|
|
|
592
600
|
.blur {
|
|
593
601
|
--tw-blur: blur(8px);
|
|
594
|
-
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
|
|
602
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
595
603
|
}
|
|
596
604
|
|
|
597
605
|
.brightness-100 {
|
|
598
606
|
--tw-brightness: brightness(1);
|
|
599
|
-
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
|
|
607
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
600
608
|
}
|
|
601
609
|
|
|
602
610
|
.filter {
|
|
603
|
-
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
|
|
611
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
604
612
|
}
|
|
605
613
|
|
|
606
614
|
.backdrop-blur-sm {
|
|
607
615
|
--tw-backdrop-blur: blur(4px);
|
|
608
616
|
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
609
|
-
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
|
|
617
|
+
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
610
618
|
}
|
|
611
619
|
|
|
612
620
|
.transition-all {
|
|
613
621
|
transition-property: all;
|
|
614
622
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
615
|
-
transition-duration: 150ms
|
|
623
|
+
transition-duration: 150ms;
|
|
616
624
|
}
|
|
617
625
|
|
|
618
626
|
.duration-200 {
|
|
619
|
-
transition-duration: 200ms
|
|
627
|
+
transition-duration: 200ms;
|
|
620
628
|
}
|
|
621
629
|
|
|
622
630
|
.ease-in-out {
|
|
623
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
|
|
631
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
624
632
|
}
|
|
625
633
|
|
|
626
634
|
.will-change-transform {
|
|
627
|
-
will-change: transform
|
|
635
|
+
will-change: transform;
|
|
628
636
|
}
|
|
629
637
|
|
|
630
638
|
.\@container-\[size\] {
|
|
631
|
-
container-type: size
|
|
639
|
+
container-type: size;
|
|
632
640
|
}
|
|
633
641
|
|
|
634
642
|
.\@container\/graph {
|
|
635
643
|
container-type: inline-size;
|
|
636
|
-
container-name: graph
|
|
644
|
+
container-name: graph;
|
|
645
|
+
}
|
|
646
|
+
|
|
647
|
+
.\[--hundred-cqh\:100cqh\] {
|
|
648
|
+
--hundred-cqh: 100cqh;
|
|
637
649
|
}
|
|
638
650
|
|
|
639
651
|
.\[backface-visibility\:hidden\] {
|
|
640
|
-
backface-visibility: hidden
|
|
652
|
+
backface-visibility: hidden;
|
|
641
653
|
}
|
|
642
654
|
|
|
643
655
|
.\[background-position\:bottom\] {
|
|
644
|
-
background-position: bottom
|
|
656
|
+
background-position: bottom;
|
|
645
657
|
}
|
|
646
658
|
|
|
647
659
|
.\[background-position\:right\] {
|
|
648
|
-
background-position: right
|
|
660
|
+
background-position: right;
|
|
649
661
|
}
|
|
650
662
|
|
|
651
663
|
.\[background-size\:100\%_calc\(100\%\+var\(--h\)\)\] {
|
|
652
|
-
background-size: 100% calc(100% + var(--h))
|
|
664
|
+
background-size: 100% calc(100% + var(--h));
|
|
653
665
|
}
|
|
654
666
|
|
|
655
667
|
.\[background-size\:calc\(100\%\+var\(--h\)\)_100\%\] {
|
|
656
|
-
background-size: calc(100% + var(--h)) 100
|
|
668
|
+
background-size: calc(100% + var(--h)) 100%;
|
|
657
669
|
}
|
|
658
670
|
|
|
659
671
|
.\[background\:linear-gradient\(transparent\2c \#CFCFCF\)\] {
|
|
660
|
-
background: linear-gradient(transparent,#CFCFCF)
|
|
672
|
+
background: linear-gradient(transparent,#CFCFCF);
|
|
661
673
|
}
|
|
662
674
|
|
|
663
675
|
.\[background\:padding-box_linear-gradient\(black\)\2c border-box_rgb\(45\2c 45\2c 45\)\] {
|
|
664
|
-
background: padding-box linear-gradient(black),border-box rgb(45,45,45)
|
|
676
|
+
background: padding-box linear-gradient(black),border-box rgb(45,45,45);
|
|
665
677
|
}
|
|
666
678
|
|
|
667
679
|
.\[border-radius\:min\(var\(--r\)\2c var\(--p\)-var\(--h\)\*tan\(var\(--a\)\/2\)\)_min\(var\(--r\)\2c 100\%-var\(--p\)-var\(--h\)\*tan\(var\(--a\)\/2\)\)_var\(--r\)_var\(--r\)\/var\(--r\)\] {
|
|
668
|
-
border-radius: min(var(--r),var(--p) - var(--h) * tan(var(--a) / 2)) min(var(--r),100% - var(--p) - var(--h) * tan(var(--a) / 2)) var(--r) var(--r) / var(--r)
|
|
680
|
+
border-radius: min(var(--r),var(--p) - var(--h) * tan(var(--a) / 2)) min(var(--r),100% - var(--p) - var(--h) * tan(var(--a) / 2)) var(--r) var(--r) / var(--r);
|
|
669
681
|
}
|
|
670
682
|
|
|
671
683
|
.\[border-radius\:var\(--r\)\/min\(var\(--r\)\2c var\(--p\)-var\(--h\)\*tan\(var\(--a\)\/2\)\)_var\(--r\)_var\(--r\)_min\(var\(--r\)\2c 100\%-var\(--p\)-var\(--h\)\*tan\(var\(--a\)\/2\)\)\] {
|
|
672
|
-
border-radius: var(--r)/min(var(--r),var(--p) - var(--h) * tan(var(--a) / 2)) var(--r) var(--r) min(var(--r),100% - var(--p) - var(--h) * tan(var(--a) / 2))
|
|
684
|
+
border-radius: var(--r)/min(var(--r),var(--p) - var(--h) * tan(var(--a) / 2)) var(--r) var(--r) min(var(--r),100% - var(--p) - var(--h) * tan(var(--a) / 2));
|
|
673
685
|
}
|
|
674
686
|
|
|
675
687
|
.\[border-radius\:var\(--r\)\/var\(--r\)_min\(var\(--r\)\2c var\(--p\)-var\(--h\)\*tan\(var\(--a\)\/2\)\)_min\(var\(--r\)\2c 100\%-var\(--p\)-var\(--h\)\*tan\(var\(--a\)\/2\)\)_var\(--r\)\] {
|
|
676
|
-
border-radius: var(--r)/var(--r) min(var(--r),var(--p) - var(--h) * tan(var(--a) / 2)) min(var(--r),100% - var(--p) - var(--h) * tan(var(--a) / 2)) var(--r)
|
|
688
|
+
border-radius: var(--r)/var(--r) min(var(--r),var(--p) - var(--h) * tan(var(--a) / 2)) min(var(--r),100% - var(--p) - var(--h) * tan(var(--a) / 2)) var(--r);
|
|
677
689
|
}
|
|
678
690
|
|
|
679
691
|
.\[border-radius\:var\(--r\)_var\(--r\)_min\(var\(--r\)\2c 100\%-var\(--p\)-var\(--h\)\*tan\(var\(--a\)\/2\)\)_min\(var\(--r\)\2c var\(--p\)-var\(--h\)\*tan\(var\(--a\)\/2\)\)\/var\(--r\)\] {
|
|
680
|
-
border-radius: var(--r) var(--r) min(var(--r),100% - var(--p) - var(--h) * tan(var(--a) / 2)) min(var(--r),var(--p) - var(--h) * tan(var(--a) / 2)) / var(--r)
|
|
692
|
+
border-radius: var(--r) var(--r) min(var(--r),100% - var(--p) - var(--h) * tan(var(--a) / 2)) min(var(--r),var(--p) - var(--h) * tan(var(--a) / 2)) / var(--r);
|
|
681
693
|
}
|
|
682
694
|
|
|
683
695
|
.\[border\:var\(--b\)_solid_\#0000\] {
|
|
684
|
-
border: var(--b) solid #0000
|
|
696
|
+
border: var(--b) solid #0000;
|
|
697
|
+
}
|
|
698
|
+
|
|
699
|
+
.\[container-type\:size_\!important\] {
|
|
700
|
+
container-type: size !important;
|
|
685
701
|
}
|
|
686
702
|
|
|
687
703
|
.\[dominant-baseline\:hanging\] {
|
|
688
|
-
dominant-baseline: hanging
|
|
704
|
+
dominant-baseline: hanging;
|
|
689
705
|
}
|
|
690
706
|
|
|
691
707
|
.\[dominant-baseline\:middle\] {
|
|
692
|
-
dominant-baseline: middle
|
|
708
|
+
dominant-baseline: middle;
|
|
693
709
|
}
|
|
694
710
|
|
|
695
711
|
.\[fill-opacity\:0\.7\] {
|
|
696
|
-
fill-opacity: 0.7
|
|
712
|
+
fill-opacity: 0.7;
|
|
697
713
|
}
|
|
698
714
|
|
|
699
715
|
.\[fill-opacity\:0\] {
|
|
700
|
-
fill-opacity: 0
|
|
716
|
+
fill-opacity: 0;
|
|
701
717
|
}
|
|
702
718
|
|
|
703
719
|
.\[filter\:brightness\(300\%\)\] {
|
|
704
|
-
filter: brightness(300%)
|
|
720
|
+
filter: brightness(300%);
|
|
705
721
|
}
|
|
706
722
|
|
|
707
723
|
.\[filter\:invert\(1\)\] {
|
|
708
|
-
filter: invert(1)
|
|
724
|
+
filter: invert(1);
|
|
709
725
|
}
|
|
710
726
|
|
|
711
727
|
.\[font-size-adjust\:0\.12\] {
|
|
712
|
-
font-size-adjust: 0.12
|
|
728
|
+
font-size-adjust: 0.12;
|
|
713
729
|
}
|
|
714
730
|
|
|
715
731
|
.\[font-size-adjust\:0\.2\] {
|
|
716
|
-
font-size-adjust: 0.2
|
|
732
|
+
font-size-adjust: 0.2;
|
|
717
733
|
}
|
|
718
734
|
|
|
719
735
|
.\[font-size\:0\.75rem\] {
|
|
720
|
-
font-size: 0.75rem
|
|
736
|
+
font-size: 0.75rem;
|
|
721
737
|
}
|
|
722
738
|
|
|
723
|
-
.\[
|
|
724
|
-
|
|
739
|
+
.\[font-size\:calc\(\(13\.5px_\/_tan\(atan2\(var\(--hundred-cqh\)\2c _1px\)\)\)\*_3000\)\] {
|
|
740
|
+
font-size: calc((13.5px / tan(atan2(var(--hundred-cqh), 1px))) * 3000);
|
|
725
741
|
}
|
|
726
742
|
|
|
727
|
-
.\[
|
|
728
|
-
|
|
743
|
+
.\[grid-area\:graph\] {
|
|
744
|
+
grid-area: graph;
|
|
729
745
|
}
|
|
730
746
|
|
|
731
|
-
.\[
|
|
732
|
-
|
|
747
|
+
.\[line-height\:1rem\] {
|
|
748
|
+
line-height: 1rem;
|
|
733
749
|
}
|
|
734
750
|
|
|
735
751
|
.\[scale\:1\] {
|
|
736
|
-
scale: 1
|
|
752
|
+
scale: 1;
|
|
737
753
|
}
|
|
738
754
|
|
|
739
755
|
.\[stroke-opacity\:0\.1\] {
|
|
740
|
-
stroke-opacity: 0.1
|
|
756
|
+
stroke-opacity: 0.1;
|
|
741
757
|
}
|
|
742
758
|
|
|
743
759
|
.\[stroke-opacity\:0\] {
|
|
744
|
-
stroke-opacity: 0
|
|
760
|
+
stroke-opacity: 0;
|
|
745
761
|
}
|
|
746
762
|
|
|
747
763
|
.\[text-anchor\:end\] {
|
|
748
|
-
text-anchor: end
|
|
764
|
+
text-anchor: end;
|
|
749
765
|
}
|
|
750
766
|
|
|
751
767
|
.\[text-anchor\:middle\] {
|
|
752
|
-
text-anchor: middle
|
|
768
|
+
text-anchor: middle;
|
|
753
769
|
}
|
|
754
770
|
|
|
755
771
|
.\[text-anchor\:start\] {
|
|
756
|
-
text-anchor: start
|
|
772
|
+
text-anchor: start;
|
|
757
773
|
}
|
|
758
774
|
|
|
759
775
|
.\[transform-origin\:0_0\] {
|
|
760
|
-
transform-origin: 0 0
|
|
776
|
+
transform-origin: 0 0;
|
|
761
777
|
}
|
|
762
778
|
|
|
763
779
|
.\[transform\:rotate\(20deg\)_translateX\(50\%\)_scale\(-1\2c _-1\)_translateY\(calc\(-100\%_-_5px\)\)\] {
|
|
764
|
-
transform: rotate(20deg) translateX(50%) scale(-1, -1) translateY(calc(-100% - 5px))
|
|
780
|
+
transform: rotate(20deg) translateX(50%) scale(-1, -1) translateY(calc(-100% - 5px));
|
|
765
781
|
}
|
|
766
782
|
|
|
767
783
|
.\[transform\:translate\(-50\%\2c -50\%\)\] {
|
|
768
|
-
transform: translate(-50%,-50%)
|
|
784
|
+
transform: translate(-50%,-50%);
|
|
769
785
|
}
|
|
770
786
|
|
|
771
787
|
.\[transform\:translate\(-50\%\2c 0\)\] {
|
|
772
|
-
transform: translate(-50%,0)
|
|
788
|
+
transform: translate(-50%,0);
|
|
773
789
|
}
|
|
774
790
|
|
|
775
791
|
.\[transform\:translate\(-50\%\2c calc\(-100\%-8px\)\)\] {
|
|
776
|
-
transform: translate(-50%,calc(-100% - 8px))
|
|
792
|
+
transform: translate(-50%,calc(-100% - 8px));
|
|
777
793
|
}
|
|
778
794
|
|
|
779
795
|
.\[transform\:translate\(0\2c -50\%\)\] {
|
|
780
|
-
transform: translate(0,-50%)
|
|
796
|
+
transform: translate(0,-50%);
|
|
781
797
|
}
|
|
782
798
|
|
|
783
799
|
.\[transform\:translateY\(-50\%\)\] {
|
|
784
|
-
transform: translateY(-50%)
|
|
800
|
+
transform: translateY(-50%);
|
|
785
801
|
}
|
|
786
802
|
|
|
787
803
|
.\[transform\:translateZ\(0\)\] {
|
|
788
|
-
transform: translateZ(0)
|
|
804
|
+
transform: translateZ(0);
|
|
789
805
|
}
|
|
790
806
|
|
|
791
807
|
.\[vector-effect\:non-scaling-stroke\] {
|
|
792
|
-
vector-effect: non-scaling-stroke
|
|
808
|
+
vector-effect: non-scaling-stroke;
|
|
793
809
|
}
|
|
794
810
|
|
|
795
811
|
.\[writing-mode\:vertical-lr\] {
|
|
796
|
-
writing-mode: vertical-lr
|
|
812
|
+
writing-mode: vertical-lr;
|
|
797
813
|
}
|
|
798
814
|
|
|
799
815
|
.\[writing-mode\:vertical-rl\] {
|
|
800
|
-
writing-mode: vertical-rl
|
|
816
|
+
writing-mode: vertical-rl;
|
|
817
|
+
}
|
|
818
|
+
|
|
819
|
+
/*
|
|
820
|
+
https://dev.to/janeori/css-type-casting-to-numeric-tanatan2-scalars-582j
|
|
821
|
+
allows 100cqh in calc functions to prevent text scaling inside svg.
|
|
822
|
+
*/
|
|
823
|
+
|
|
824
|
+
@property --hundred-cqh {
|
|
825
|
+
syntax: "<length>";
|
|
826
|
+
|
|
827
|
+
initial-value: 0px;
|
|
828
|
+
|
|
829
|
+
inherits: false;
|
|
801
830
|
}
|
|
802
831
|
|
|
803
832
|
.before\:absolute::before {
|
|
804
833
|
content: var(--tw-content);
|
|
805
|
-
position: absolute
|
|
834
|
+
position: absolute;
|
|
806
835
|
}
|
|
807
836
|
|
|
808
837
|
.before\:z-\[-1\]::before {
|
|
809
838
|
content: var(--tw-content);
|
|
810
|
-
z-index: -1
|
|
839
|
+
z-index: -1;
|
|
811
840
|
}
|
|
812
841
|
|
|
813
842
|
.before\:content-\[\'_\'\]::before {
|
|
814
843
|
--tw-content: ' ';
|
|
815
|
-
content: var(--tw-content)
|
|
844
|
+
content: var(--tw-content);
|
|
816
845
|
}
|
|
817
846
|
|
|
818
847
|
.before\:\[background-size\:0_0\2c _100\%_100\%\]::before {
|
|
819
848
|
content: var(--tw-content);
|
|
820
|
-
background-size: 0 0, 100% 100
|
|
849
|
+
background-size: 0 0, 100% 100%;
|
|
821
850
|
}
|
|
822
851
|
|
|
823
852
|
.before\:\[clip-path\:polygon\(calc\(100\%-var\(--h\)-var\(--b\)\)_min\(100\%\2c var\(--p\)\+var\(--h\)\*tan\(var\(--a\)\/2\)\)\2c calc\(100\%-var\(--h\)\)_min\(100\%\2c var\(--p\)\+var\(--h\)\*tan\(var\(--a\)\/2\)\)\2c 100\%_var\(--p\)\2c calc\(100\%-var\(--h\)\)_max\(0\%\2c var\(--p\)-var\(--h\)\*tan\(var\(--a\)\/2\)\)\2c calc\(100\%-var\(--h\)-var\(--b\)\)_max\(0\%\2c var\(--p\)-var\(--h\)\*tan\(var\(--a\)\/2\)\)\)\]::before {
|
|
824
853
|
content: var(--tw-content);
|
|
825
|
-
clip-path: polygon(calc(100% - var(--h) - var(--b)) min(100%,var(--p) + var(--h) * tan(var(--a) / 2)),calc(100% - var(--h)) min(100%,var(--p) + var(--h) * tan(var(--a) / 2)),100% var(--p),calc(100% - var(--h)) max(0%,var(--p) - var(--h) * tan(var(--a) / 2)),calc(100% - var(--h) - var(--b)) max(0%,var(--p) - var(--h) * tan(var(--a) / 2)))
|
|
854
|
+
clip-path: polygon(calc(100% - var(--h) - var(--b)) min(100%,var(--p) + var(--h) * tan(var(--a) / 2)),calc(100% - var(--h)) min(100%,var(--p) + var(--h) * tan(var(--a) / 2)),100% var(--p),calc(100% - var(--h)) max(0%,var(--p) - var(--h) * tan(var(--a) / 2)),calc(100% - var(--h) - var(--b)) max(0%,var(--p) - var(--h) * tan(var(--a) / 2)));
|
|
826
855
|
}
|
|
827
856
|
|
|
828
857
|
.before\:\[clip-path\:polygon\(calc\(var\(--h\)\+var\(--b\)\)_min\(100\%\2c var\(--p\)\+var\(--h\)\*tan\(var\(--a\)\/2\)\)\2c var\(--h\)_min\(100\%\2c var\(--p\)\+var\(--h\)\*tan\(var\(--a\)\/2\)\)\2c 0_var\(--p\)\2c var\(--h\)_max\(0\%\2c var\(--p\)-var\(--h\)\*tan\(var\(--a\)\/2\)\)\2c calc\(var\(--h\)\+var\(--b\)\)_max\(0\%\2c var\(--p\)-var\(--h\)\*tan\(var\(--a\)\/2\)\)\)\]::before {
|
|
829
858
|
content: var(--tw-content);
|
|
830
|
-
clip-path: polygon(calc(var(--h) + var(--b)) min(100%,var(--p) + var(--h) * tan(var(--a) / 2)),var(--h) min(100%,var(--p) + var(--h) * tan(var(--a) / 2)),0 var(--p),var(--h) max(0%,var(--p) - var(--h) * tan(var(--a) / 2)),calc(var(--h) + var(--b)) max(0%,var(--p) - var(--h) * tan(var(--a) / 2)))
|
|
859
|
+
clip-path: polygon(calc(var(--h) + var(--b)) min(100%,var(--p) + var(--h) * tan(var(--a) / 2)),var(--h) min(100%,var(--p) + var(--h) * tan(var(--a) / 2)),0 var(--p),var(--h) max(0%,var(--p) - var(--h) * tan(var(--a) / 2)),calc(var(--h) + var(--b)) max(0%,var(--p) - var(--h) * tan(var(--a) / 2)));
|
|
831
860
|
}
|
|
832
861
|
|
|
833
862
|
.before\:\[clip-path\:polygon\(min\(100\%\2c var\(--p\)\+var\(--h\)\*tan\(var\(--a\)\/2\)\)_calc\(100\%-var\(--h\)-var\(--b\)\)\2c min\(100\%\2c var\(--p\)\+var\(--h\)\*tan\(var\(--a\)\/2\)\)_calc\(100\%-var\(--h\)\)\2c var\(--p\)_100\%\2c max\(0\%\2c var\(--p\)-var\(--h\)\*tan\(var\(--a\)\/2\)\)_calc\(100\%-var\(--h\)\)\2c max\(0\%\2c var\(--p\)-var\(--h\)\*tan\(var\(--a\)\/2\)\)_calc\(100\%-var\(--h\)-var\(--b\)\)\)\]::before {
|
|
834
863
|
content: var(--tw-content);
|
|
835
|
-
clip-path: polygon(min(100%,var(--p) + var(--h) * tan(var(--a) / 2)) calc(100% - var(--h) - var(--b)),min(100%,var(--p) + var(--h) * tan(var(--a) / 2)) calc(100% - var(--h)),var(--p) 100%,max(0%,var(--p) - var(--h) * tan(var(--a) / 2)) calc(100% - var(--h)),max(0%,var(--p) - var(--h) * tan(var(--a) / 2)) calc(100% - var(--h) - var(--b)))
|
|
864
|
+
clip-path: polygon(min(100%,var(--p) + var(--h) * tan(var(--a) / 2)) calc(100% - var(--h) - var(--b)),min(100%,var(--p) + var(--h) * tan(var(--a) / 2)) calc(100% - var(--h)),var(--p) 100%,max(0%,var(--p) - var(--h) * tan(var(--a) / 2)) calc(100% - var(--h)),max(0%,var(--p) - var(--h) * tan(var(--a) / 2)) calc(100% - var(--h) - var(--b)));
|
|
836
865
|
}
|
|
837
866
|
|
|
838
867
|
.before\:\[clip-path\:polygon\(min\(100\%\2c var\(--p\)\+var\(--h\)\*tan\(var\(--a\)\/2\)\)_calc\(var\(--h\)\+var\(--b\)\)\2c min\(100\%\2c var\(--p\)\+var\(--h\)\*tan\(var\(--a\)\/2\)\)_var\(--h\)\2c var\(--p\)_0\2c max\(0\%\2c var\(--p\)-var\(--h\)\*tan\(var\(--a\)\/2\)\)_var\(--h\)\2c max\(0\%\2c var\(--p\)-var\(--h\)\*tan\(var\(--a\)\/2\)\)_calc\(var\(--h\)\+var\(--b\)\)\)\]::before {
|
|
839
868
|
content: var(--tw-content);
|
|
840
|
-
clip-path: polygon(min(100%,var(--p) + var(--h) * tan(var(--a) / 2)) calc(var(--h) + var(--b)),min(100%,var(--p) + var(--h) * tan(var(--a) / 2)) var(--h),var(--p) 0,max(0%,var(--p) - var(--h) * tan(var(--a) / 2)) var(--h),max(0%,var(--p) - var(--h) * tan(var(--a) / 2)) calc(var(--h) + var(--b)))
|
|
869
|
+
clip-path: polygon(min(100%,var(--p) + var(--h) * tan(var(--a) / 2)) calc(var(--h) + var(--b)),min(100%,var(--p) + var(--h) * tan(var(--a) / 2)) var(--h),var(--p) 0,max(0%,var(--p) - var(--h) * tan(var(--a) / 2)) var(--h),max(0%,var(--p) - var(--h) * tan(var(--a) / 2)) calc(var(--h) + var(--b)));
|
|
841
870
|
}
|
|
842
871
|
|
|
843
872
|
.before\:\[inset\:calc\(-1\*var\(--b\)\)_calc\(-1\*var\(--b\)\)_calc\(-1\*var\(--b\)\)_calc\(-1\*var\(--b\)-var\(--h\)\)\]::before {
|
|
844
873
|
content: var(--tw-content);
|
|
845
|
-
inset: calc(-1 * var(--b)) calc(-1 * var(--b)) calc(-1 * var(--b)) calc(-1 * var(--b) - var(--h))
|
|
874
|
+
inset: calc(-1 * var(--b)) calc(-1 * var(--b)) calc(-1 * var(--b)) calc(-1 * var(--b) - var(--h));
|
|
846
875
|
}
|
|
847
876
|
|
|
848
877
|
.before\:\[inset\:calc\(-1\*var\(--b\)\)_calc\(-1\*var\(--b\)\)_calc\(-1\*var\(--b\)-var\(--h\)\)\]::before {
|
|
849
878
|
content: var(--tw-content);
|
|
850
|
-
inset: calc(-1 * var(--b)) calc(-1 * var(--b)) calc(-1 * var(--b) - var(--h))
|
|
879
|
+
inset: calc(-1 * var(--b)) calc(-1 * var(--b)) calc(-1 * var(--b) - var(--h));
|
|
851
880
|
}
|
|
852
881
|
|
|
853
882
|
.before\:\[inset\:calc\(-1\*var\(--b\)\)_calc\(-1\*var\(--b\)-var\(--h\)\)_calc\(-1\*var\(--b\)\)_calc\(-1\*var\(--b\)\)\]::before {
|
|
854
883
|
content: var(--tw-content);
|
|
855
|
-
inset: calc(-1 * var(--b)) calc(-1 * var(--b) - var(--h)) calc(-1 * var(--b)) calc(-1 * var(--b))
|
|
884
|
+
inset: calc(-1 * var(--b)) calc(-1 * var(--b) - var(--h)) calc(-1 * var(--b)) calc(-1 * var(--b));
|
|
856
885
|
}
|
|
857
886
|
|
|
858
887
|
.before\:\[inset\:calc\(-1\*var\(--b\)-var\(--h\)\)_calc\(-1\*var\(--b\)\)_calc\(-1\*var\(--b\)\)\]::before {
|
|
859
888
|
content: var(--tw-content);
|
|
860
|
-
inset: calc(-1 * var(--b) - var(--h)) calc(-1 * var(--b)) calc(-1 * var(--b))
|
|
889
|
+
inset: calc(-1 * var(--b) - var(--h)) calc(-1 * var(--b)) calc(-1 * var(--b));
|
|
861
890
|
}
|
|
862
891
|
|
|
863
892
|
.after\:absolute::after {
|
|
864
893
|
content: var(--tw-content);
|
|
865
|
-
position: absolute
|
|
894
|
+
position: absolute;
|
|
866
895
|
}
|
|
867
896
|
|
|
868
897
|
.after\:z-\[-1\]::after {
|
|
869
898
|
content: var(--tw-content);
|
|
870
|
-
z-index: -1
|
|
899
|
+
z-index: -1;
|
|
871
900
|
}
|
|
872
901
|
|
|
873
902
|
.after\:content-\[\'_\'\]::after {
|
|
874
903
|
--tw-content: ' ';
|
|
875
|
-
content: var(--tw-content)
|
|
904
|
+
content: var(--tw-content);
|
|
876
905
|
}
|
|
877
906
|
|
|
878
907
|
.after\:\[background-size\:100\%_100\%\2c 0_0\]::after {
|
|
879
908
|
content: var(--tw-content);
|
|
880
|
-
background-size: 100% 100%,0 0
|
|
909
|
+
background-size: 100% 100%,0 0;
|
|
881
910
|
}
|
|
882
911
|
|
|
883
912
|
.after\:\[border\:inherit\]::after {
|
|
884
913
|
content: var(--tw-content);
|
|
885
|
-
border: inherit
|
|
914
|
+
border: inherit;
|
|
886
915
|
}
|
|
887
916
|
|
|
888
917
|
.after\:\[clip-path\:polygon\(calc\(100\%-var\(--h\)-var\(--b\)\)_min\(100\%-var\(--b\)\2c var\(--p\)\+var\(--h\)\*tan\(var\(--a\)\/2\)-var\(--b\)\*tan\(45deg-var\(--a\)\/4\)\)\2c calc\(100\%-var\(--b\)\/sin\(var\(--a\)\/2\)\)_var\(--p\)\2c calc\(100\%-var\(--h\)-var\(--b\)\)_max\(var\(--b\)\2c var\(--p\)-var\(--h\)\*tan\(var\(--a\)\/2\)\+var\(--b\)\*tan\(45deg-var\(--a\)\/4\)\)\2c 50\%_50\%\)\]::after {
|
|
889
918
|
content: var(--tw-content);
|
|
890
|
-
clip-path: polygon(calc(100% - var(--h) - var(--b)) min(100% - var(--b),var(--p) + var(--h) * tan(var(--a) / 2) - var(--b) * tan(45deg - var(--a) / 4)),calc(100% - var(--b) / sin(var(--a) / 2)) var(--p),calc(100% - var(--h) - var(--b)) max(var(--b),var(--p) - var(--h) * tan(var(--a) / 2) + var(--b) * tan(45deg - var(--a) / 4)),50% 50%)
|
|
919
|
+
clip-path: polygon(calc(100% - var(--h) - var(--b)) min(100% - var(--b),var(--p) + var(--h) * tan(var(--a) / 2) - var(--b) * tan(45deg - var(--a) / 4)),calc(100% - var(--b) / sin(var(--a) / 2)) var(--p),calc(100% - var(--h) - var(--b)) max(var(--b),var(--p) - var(--h) * tan(var(--a) / 2) + var(--b) * tan(45deg - var(--a) / 4)),50% 50%);
|
|
891
920
|
}
|
|
892
921
|
|
|
893
922
|
.after\:\[clip-path\:polygon\(calc\(var\(--h\)\+var\(--b\)\)_min\(100\%-var\(--b\)\2c var\(--p\)\+var\(--h\)\*tan\(var\(--a\)\/2\)-var\(--b\)\*tan\(45deg-var\(--a\)\/4\)\)\2c calc\(var\(--b\)\/sin\(var\(--a\)\/2\)\)_var\(--p\)\2c calc\(var\(--h\)\+var\(--b\)\)_max\(var\(--b\)\2c var\(--p\)-var\(--h\)\*tan\(var\(--a\)\/2\)\+var\(--b\)\*tan\(45deg-var\(--a\)\/4\)\)\2c 50\%_50\%\)\]::after {
|
|
894
923
|
content: var(--tw-content);
|
|
895
|
-
clip-path: polygon(calc(var(--h) + var(--b)) min(100% - var(--b),var(--p) + var(--h) * tan(var(--a) / 2) - var(--b) * tan(45deg - var(--a) / 4)),calc(var(--b) / sin(var(--a) / 2)) var(--p),calc(var(--h) + var(--b)) max(var(--b),var(--p) - var(--h) * tan(var(--a) / 2) + var(--b) * tan(45deg - var(--a) / 4)),50% 50%)
|
|
924
|
+
clip-path: polygon(calc(var(--h) + var(--b)) min(100% - var(--b),var(--p) + var(--h) * tan(var(--a) / 2) - var(--b) * tan(45deg - var(--a) / 4)),calc(var(--b) / sin(var(--a) / 2)) var(--p),calc(var(--h) + var(--b)) max(var(--b),var(--p) - var(--h) * tan(var(--a) / 2) + var(--b) * tan(45deg - var(--a) / 4)),50% 50%);
|
|
896
925
|
}
|
|
897
926
|
|
|
898
927
|
.after\:\[clip-path\:polygon\(min\(100\%-var\(--b\)\2c var\(--p\)\+var\(--h\)\*tan\(var\(--a\)\/2\)-var\(--b\)\*tan\(45deg-var\(--a\)\/4\)\)_calc\(100\%-var\(--h\)-var\(--b\)\)\2c var\(--p\)_calc\(100\%-var\(--b\)\/sin\(var\(--a\)\/2\)\)\2c max\(var\(--b\)\2c var\(--p\)-var\(--h\)\*tan\(var\(--a\)\/2\)\+var\(--b\)\*tan\(45deg-var\(--a\)\/4\)\)_calc\(100\%-var\(--h\)-var\(--b\)\)\2c 50\%_50\%\)\]::after {
|
|
899
928
|
content: var(--tw-content);
|
|
900
|
-
clip-path: polygon(min(100% - var(--b),var(--p) + var(--h) * tan(var(--a) / 2) - var(--b) * tan(45deg - var(--a) / 4)) calc(100% - var(--h) - var(--b)),var(--p) calc(100% - var(--b) / sin(var(--a) / 2)),max(var(--b),var(--p) - var(--h) * tan(var(--a) / 2) + var(--b) * tan(45deg - var(--a) / 4)) calc(100% - var(--h) - var(--b)),50% 50%)
|
|
929
|
+
clip-path: polygon(min(100% - var(--b),var(--p) + var(--h) * tan(var(--a) / 2) - var(--b) * tan(45deg - var(--a) / 4)) calc(100% - var(--h) - var(--b)),var(--p) calc(100% - var(--b) / sin(var(--a) / 2)),max(var(--b),var(--p) - var(--h) * tan(var(--a) / 2) + var(--b) * tan(45deg - var(--a) / 4)) calc(100% - var(--h) - var(--b)),50% 50%);
|
|
901
930
|
}
|
|
902
931
|
|
|
903
932
|
.after\:\[clip-path\:polygon\(min\(100\%-var\(--b\)\2c var\(--p\)\+var\(--h\)\*tan\(var\(--a\)\/2\)-var\(--b\)\*tan\(45deg-var\(--a\)\/4\)\)_calc\(var\(--h\)\+var\(--b\)\)\2c var\(--p\)_calc\(var\(--b\)\/sin\(var\(--a\)\/2\)\)\2c max\(var\(--b\)\2c var\(--p\)-var\(--h\)\*tan\(var\(--a\)\/2\)\+var\(--b\)\*tan\(45deg-var\(--a\)\/4\)\)_calc\(var\(--h\)\+var\(--b\)\)\2c 50\%_50\%\)\]::after {
|
|
904
933
|
content: var(--tw-content);
|
|
905
|
-
clip-path: polygon(min(100% - var(--b),var(--p) + var(--h) * tan(var(--a) / 2) - var(--b) * tan(45deg - var(--a) / 4)) calc(var(--h) + var(--b)),var(--p) calc(var(--b) / sin(var(--a) / 2)),max(var(--b),var(--p) - var(--h) * tan(var(--a) / 2) + var(--b) * tan(45deg - var(--a) / 4)) calc(var(--h) + var(--b)),50% 50%)
|
|
934
|
+
clip-path: polygon(min(100% - var(--b),var(--p) + var(--h) * tan(var(--a) / 2) - var(--b) * tan(45deg - var(--a) / 4)) calc(var(--h) + var(--b)),var(--p) calc(var(--b) / sin(var(--a) / 2)),max(var(--b),var(--p) - var(--h) * tan(var(--a) / 2) + var(--b) * tan(45deg - var(--a) / 4)) calc(var(--h) + var(--b)),50% 50%);
|
|
906
935
|
}
|
|
907
936
|
|
|
908
937
|
.after\:\[inset\:calc\(-1\*var\(--b\)\)_calc\(-1\*var\(--b\)\)_calc\(-1\*var\(--b\)\)_calc\(-1\*var\(--b\)-var\(--h\)\)\]::after {
|
|
909
938
|
content: var(--tw-content);
|
|
910
|
-
inset: calc(-1 * var(--b)) calc(-1 * var(--b)) calc(-1 * var(--b)) calc(-1 * var(--b) - var(--h))
|
|
939
|
+
inset: calc(-1 * var(--b)) calc(-1 * var(--b)) calc(-1 * var(--b)) calc(-1 * var(--b) - var(--h));
|
|
911
940
|
}
|
|
912
941
|
|
|
913
942
|
.after\:\[inset\:calc\(-1\*var\(--b\)\)_calc\(-1\*var\(--b\)\)_calc\(-1\*var\(--b\)-var\(--h\)\)\]::after {
|
|
914
943
|
content: var(--tw-content);
|
|
915
|
-
inset: calc(-1 * var(--b)) calc(-1 * var(--b)) calc(-1 * var(--b) - var(--h))
|
|
944
|
+
inset: calc(-1 * var(--b)) calc(-1 * var(--b)) calc(-1 * var(--b) - var(--h));
|
|
916
945
|
}
|
|
917
946
|
|
|
918
947
|
.after\:\[inset\:calc\(-1\*var\(--b\)\)_calc\(-1\*var\(--b\)-var\(--h\)\)_calc\(-1\*var\(--b\)\)_calc\(-1\*var\(--b\)\)\]::after {
|
|
919
948
|
content: var(--tw-content);
|
|
920
|
-
inset: calc(-1 * var(--b)) calc(-1 * var(--b) - var(--h)) calc(-1 * var(--b)) calc(-1 * var(--b))
|
|
949
|
+
inset: calc(-1 * var(--b)) calc(-1 * var(--b) - var(--h)) calc(-1 * var(--b)) calc(-1 * var(--b));
|
|
921
950
|
}
|
|
922
951
|
|
|
923
952
|
.after\:\[inset\:calc\(-1\*var\(--b\)-var\(--h\)\)_calc\(-1\*var\(--b\)\)_calc\(-1\*var\(--b\)\)\]::after {
|
|
924
953
|
content: var(--tw-content);
|
|
925
|
-
inset: calc(-1 * var(--b) - var(--h)) calc(-1 * var(--b)) calc(-1 * var(--b))
|
|
954
|
+
inset: calc(-1 * var(--b) - var(--h)) calc(-1 * var(--b)) calc(-1 * var(--b));
|
|
926
955
|
}
|
|
927
956
|
|
|
928
957
|
.hover\:stroke-white:hover {
|
|
929
|
-
stroke: #fff
|
|
958
|
+
stroke: #fff;
|
|
930
959
|
}
|
|
931
960
|
|
|
932
961
|
.hover\:stroke-\[1\.2\]:hover {
|
|
933
|
-
stroke-width: 1.2
|
|
962
|
+
stroke-width: 1.2;
|
|
934
963
|
}
|
|
935
964
|
|
|
936
965
|
.hover\:\[fill-opacity\:0\.2\]:hover {
|
|
937
|
-
fill-opacity: 0.2
|
|
966
|
+
fill-opacity: 0.2;
|
|
938
967
|
}
|
|
939
968
|
|
|
940
969
|
.hover\:\[scale\:1\.02\]:hover {
|
|
941
|
-
scale: 1.02
|
|
970
|
+
scale: 1.02;
|
|
942
971
|
}
|
|
943
972
|
|
|
944
973
|
.group:hover .group-hover\:stroke-\[15\] {
|
|
945
|
-
stroke-width: 15
|
|
974
|
+
stroke-width: 15;
|
|
946
975
|
}
|
|
947
976
|
|
|
948
|
-
.group:hover .group-hover\:drop-shadow
|
|
949
|
-
|
|
950
|
-
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
|
|
977
|
+
.group:hover .group-hover\:\[filter\:drop-shadow\(0_0_50px_rgba\(0\2c 0\2c 0\2c 0\.5\)\)\] {
|
|
978
|
+
filter: drop-shadow(0 0 50px rgba(0,0,0,0.5));
|
|
951
979
|
}
|
|
952
980
|
|
|
953
981
|
.has-\[path\:hover\]\:z-\[1\]:has(path:hover) {
|
|
954
|
-
z-index: 1
|
|
982
|
+
z-index: 1;
|
|
955
983
|
}
|
|
956
984
|
|
|
957
985
|
.has-\[path\:hover\]\:brightness-110:has(path:hover) {
|
|
958
986
|
--tw-brightness: brightness(1.1);
|
|
959
|
-
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
|
|
987
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
960
988
|
}
|
|
961
989
|
|
|
962
990
|
@container (min-width:100ch) {
|
|
963
991
|
.\@\[width\:100ch\]\:\!\[transform\:rotate\(0deg\)_translateX\(-50\%\)\] {
|
|
964
|
-
transform: rotate(0deg) translateX(-50%) !important
|
|
992
|
+
transform: rotate(0deg) translateX(-50%) !important;
|
|
965
993
|
}
|
|
966
994
|
|
|
967
995
|
.\@\[width\:100ch\]\:\!\[writing-mode\:unset\] {
|
|
968
|
-
writing-mode: unset !important
|
|
996
|
+
writing-mode: unset !important;
|
|
969
997
|
}
|
|
970
998
|
}
|
|
971
999
|
|
|
972
1000
|
@container (min-width:10ch) {
|
|
973
1001
|
.\@\[width\:10ch\]\:\!\[transform\:rotate\(0deg\)_translateX\(-50\%\)\] {
|
|
974
|
-
transform: rotate(0deg) translateX(-50%) !important
|
|
1002
|
+
transform: rotate(0deg) translateX(-50%) !important;
|
|
975
1003
|
}
|
|
976
1004
|
|
|
977
1005
|
.\@\[width\:10ch\]\:\!\[writing-mode\:unset\] {
|
|
978
|
-
writing-mode: unset !important
|
|
1006
|
+
writing-mode: unset !important;
|
|
979
1007
|
}
|
|
980
1008
|
}
|
|
981
1009
|
|
|
982
1010
|
@container (min-width:10ch) and (min-height:1.25em) {
|
|
983
1011
|
.\@\[width\:10ch\|height\:1\.25em\]\:\!visible {
|
|
984
|
-
visibility: visible !important
|
|
1012
|
+
visibility: visible !important;
|
|
985
1013
|
}
|
|
986
1014
|
}
|
|
987
1015
|
|
|
988
1016
|
@container (min-width:130ch) {
|
|
989
1017
|
.\@\[width\:130ch\]\:\!\[transform\:rotate\(0deg\)_translateX\(-50\%\)\] {
|
|
990
|
-
transform: rotate(0deg) translateX(-50%) !important
|
|
1018
|
+
transform: rotate(0deg) translateX(-50%) !important;
|
|
991
1019
|
}
|
|
992
1020
|
|
|
993
1021
|
.\@\[width\:130ch\]\:\!\[writing-mode\:unset\] {
|
|
994
|
-
writing-mode: unset !important
|
|
1022
|
+
writing-mode: unset !important;
|
|
995
1023
|
}
|
|
996
1024
|
}
|
|
997
1025
|
|
|
998
1026
|
@container (min-width:15ch) and (min-height:1.25em) {
|
|
999
1027
|
.\@\[width\:15ch\|height\:1\.25em\]\:\!visible {
|
|
1000
|
-
visibility: visible !important
|
|
1028
|
+
visibility: visible !important;
|
|
1001
1029
|
}
|
|
1002
1030
|
}
|
|
1003
1031
|
|
|
1004
1032
|
@container (min-width:160ch) {
|
|
1005
1033
|
.\@\[width\:160ch\]\:\!\[transform\:rotate\(0deg\)_translateX\(-50\%\)\] {
|
|
1006
|
-
transform: rotate(0deg) translateX(-50%) !important
|
|
1034
|
+
transform: rotate(0deg) translateX(-50%) !important;
|
|
1007
1035
|
}
|
|
1008
1036
|
|
|
1009
1037
|
.\@\[width\:160ch\]\:\!\[writing-mode\:unset\] {
|
|
1010
|
-
writing-mode: unset !important
|
|
1038
|
+
writing-mode: unset !important;
|
|
1011
1039
|
}
|
|
1012
1040
|
}
|
|
1013
1041
|
|
|
1014
1042
|
@container (min-width:190ch) {
|
|
1015
1043
|
.\@\[width\:190ch\]\:\!\[transform\:rotate\(0deg\)_translateX\(-50\%\)\] {
|
|
1016
|
-
transform: rotate(0deg) translateX(-50%) !important
|
|
1044
|
+
transform: rotate(0deg) translateX(-50%) !important;
|
|
1017
1045
|
}
|
|
1018
1046
|
|
|
1019
1047
|
.\@\[width\:190ch\]\:\!\[writing-mode\:unset\] {
|
|
1020
|
-
writing-mode: unset !important
|
|
1048
|
+
writing-mode: unset !important;
|
|
1021
1049
|
}
|
|
1022
1050
|
}
|
|
1023
1051
|
|
|
1024
1052
|
@container (min-width:20ch) {
|
|
1025
1053
|
.\@\[width\:20ch\]\:\!\[transform\:rotate\(0deg\)_translateX\(-50\%\)\] {
|
|
1026
|
-
transform: rotate(0deg) translateX(-50%) !important
|
|
1054
|
+
transform: rotate(0deg) translateX(-50%) !important;
|
|
1027
1055
|
}
|
|
1028
1056
|
|
|
1029
1057
|
.\@\[width\:20ch\]\:\!\[writing-mode\:unset\] {
|
|
1030
|
-
writing-mode: unset !important
|
|
1058
|
+
writing-mode: unset !important;
|
|
1031
1059
|
}
|
|
1032
1060
|
}
|
|
1033
1061
|
|
|
1034
1062
|
@container (min-width:20ch) and (min-height:1.25em) {
|
|
1035
1063
|
.\@\[width\:20ch\|height\:1\.25em\]\:\!visible {
|
|
1036
|
-
visibility: visible !important
|
|
1064
|
+
visibility: visible !important;
|
|
1037
1065
|
}
|
|
1038
1066
|
}
|
|
1039
1067
|
|
|
1040
1068
|
@container (min-width:2ch) and (min-height:1.25em) {
|
|
1041
1069
|
.\@\[width\:2ch\|height\:1\.25em\]\:\!visible {
|
|
1042
|
-
visibility: visible !important
|
|
1070
|
+
visibility: visible !important;
|
|
1043
1071
|
}
|
|
1044
1072
|
}
|
|
1045
1073
|
|
|
1046
1074
|
@container (min-width:30ch) {
|
|
1047
1075
|
.\@\[width\:30ch\]\:\!\[transform\:rotate\(0deg\)_translateX\(-50\%\)\] {
|
|
1048
|
-
transform: rotate(0deg) translateX(-50%) !important
|
|
1076
|
+
transform: rotate(0deg) translateX(-50%) !important;
|
|
1049
1077
|
}
|
|
1050
1078
|
|
|
1051
1079
|
.\@\[width\:30ch\]\:\!\[writing-mode\:unset\] {
|
|
1052
|
-
writing-mode: unset !important
|
|
1080
|
+
writing-mode: unset !important;
|
|
1053
1081
|
}
|
|
1054
1082
|
}
|
|
1055
1083
|
|
|
1056
1084
|
@container (min-width:400px) {
|
|
1057
1085
|
.\@\[width\:400px\]\:\!visible {
|
|
1058
|
-
visibility: visible !important
|
|
1086
|
+
visibility: visible !important;
|
|
1059
1087
|
}
|
|
1060
1088
|
}
|
|
1061
1089
|
|
|
1062
1090
|
@container (min-width:40ch) {
|
|
1063
1091
|
.\@\[width\:40ch\]\:\!\[transform\:rotate\(0deg\)_translateX\(-50\%\)\] {
|
|
1064
|
-
transform: rotate(0deg) translateX(-50%) !important
|
|
1092
|
+
transform: rotate(0deg) translateX(-50%) !important;
|
|
1065
1093
|
}
|
|
1066
1094
|
|
|
1067
1095
|
.\@\[width\:40ch\]\:\!\[writing-mode\:unset\] {
|
|
1068
|
-
writing-mode: unset !important
|
|
1096
|
+
writing-mode: unset !important;
|
|
1069
1097
|
}
|
|
1070
1098
|
}
|
|
1071
1099
|
|
|
1072
1100
|
@container (min-width:4ch) and (min-height:1.25em) {
|
|
1073
1101
|
.\@\[width\:4ch\|height\:1\.25em\]\:\!visible {
|
|
1074
|
-
visibility: visible !important
|
|
1102
|
+
visibility: visible !important;
|
|
1075
1103
|
}
|
|
1076
1104
|
}
|
|
1077
1105
|
|
|
1078
1106
|
@container (min-width:50ch) {
|
|
1079
1107
|
.\@\[width\:50ch\]\:\!\[transform\:rotate\(0deg\)_translateX\(-50\%\)\] {
|
|
1080
|
-
transform: rotate(0deg) translateX(-50%) !important
|
|
1108
|
+
transform: rotate(0deg) translateX(-50%) !important;
|
|
1081
1109
|
}
|
|
1082
1110
|
|
|
1083
1111
|
.\@\[width\:50ch\]\:\!\[writing-mode\:unset\] {
|
|
1084
|
-
writing-mode: unset !important
|
|
1112
|
+
writing-mode: unset !important;
|
|
1085
1113
|
}
|
|
1086
1114
|
}
|
|
1087
1115
|
|
|
1088
1116
|
@container (min-width:5ch) and (min-height:1.25em) {
|
|
1089
1117
|
.\@\[width\:5ch\|height\:1\.25em\]\:\!visible {
|
|
1090
|
-
visibility: visible !important
|
|
1118
|
+
visibility: visible !important;
|
|
1091
1119
|
}
|
|
1092
1120
|
}
|
|
1093
1121
|
|
|
1094
1122
|
@container (min-width:60ch) {
|
|
1095
1123
|
.\@\[width\:60ch\]\:\!\[transform\:rotate\(0deg\)_translateX\(-50\%\)\] {
|
|
1096
|
-
transform: rotate(0deg) translateX(-50%) !important
|
|
1124
|
+
transform: rotate(0deg) translateX(-50%) !important;
|
|
1097
1125
|
}
|
|
1098
1126
|
|
|
1099
1127
|
.\@\[width\:60ch\]\:\!\[writing-mode\:unset\] {
|
|
1100
|
-
writing-mode: unset !important
|
|
1128
|
+
writing-mode: unset !important;
|
|
1101
1129
|
}
|
|
1102
1130
|
}
|
|
1103
1131
|
|
|
1104
1132
|
@container (min-width:6ch) and (min-height:1.25em) {
|
|
1105
1133
|
.\@\[width\:6ch\|height\:1\.25em\]\:\!visible {
|
|
1106
|
-
visibility: visible !important
|
|
1134
|
+
visibility: visible !important;
|
|
1107
1135
|
}
|
|
1108
1136
|
}
|
|
1109
1137
|
|
|
1110
1138
|
@container (min-width:70ch) {
|
|
1111
1139
|
.\@\[width\:70ch\]\:\!\[transform\:rotate\(0deg\)_translateX\(-50\%\)\] {
|
|
1112
|
-
transform: rotate(0deg) translateX(-50%) !important
|
|
1140
|
+
transform: rotate(0deg) translateX(-50%) !important;
|
|
1113
1141
|
}
|
|
1114
1142
|
|
|
1115
1143
|
.\@\[width\:70ch\]\:\!\[writing-mode\:unset\] {
|
|
1116
|
-
writing-mode: unset !important
|
|
1144
|
+
writing-mode: unset !important;
|
|
1117
1145
|
}
|
|
1118
1146
|
}
|
|
1119
1147
|
|
|
1120
1148
|
@container (min-width:80ch) {
|
|
1121
1149
|
.\@\[width\:80ch\]\:\!\[transform\:rotate\(0deg\)_translateX\(-50\%\)\] {
|
|
1122
|
-
transform: rotate(0deg) translateX(-50%) !important
|
|
1150
|
+
transform: rotate(0deg) translateX(-50%) !important;
|
|
1123
1151
|
}
|
|
1124
1152
|
|
|
1125
1153
|
.\@\[width\:80ch\]\:\!\[writing-mode\:unset\] {
|
|
1126
|
-
writing-mode: unset !important
|
|
1154
|
+
writing-mode: unset !important;
|
|
1127
1155
|
}
|
|
1128
1156
|
}
|
|
1129
1157
|
|
|
1130
1158
|
@container (min-width:8ch) and (min-height:1.25em) {
|
|
1131
1159
|
.\@\[width\:8ch\|height\:1\.25em\]\:\!visible {
|
|
1132
|
-
visibility: visible !important
|
|
1160
|
+
visibility: visible !important;
|
|
1133
1161
|
}
|
|
1134
1162
|
}
|
|
1135
1163
|
|
|
1136
1164
|
@container (min-width:90ch) {
|
|
1137
1165
|
.\@\[width\:90ch\]\:\!\[transform\:rotate\(0deg\)_translateX\(-50\%\)\] {
|
|
1138
|
-
transform: rotate(0deg) translateX(-50%) !important
|
|
1166
|
+
transform: rotate(0deg) translateX(-50%) !important;
|
|
1139
1167
|
}
|
|
1140
1168
|
|
|
1141
1169
|
.\@\[width\:90ch\]\:\!\[writing-mode\:unset\] {
|
|
1142
|
-
writing-mode: unset !important
|
|
1170
|
+
writing-mode: unset !important;
|
|
1143
1171
|
}
|
|
1144
1172
|
}
|
|
1145
1173
|
|
|
1146
1174
|
.dark\:fill-\[\#111111\]:where(.dark, .dark *) {
|
|
1147
|
-
fill: #111111
|
|
1175
|
+
fill: #111111;
|
|
1148
1176
|
}
|
|
1149
1177
|
|
|
1150
1178
|
.dark\:fill-\[\#1b1b1b\]:where(.dark, .dark *) {
|
|
1151
|
-
fill: #1b1b1b
|
|
1179
|
+
fill: #1b1b1b;
|
|
1152
1180
|
}
|
|
1153
1181
|
|
|
1154
1182
|
.dark\:fill-\[\#2d2d2d\]:where(.dark, .dark *) {
|
|
1155
|
-
fill: #2d2d2d
|
|
1183
|
+
fill: #2d2d2d;
|
|
1156
1184
|
}
|
|
1157
1185
|
|
|
1158
1186
|
.dark\:fill-dark-priority-100:where(.dark, .dark *) {
|
|
1159
|
-
fill: rgb(45, 45, 45)
|
|
1187
|
+
fill: rgb(45, 45, 45);
|
|
1160
1188
|
}
|
|
1161
1189
|
|
|
1162
1190
|
.dark\:fill-gray-400:where(.dark, .dark *) {
|
|
1163
|
-
fill: #9ca3af
|
|
1191
|
+
fill: #9ca3af;
|
|
1164
1192
|
}
|
|
1165
1193
|
|
|
1166
1194
|
.dark\:fill-white:where(.dark, .dark *) {
|
|
1167
|
-
fill: #fff
|
|
1195
|
+
fill: #fff;
|
|
1168
1196
|
}
|
|
1169
1197
|
|
|
1170
1198
|
.dark\:stroke-\[\#2d2d2d\]:where(.dark, .dark *) {
|
|
1171
|
-
stroke: #2d2d2d
|
|
1199
|
+
stroke: #2d2d2d;
|
|
1172
1200
|
}
|
|
1173
1201
|
|
|
1174
1202
|
.dark\:stroke-dark-priority-100:where(.dark, .dark *) {
|
|
1175
|
-
stroke: rgb(45, 45, 45)
|
|
1203
|
+
stroke: rgb(45, 45, 45);
|
|
1176
1204
|
}
|
|
1177
1205
|
|
|
1178
1206
|
.dark\:stroke-white:where(.dark, .dark *) {
|
|
1179
|
-
stroke: #fff
|
|
1207
|
+
stroke: #fff;
|
|
1180
1208
|
}
|
|
1181
1209
|
|
|
1182
1210
|
.dark\:text-gray-300:where(.dark, .dark *) {
|
|
1183
1211
|
--tw-text-opacity: 1;
|
|
1184
|
-
color: rgb(209 213 219 / var(--tw-text-opacity, 1))
|
|
1212
|
+
color: rgb(209 213 219 / var(--tw-text-opacity, 1));
|
|
1185
1213
|
}
|
|
1186
1214
|
|
|
1187
1215
|
.dark\:text-gray-600:where(.dark, .dark *) {
|
|
1188
1216
|
--tw-text-opacity: 1;
|
|
1189
|
-
color: rgb(75 85 99 / var(--tw-text-opacity, 1))
|
|
1217
|
+
color: rgb(75 85 99 / var(--tw-text-opacity, 1));
|
|
1190
1218
|
}
|
|
1191
1219
|
|
|
1192
1220
|
.dark\:text-white:where(.dark, .dark *) {
|
|
1193
1221
|
--tw-text-opacity: 1;
|
|
1194
|
-
color: rgb(255 255 255 / var(--tw-text-opacity, 1))
|
|
1222
|
+
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
|
|
1195
1223
|
}
|
|
1196
1224
|
|
|
1197
1225
|
.dark\:\[background\:linear-gradient\(transparent\2c \#3C3C3C\)\]:where(.dark, .dark *) {
|
|
1198
|
-
background: linear-gradient(transparent,#3C3C3C)
|
|
1226
|
+
background: linear-gradient(transparent,#3C3C3C);
|
|
1199
1227
|
}
|
|
1200
1228
|
|
|
1201
1229
|
.dark\:\[filter\:brightness\(100\%\)\]:where(.dark, .dark *) {
|
|
1202
|
-
filter: brightness(100%)
|
|
1230
|
+
filter: brightness(100%);
|
|
1203
1231
|
}
|
|
1204
1232
|
|
|
1205
1233
|
.dark\:\[filter\:invert\(0\)\]:where(.dark, .dark *) {
|
|
1206
|
-
filter: invert(0)
|
|
1234
|
+
filter: invert(0);
|
|
1207
1235
|
}
|
|
1208
1236
|
|
|
1209
1237
|
.has-\[path\:hover\]\:\[\&_\.label-path\]\:stroke-current .label-path:has(path:hover) {
|
|
1210
|
-
stroke: currentColor
|
|
1238
|
+
stroke: currentColor;
|
|
1211
1239
|
}
|
|
1240
|
+
|