-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.css
4388 lines (4243 loc) · 179 KB
/
index.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
:root {
--color-option-picker--disabled: #666;
--color-option-picker: #000;
--color-option-picker__option--active: #fff;
--color-option-picker__option--disabled: #666;
--color-option-picker__option--hover: #fff;
--color-option-picker__option--selected: #00f;
--color-option-picker__option-group--disabled: #666;
--color-option-picker__option-group: #000;
--color-option-picker__options--disabled: #666;
--fill-option-picker--disabled: #eee;
--fill-option-picker: #fff;
--fill-option-picker__option--active: #009;
--fill-option-picker__option--disabled: none;
--fill-option-picker__option--hover: #00f;
--fill-option-picker__option--selected: none;
--fill-option-picker__option: none;
--fill-option-picker__options--disabled: #eee;
--fill-option-picker__options: #fff;
--font-face-option-picker: inherit;
--font-height-option-picker: 1.5em;
--font-size-option-picker: inherit;
--shadow-option-picker: none;
--shadow-option-picker__options: 0 1px 2px rgba(0, 0, 0, .4);
--stroke-option-picker--disabled: #666;
--stroke-option-picker--focus: #00f;
--stroke-option-picker--open: #00f;
--stroke-option-picker: #000;
--stroke-option-picker__options--disabled: #999;
--stroke-option-picker__options--open: #00f;
--stroke-option-picker__options: #000;
--width-option-picker: 12em;
}
.option-picker,
.option-picker::before,
.option-picker::after,
.option-picker *,
.option-picker *::before,
.option-picker *::after {
box-sizing: border-box;
font: inherit;
}
.option-picker {
-moz-user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
background: var(--fill-option-picker);
border: 1px solid;
border-color: var(--stroke-option-picker);
border-radius: var(--arc-option-picker);
box-shadow: var(--shadow-option-picker);
color: var(--color-option-picker);
cursor: pointer;
display: inline-block;
font-family: var(--font-face-option-picker);
font-size: var(--font-size-option-picker);
height: var(--height-option-picker, auto);
line-height: var(--font-height-option-picker);
max-height: var(--height-max-option-picker, 100%);
max-width: var(--width-max-option-picker, 100%);
min-height: var(--height-min-option-picker, 0);
min-width: var(--width-min-option-picker, 0);
outline: 0;
padding: 0.25em;
position: relative;
user-select: none;
vertical-align: middle;
width: var(--width-option-picker, auto);
}
.option-picker:hover {
background: var(--fill-option-picker--hover, var(--fill-option-picker));
border-color: var(--stroke-option-picker--hover, var(--stroke-option-picker));
box-shadow: var(--shadow-option-picker--hover, var(--shadow-option-picker));
color: var(--color-option-picker--hover, var(--color-option-picker));
}
.option-picker:focus {
background: var(--fill-option-picker--focus, var(--fill-option-picker));
border-color: var(--stroke-option-picker--focus, var(--stroke-option-picker));
box-shadow: var(--shadow-option-picker--focus, var(--shadow-option-picker));
color: var(--color-option-picker--focus, var(--color-option-picker));
}
.option-picker:active {
background: var(--fill-option-picker--active, var(--fill-option-picker));
border-color: var(--stroke-option-picker--active, var(--stroke-option-picker));
box-shadow: var(--shadow-option-picker--active, var(--shadow-option-picker));
color: var(--color-option-picker--active, var(--color-option-picker));
}
.option-picker::after {
border: 0 solid transparent;
border-bottom-color: inherit;
border-left-width: 0.35em;
border-right-width: 0.35em;
border-top-color: inherit;
border-top-width: 0.45em;
content: "";
height: 0;
pointer-events: none;
position: absolute;
right: 0.5em;
top: calc(50% - 0.225em);
width: 0;
}
.option-picker--open.option-picker--down {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.option-picker--open.option-picker--up {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.option-picker--open::after {
border-bottom-width: 0.45em;
border-top-width: 0;
}
.option-picker--open .option-picker__options {
background: var(--fill-option-picker__options--open, var(--fill-option-picker__options, var(--fill-option-picker)));
border-color: var(--stroke-option-picker__options--open, var(--stroke-option-picker__options, var(--stroke-option-picker)));
color: var(--color-option-picker__options--open, var(--stroke-option-picker__options, var(--stroke-option-picker)));
display: block;
}
.option-picker--open.option-picker--down .option-picker__options {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.option-picker--open.option-picker--up .option-picker__options {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.option-picker * {
outline: 0;
}
.option-picker.option-picker--focus {
background: var(--fill-option-picker--focus, var(--fill-option-picker));
border-color: var(--stroke-option-picker--focus, var(--stroke-option-picker));
box-shadow: var(--shadow-option-picker--focus, var(--shadow-option-picker));
color: var(--color-option-picker--focus, var(--color-option-picker));
}
.option-picker.option-picker--disabled {
background: var(--fill-option-picker--disabled, var(--fill-option-picker));
border-color: var(--stroke-option-picker--disabled, var(--stroke-option-picker));
box-shadow: var(--shadow-option-picker--disabled, var(--shadow-option-picker));
color: var(--color-option-picker--disabled, var(--color-option-picker));
}
.option-picker__options {
background: var(--fill-option-picker__options, var(--fill-option-picker));
border: inherit;
border-color: var(--stroke-option-picker__options, var(--stroke-option-picker));
border-radius: var(--arc-option-picker__options, var(--arc-option-picker));
box-shadow: var(--shadow-option-picker__options);
color: var(--color-option-picker__options, var(--color-option-picker));
display: none;
overflow: auto;
position: fixed;
z-index: 9999;
}
.option-picker__options[hidden] {
display: none;
}
.option-picker__options .option-picker__option {
background: var(--fill-option-picker__option);
color: var(--color-option-picker__option);
cursor: pointer;
display: block;
font: inherit;
overflow: hidden;
padding: 0 0.5em;
text-overflow: ellipsis;
white-space: nowrap;
}
.option-picker__options .option-picker__option[hidden] {
display: none;
}
.option-picker__options .option-picker__option:not(.option-picker__option--disabled):hover {
background: var(--fill-option-picker__option--hover, var(--fill-option-picker__option));
color: var(--color-option-picker__option--hover, var(--color-option-picker__option));
}
.option-picker__options .option-picker__option:not(.option-picker__option--disabled):focus {
background: var(--fill-option-picker__option--focus, var(--fill-option-picker__option));
color: var(--color-option-picker__option--focus, var(--color-option-picker__option));
}
.option-picker__options .option-picker__option:not(.option-picker__option--disabled):active {
background: var(--fill-option-picker__option--active, var(--fill-option-picker__option));
color: var(--color-option-picker__option--active, var(--color-option-picker__option));
}
.option-picker__options .option-picker__option--selected {
background: var(--fill-option-picker__option--selected, var(--fill-option-picker__option));
color: var(--color-option-picker__option--selected, var(--color-option-picker__option));
}
.option-picker__options .option-picker__option--disabled {
background: var(--fill-option-picker__option--disabled, var(--fill-option-picker__option));
color: var(--color-option-picker__option--disabled, var(--color-option-picker__option));
}
.option-picker__options .option-picker__option--disabled {
cursor: not-allowed;
}
.option-picker__option-group {
display: block;
padding: 0 0.5em;
}
.option-picker__option-group[title]::before {
content: attr(title);
display: block;
font-weight: bold;
margin: 0 -0.5em;
overflow: hidden;
padding: 0 0.5em;
text-overflow: ellipsis;
white-space: nowrap;
}
.option-picker__option-group--disabled {
color: var(--color-disabled__option-group--disabled, var(--color-disabled__option-group));
}
.option-picker__option-group .option-picker__option {
margin: 0 -0.5em;
padding-left: 1.5em;
}
.option-picker__source {
left: -9999px;
position: fixed;
top: -9999px;
}
.option-picker__source:disabled + .option-picker,
.option-picker__source.button.not\:active + .option-picker,
.option-picker__source[role=button]:not(:any-link) + .option-picker {
background: var(--fill-option-picker--disabled, var(--fill-option-picker));
border-color: var(--stroke-option-picker--disabled, var(--stroke-option-picker));
color: var(--color-option-picker--disabled, var(--color-option-picker));
cursor: not-allowed;
}
.option-picker__source:disabled + .option-picker::after,
.option-picker__source.button.not\:active + .option-picker::after,
.option-picker__source[role=button]:not(:any-link) + .option-picker::after {
border-top-color: var(--stroke-option-picker--disabled, var(--stroke-option-picker));
}
.option-picker__source:disabled + .option-picker .option-picker__option,
.option-picker__source.button.not\:active + .option-picker .option-picker__option,
.option-picker__source[role=button]:not(:any-link) + .option-picker .option-picker__option {
color: var(--color-option-picker--disabled, var(--color-option-picker));
}
.option-picker__source:disabled + .option-picker .option-picker__options,
.option-picker__source.button.not\:active + .option-picker .option-picker__options,
.option-picker__source[role=button]:not(:any-link) + .option-picker .option-picker__options {
background: var(--fill-option-picker__options--disabled, var(--fill-option-picker--disabled), var(--fill-option-picker));
border-color: var(--stroke-option-picker__options--disabled, var(--stroke-option-picker--disabled, var(--stroke-option-picker)));
color: var(--color-option-picker__options--disabled, var(--color-option-picker--disabled, var(--color-option-picker)));
}
.option-picker__source:disabled + .option-picker .option-picker__options,
.option-picker__source.button.not\:active + .option-picker .option-picker__options,
.option-picker__source[role=button]:not(:any-link) + .option-picker .option-picker__options,
.option-picker__source:disabled + .option-picker .option-picker__values,
.option-picker__source.button.not\:active + .option-picker .option-picker__values,
.option-picker__source[role=button]:not(:any-link) + .option-picker .option-picker__values {
pointer-events: none;
}
.option-picker__source[size] + .option-picker {
height: auto;
}
.option-picker__source[size] + .option-picker::after {
display: none;
}
.option-picker__source[size] + .option-picker .option-picker__options {
border-color: inherit;
border-width: 0;
border-top-width: inherit;
box-shadow: none;
display: block;
margin: 0.25em -0.25em -0.25em;
position: relative;
z-index: 1;
}
.option-picker__source[size] + .option-picker .option-picker__values {
margin: 0;
}
.option-picker__source[multiple] + .option-picker .option-picker__values {
white-space: normal;
}
.option-picker__input span {
display: block;
height: 100%;
outline: 0;
position: relative;
z-index: 1;
}
.option-picker__input span * {
display: none;
}
.option-picker__input span + span {
bottom: 0;
left: 0;
opacity: 0.5;
padding: inherit;
position: absolute;
right: 0;
top: 0;
white-space: nowrap;
z-index: 0;
}
.option-picker__input span {
position: relative;
z-index: 1;
}
.option-picker__input span + span {
position: absolute;
top: 0;
bottom: 0;
left: 0;
z-index: 0;
}
.option-picker__input {
cursor: text;
}
.option-picker__input,
.option-picker__values {
display: block;
margin-right: 1.25em;
overflow: hidden;
padding: 0 0.25em;
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
}
@font-face {
font-display: swap;
font-family: tag-picker__tag-x;
font-style: normal;
font-weight: normal;
src: url("data:font/woff2;charset=utf-8;base64,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") format("woff2");
}
:root {
--color-tag-picker: #000;
--color-tag-picker__tag-x: #fff;
--color-tag-picker__tag: #000;
--fill-tag-picker--disabled: #eee;
--fill-tag-picker--read-only: #eee;
--fill-tag-picker: #fff;
--fill-tag-picker__tag--disabled: #aaa;
--fill-tag-picker__tag--focus: #c00;
--fill-tag-picker__tag--read-only: #f00;
--fill-tag-picker__tag--selected: #c00;
--fill-tag-picker__tag: #f00;
--font-face-tag-picker: inherit;
--font-height-tag-picker: 1.5em;
--font-height-tag-picker: 1.5em;
--font-size-tag-picker: inherit;
--shadow-tag-picker: none;
--shadow-tag-picker__tag: none;
--stroke-tag-picker--disabled: #666;
--stroke-tag-picker--focus: #00f;
--stroke-tag-picker--read-only: #666;
--stroke-tag-picker: #000;
--stroke-tag-picker__tag: transparent;
--width-tag-picker: 100%;
}
.tag-picker,
.tag-picker * {
box-sizing: border-box;
color: inherit;
font: inherit;
}
.tag-picker {
background: var(--fill-tag-picker);
border: 1px solid;
border-color: var(--stroke-tag-picker);
border-radius: var(--arc-tag-picker);
box-shadow: var(--shadow-tag-picker);
color: var(--color-tag-picker);
cursor: text;
display: inline-flex;
flex-wrap: wrap;
font-family: var(--font-face-tag-picker);
font-size: var(--font-size-tag-picker);
height: var(--height-tag-picker, auto);
line-height: var(--font-height-tag-picker);
max-height: var(--height-max-tag-picker, 100%);
max-width: var(--width-max-tag-picker, 100%);
min-height: var(--height-min-tag-picker, 0);
min-width: var(--width-min-tag-picker, 0);
outline: 0;
padding: 0.125em;
position: relative;
width: var(--width-tag-picker, auto);
}
.tag-picker:hover {
background: var(--fill-tag-picker--hover, var(--fill-tag-picker));
border-color: var(--stroke-tag-picker--hover, var(--stroke-tag-picker));
box-shadow: var(--shadow-tag-picker--hover, var(--shadow-tag-picker));
color: var(--color-tag-picker--hover, var(--color-tag-picker));
}
.tag-picker:focus {
background: var(--fill-tag-picker--focus, var(--fill-tag-picker));
border-color: var(--stroke-tag-picker--focus, var(--stroke-tag-picker));
box-shadow: var(--shadow-tag-picker--focus, var(--shadow-tag-picker));
color: var(--color-tag-picker--focus, var(--color-tag-picker));
}
.tag-picker:active {
background: var(--fill-tag-picker--active, var(--fill-tag-picker));
border-color: var(--stroke-tag-picker--active, var(--stroke-tag-picker));
box-shadow: var(--shadow-tag-picker--active, var(--shadow-tag-picker));
color: var(--color-tag-picker--active, var(--color-tag-picker));
}
.tag-picker.tag-picker--focus {
background: var(--fill-tag-picker--focus, var(--fill-tag-picker));
border-color: var(--stroke-tag-picker--focus, var(--stroke-tag-picker));
box-shadow: var(--shadow-tag-picker--focus, var(--shadow-tag-picker));
color: var(--color-tag-picker--focus, var(--color-tag-picker));
}
.tag-picker.tag-picker--disabled {
background: var(--fill-tag-picker--disabled, var(--fill-tag-picker));
border-color: var(--stroke-tag-picker--disabled, var(--stroke-tag-picker));
box-shadow: var(--shadow-tag-picker--disabled, var(--shadow-tag-picker));
color: var(--color-tag-picker--disabled, var(--color-tag-picker));
}
.tag-picker__copy {
height: 1px;
left: 0;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
top: 0;
width: 1px;
}
.tag-picker__tag {
display: flex;
height: var(--height-tag-picker);
margin: 0.125em;
outline: 0;
overflow: hidden;
padding: 0 0.5em;
position: relative;
text-decoration: none;
}
.tag-picker__tag:not(.tag-picker__input) {
background: var(--fill-tag-picker__tag);
border: 0 solid;
border-color: var(--stroke-tag-picker__tag);
border-radius: var(--arc-tag-picker__tag);
box-shadow: var(--shadow-tag-picker__tag);
color: var(--color-tag-picker__tag);
cursor: pointer;
}
.tag-picker__tag:not(.tag-picker__input):hover {
background: var(--fill-tag-picker__tag--hover, var(--fill-tag-picker__tag));
border-color: var(--stroke-tag-picker__tag--hover, var(--stroke-tag-picker__tag));
box-shadow: var(--shadow-tag-picker__tag--hover, var(--shadow-tag-picker__tag));
color: var(--color-tag-picker__tag--hover, var(--color-tag-picker__tag));
}
.tag-picker__tag:not(.tag-picker__input):focus {
background: var(--fill-tag-picker__tag--focus, var(--fill-tag-picker__tag));
border-color: var(--stroke-tag-picker__tag--focus, var(--stroke-tag-picker__tag));
box-shadow: var(--shadow-tag-picker__tag--focus, var(--shadow-tag-picker__tag));
color: var(--color-tag-picker__tag--focus, var(--color-tag-picker__tag));
}
.tag-picker__tag:not(.tag-picker__input):active {
background: var(--fill-tag-picker__tag--active, var(--fill-tag-picker__tag));
border-color: var(--stroke-tag-picker__tag--active, var(--stroke-tag-picker__tag));
box-shadow: var(--shadow-tag-picker__tag--active, var(--shadow-tag-picker__tag));
color: var(--color-tag-picker__tag--active, var(--color-tag-picker__tag));
}
.tag-picker__tag--selected:not(.tag-picker__input) {
background: var(--fill-tag-picker__tag--selected, var(--fill-tag-picker__tag));
border-color: var(--stroke-tag-picker__tag--selected, var(--stroke-tag-picker__tag));
box-shadow: var(--shadow-tag-picker__tag--selected, var(--shadow-tag-picker__tag));
color: var(--color-tag-picker__tag--selected, var(--color-tag-picker__tag));
}
.tag-picker__tag--disabled:not(.tag-picker__input) {
background: var(--fill-tag-picker__tag--disabled, var(--fill-tag-picker__tag));
border-color: var(--stroke-tag-picker__tag--disabled, var(--stroke-tag-picker__tag));
box-shadow: var(--shadow-tag-picker__tag--disabled, var(--shadow-tag-picker__tag));
color: var(--color-tag-picker__tag--disabled, var(--color-tag-picker__tag));
}
.tag-picker__tag:not(.tag-picker__input)::before {
content: attr(title);
flex: 1;
}
.tag-picker__tag + .tag-picker__input span + span {
display: none;
}
.tag-picker__tag-x {
color: var(--color-tag-picker__tag-x);
font-family: tag-picker__tag-x, sans-serif;
margin-left: 0.5em;
margin-right: -0.125em;
outline: 0;
text-decoration: none;
}
.tag-picker__tag-x:hover {
color: var(--color-tag-picker__tag-x--hover, var(--color-tag-picker__tag-x));
}
.tag-picker__tag-x:focus {
color: var(--color-tag-picker__tag-x--focus, var(--color-tag-picker__tag-x));
}
.tag-picker__tag-x:active {
color: var(--color-tag-picker__tag-x--active, var(--color-tag-picker__tag-x));
}
.tag-picker__tag-x::before {
content: "×";
font: inherit;
}
.tag-picker__input {
flex: 1;
}
.tag-picker__input span {
flex: 1;
height: 100%;
outline: 0;
position: relative;
z-index: 1;
}
.tag-picker__input span * {
display: inline;
}
.tag-picker__input span + span {
bottom: 0;
left: 0;
opacity: 0.5;
padding: inherit;
position: absolute;
right: 0;
top: 0;
white-space: nowrap;
z-index: 0;
}
.tag-picker__tags {
display: flex;
flex-wrap: wrap;
flex: 1;
line-height: var(--height-tag-picker);
min-height: var(--height-tag-picker);
}
.tag-picker__source {
left: -9999px;
position: fixed;
top: -9999px;
}
.tag-picker__source:read-only + .tag-picker {
background: var(--fill-tag-picker--read-only, var(--fill-tag-picker));
border-color: var(--stroke-tag-picker--read-only, var(--stroke-tag-picker));
box-shadow: var(--shadow-tag-picker--read-only, var(--shadow-tag-picker));
color: var(--color-tag-picker--read-only, var(--color-tag-picker));
}
.tag-picker__source:read-only + .tag-picker .tag-picker__tag-x {
cursor: not-allowed;
}
.tag-picker__source:read-only + .tag-picker .tag-picker__tag:not(.tag-picker__input) {
background: var(--fill-tag-picker__tag--read-only, var(--fill-tag-picker__tag));
border-color: var(--stroke-tag-picker__tag--read-only, var(--stroke-tag-picker__tag));
box-shadow: var(--shadow-tag-picker__tag--read-only, var(--shadow-tag-picker__tag));
color: var(--color-tag-picker__tag--read-only, var(--color-tag-picker__tag));
}
.tag-picker__source:disabled + .tag-picker,
.tag-picker__source.button.not\:active + .tag-picker,
.tag-picker__source[role=button]:not(:any-link) + .tag-picker {
background: var(--fill-tag-picker--disabled, var(--fill-tag-picker));
border-color: var(--stroke-tag-picker--disabled, var(--stroke-tag-picker));
box-shadow: var(--shadow-tag-picker--disabled, var(--shadow-tag-picker));
color: var(--color-tag-picker--disabled, var(--color-tag-picker));
}
.tag-picker__source:disabled + .tag-picker,
.tag-picker__source.button.not\:active + .tag-picker,
.tag-picker__source[role=button]:not(:any-link) + .tag-picker,
.tag-picker__source:disabled + .tag-picker *,
.tag-picker__source.button.not\:active + .tag-picker *,
.tag-picker__source[role=button]:not(:any-link) + .tag-picker * {
cursor: not-allowed;
}
.tag-picker__source:disabled + .tag-picker .tag-picker__tag:not(.tag-picker__input),
.tag-picker__source.button.not\:active + .tag-picker .tag-picker__tag:not(.tag-picker__input),
.tag-picker__source[role=button]:not(:any-link) + .tag-picker .tag-picker__tag:not(.tag-picker__input) {
background: var(--fill-tag-picker__tag--disabled, var(--fill-tag-picker__tag));
border-color: var(--stroke-tag-picker__tag--disabled, var(--stroke-tag-picker__tag));
box-shadow: var(--shadow-tag-picker__tag--disabled, var(--shadow-tag-picker__tag));
color: var(--color-tag-picker__tag--disabled, var(--color-tag-picker__tag));
}
:root {
--x: 24px;
--y: 24px;
--h: var(--y);
--z: 16px;
--font-face-mono: monospace;
--font-face-sans: sans-serif;
--font-face-serif: serif;
--font-face: var(--font-face-sans);
--font-height: var(--h);
--font-size: var(--z);
--width-input: calc(var(--x) * 8);
--width-menu: calc(var(--x) * 8);
--width-option-picker: var(--width-input);
--width-tag-picker: var(--width-input);
--color--disabled: #666;
--color-bar-link--active: #009;
--color-bar-link--current: #000;
--color-bar-link--disabled: #66f;
--color-bar-link--focus: #00c;
--color-bar-link--hover: #00f;
--color-bar-link: #00f;
--color-bar-status: #f00;
--color-button--active: #fff;
--color-button--disabled: #fff;
--color-button--focus: #fff;
--color-button--hover: #fff;
--color-button: #fff;
--color-caret: currentColor;
--color-code-block: #fff;
--color-input--disabled: #666;
--color-input--hover: #000;
--color-input--invalid: #f00;
--color-input--out-of-range: #f00;
--color-input: #000;
--color-input__file-selector-button--active: #009;
--color-input__file-selector-button--disabled: #66f;
--color-input__file-selector-button--focus: #00c;
--color-input__file-selector-button--hover: #00f;
--color-input__file-selector-button: #00f;
--color-link--active: #009;
--color-link--current: #000;
--color-link--disabled: #66f;
--color-link--focus: #00c;
--color-link--hover: #00f;
--color-link: #00f;
--color-mark: #000;
--color-menu-link--active: #009;
--color-menu-link--current: #000;
--color-menu-link--disabled: #66f;
--color-menu-link--focus: #00c;
--color-menu-link--hover: #00f;
--color-menu-link: #00f;
--color-menu-status: #fff;
--color-menus-link--active: #009;
--color-menus-link--current: #000;
--color-menus-link--disabled: #66f;
--color-menus-link--focus: #00c;
--color-menus-link--hover: #00f;
--color-menus-link: #00f;
--color-menus-status: #fff;
--color-output: #000;
--color-stack--disabled: #666;
--color-stack-link--active: #009;
--color-stack-link--disabled: #66f;
--color-stack-link--focus: #00c;
--color-stack-link--hover: #00f;
--color-stack-link: #00f;
--color-stack: #000;
--color-status: #f00;
--color-tab--disabled: #666;
--color-tab-link--active: #009;
--color-tab-link--disabled: #66f;
--color-tab-link--focus: #00c;
--color-tab-link--hover: #00f;
--color-tab-link: #00f;
--color-tab: #000;
--color: #000;
--fill-alert: #ff0;
--fill-button--active: #009;
--fill-button--disabled: #66f;
--fill-button--focus: #00c;
--fill-button--hover: #00f;
--fill-button: #00f;
--fill-code-block: #000;
--fill-figure: repeating-conic-gradient(rgba(128, 128, 128, 0.125) 0% 25%, rgba(0, 0, 0, 0) 0% 50%) 50% 50% / calc(var(--x) / 2) calc(var(--y) / 2);
--fill-file-icon: #fff;
--fill-fix: rgba(128, 128, 128, 0.025);
--fill-folder-icon: #000;
--fill-input--disabled: #eee;
--fill-input--hover: #fff;
--fill-input: #fff;
--fill-input__file-selector-button: rgba(128, 128, 128, 0.025);
--fill-link: transparent;
--fill-mark: #ff0;
--fill-menu-status: #f00;
--fill-menus-status: #f00;
--fill-output: none;
--fill: #fff;
--shadow-button--disabled: none;
--shadow-dialog: 0 calc(var(--y) / 12) calc(var(--y) / 2) rgba(0, 0, 0, 0.5);
--shadow-input--disabled: none;
--shadow-menu: 0 calc(var(--y) / 12) calc(var(--y) / 4) rgba(0, 0, 0, 0.25);
--shadow-menus: none;
--shadow-option-picker__options: 0 calc(var(--y) / 12) calc(var(--y) / 4) rgba(0, 0, 0, 0.25);
--shadow-output: none;
--stroke--focus-visible: rgba(0, 0, 255, 0.25);
--stroke-button--active: #009;
--stroke-button--disabled: #66f;
--stroke-button--focus: #00c;
--stroke-button--hover: #00f;
--stroke-button: #00f;
--stroke-code-block: #000;
--stroke-file-icon: #000;
--stroke-file: #fff;
--stroke-folder: #fff;
--stroke-input--active: #000;
--stroke-input--disabled: #666;
--stroke-input--focus: #00f;
--stroke-input--hover: #000;
--stroke-input--invalid: #f00;
--stroke-input--out-of-range: #f00;
--stroke-input: #000;
--stroke-output: transparent;
--stroke-page: #fff;
--stroke-stack: #000;
--stroke-tab: #000;
--stroke: #000;
--arc-option-picker: var(--arc-input, var(--arc, 0));
--color-option-picker: var(--color-input, var(--color, inherit));
--fill-option-picker: var(--fill-input, var(--fill, none));
--shadow-option-picker: var(--shadow-input, var(--shadow, none));
--stroke-option-picker: var(--stroke-input, var(--stroke, transparent));
--color-option-picker__option--disabled: var(--color--disabled, var(--color, inherit));
--color-option-picker__option--selected: var(--color-link, var(--color, inherit));
--color-option-picker__option: var(--color-input, var(--color, inherit));
--color-option-picker__options--open: var(--color-input, var(--color, inherit));
--color-option-picker__options: var(--color-input, var(--color, inherit));
--fill-option-picker__option--disabled: none;
--fill-option-picker__option--selected: none;
--fill-option-picker__option: none;
--fill-option-picker__options: var(--fill-input, var(--fill, none));
--stroke-option-picker__options--open: var(--stroke-input--focus, var(--stroke-input, var(--stroke, transparent)));
--stroke-option-picker__options: var(--stroke-input, var(--stroke, transparent));
--color-option-picker__option--hover: var(--color-button--hover, var(--color-button, var(--color--hover, var(--color, inherit))));
--fill-option-picker__option--hover: var(--fill-button--hover, var(--fill-button, var(--fill--hover, var(--fill, none))));
--color-option-picker__option--focus: var(--color-button--focus, var(--color-button, var(--color--focus, var(--color, inherit))));
--fill-option-picker__option--focus: var(--fill-button--focus, var(--fill-button, var(--fill--focus, var(--fill, none))));
--color-option-picker__option--active: var(--color-button--active, var(--color-button, var(--color--active, var(--color, inherit))));
--fill-option-picker__option--active: var(--fill-button--active, var(--fill-button, var(--fill--active, var(--fill, none))));
--color-option-picker--hover: var(--color-input--hover, var(--color-input, var(--color--hover, var(--color, inherit))));
--fill-option-picker--hover: var(--fill-input--hover, var(--fill-input, var(--fill--hover, var(--fill, none))));
--shadow-option-picker--hover: var(--shadow-input--hover, var(--shadow-input, var(--shadow--hover, var(--shadow, none))));
--stroke-option-picker--hover: var(--stroke-input--hover, var(--stroke-input, var(--stroke--hover, var(--stroke, transparent))));
--color-option-picker--focus: var(--color-input--focus, var(--color-input, var(--color--focus, var(--color, inherit))));
--fill-option-picker--focus: var(--fill-input--focus, var(--fill-input, var(--fill--focus, var(--fill, none))));
--shadow-option-picker--focus: var(--shadow-input--focus, var(--shadow-input, var(--shadow--focus, var(--shadow, none))));
--stroke-option-picker--focus: var(--stroke-input--focus, var(--stroke-input, var(--stroke--focus, var(--stroke, transparent))));
--color-option-picker--active: var(--color-input--active, var(--color-input, var(--color--active, var(--color, inherit))));
--fill-option-picker--active: var(--fill-input--active, var(--fill-input, var(--fill--active, var(--fill, none))));
--shadow-option-picker--active: var(--shadow-input--active, var(--shadow-input, var(--shadow--active, var(--shadow, none))));
--stroke-option-picker--active: var(--stroke-input--active, var(--stroke-input, var(--stroke--active, var(--stroke, transparent))));
--arc-tag-picker: var(--arc-input, var(--arc, 0));
--color-tag-picker: var(--color-input, var(--color, inherit));
--fill-tag-picker: var(--fill-input, var(--fill, none));
--shadow-tag-picker: var(--shadow-input, var(--shadow, none));
--stroke-tag-picker: var(--stroke-input, var(--stroke, transparent));
--color-tag-picker__tag-x: #fff;
--color-tag-picker__tag: #000;
--fill-tag-picker__tag--disabled: #f66;
--fill-tag-picker__tag--focus: #c00;
--fill-tag-picker__tag--read-only: #f66;
--fill-tag-picker__tag--selected: #c00;
--fill-tag-picker__tag: #f00;
--color-tag-picker--hover: var(--color-input--hover, var(--color-input, var(--color--hover, var(--color, inherit))));
--fill-tag-picker--hover: var(--fill-input--hover, var(--fill-input, var(--fill--hover, var(--fill, none))));
--shadow-tag-picker--hover: var(--shadow-input--hover, var(--shadow-input, var(--shadow--hover, var(--shadow, none))));
--stroke-tag-picker--hover: var(--stroke-input--hover, var(--stroke-input, var(--stroke--hover, var(--stroke, transparent))));
--color-tag-picker--focus: var(--color-input--focus, var(--color-input, var(--color--focus, var(--color, inherit))));
--fill-tag-picker--focus: var(--fill-input--focus, var(--fill-input, var(--fill--focus, var(--fill, none))));
--shadow-tag-picker--focus: var(--shadow-input--focus, var(--shadow-input, var(--shadow--focus, var(--shadow, none))));
--stroke-tag-picker--focus: var(--stroke-input--focus, var(--stroke-input, var(--stroke--focus, var(--stroke, transparent))));
--color-tag-picker--active: var(--color-input--active, var(--color-input, var(--color--active, var(--color, inherit))));
--fill-tag-picker--active: var(--fill-input--active, var(--fill-input, var(--fill--active, var(--fill, none))));
--shadow-tag-picker--active: var(--shadow-input--active, var(--shadow-input, var(--shadow--active, var(--shadow, none))));
--stroke-tag-picker--active: var(--stroke-input--active, var(--stroke-input, var(--stroke--active, var(--stroke, transparent))));
}
:root .option-picker::after {
--stroke-option-picker--open: var(--color-option-picker, var(--color, inherit));
--stroke-option-picker: var(--color-option-picker, var(--color, inherit));
}
:root .option-picker__source:read-only + .option-picker {
--color-option-picker--read-only: var(--color-input--read-only, var(--color-input, var(--color--read-only, var(--color, inherit))));
--fill-option-picker--read-only: var(--fill-input--read-only, var(--fill-input, var(--fill--read-only, var(--fill, none))));
--shadow-option-picker--read-only: var(--shadow-input--read-only, var(--shadow-input, var(--shadow--read-only, var(--shadow, none))));
--stroke-option-picker--read-only: var(--stroke-input--read-only, var(--stroke-input, var(--stroke--read-only, var(--stroke, transparent))));
}
:root .option-picker__source:disabled + .option-picker,
:root .option-picker__source.button.not\:active + .option-picker,
:root .option-picker__source[role=button]:not(:any-link) + .option-picker {
--color-option-picker--disabled: var(--color-input--disabled, var(--color-input, var(--color--disabled, var(--color, inherit))));
--fill-option-picker--disabled: var(--fill-input--disabled, var(--fill-input, var(--fill--disabled, var(--fill, none))));
--shadow-option-picker--disabled: var(--shadow-input--disabled, var(--shadow-input, var(--shadow--disabled, var(--shadow, none))));
--stroke-option-picker--disabled: var(--stroke-input--disabled, var(--stroke-input, var(--stroke--disabled, var(--stroke, transparent))));
}
:root .tag-picker__source:read-only + .tag-picker {
--color-tag-picker--read-only: var(--color-input--read-only, var(--color-input, var(--color--read-only, var(--color, inherit))));
--fill-tag-picker--read-only: var(--fill-input--read-only, var(--fill-input, var(--fill--read-only, var(--fill, none))));
--shadow-tag-picker--read-only: var(--shadow-input--read-only, var(--shadow-input, var(--shadow--read-only, var(--shadow, none))));
--stroke-tag-picker--read-only: var(--stroke-input--read-only, var(--stroke-input, var(--stroke--read-only, var(--stroke, transparent))));
}
:root .tag-picker__source:disabled + .tag-picker,
:root .tag-picker__source.button.not\:active + .tag-picker,
:root .tag-picker__source[role=button]:not(:any-link) + .tag-picker {
--color-tag-picker--disabled: var(--color-input--disabled, var(--color-input, var(--color--disabled, var(--color, inherit))));
--fill-tag-picker--disabled: var(--fill-input--disabled, var(--fill-input, var(--fill--disabled, var(--fill, none))));
--shadow-tag-picker--disabled: var(--shadow-input--disabled, var(--shadow-input, var(--shadow--disabled, var(--shadow, none))));
--stroke-tag-picker--disabled: var(--stroke-input--disabled, var(--stroke-input, var(--stroke--disabled, var(--stroke, transparent))));
}
*,
::after,
::before {
background: none;
border: 0;
box-sizing: border-box;
color: inherit;
font: inherit;
margin: 0;
padding: 0;
text-decoration: none;
text-transform: none;
}
::-moz-focus-inner {
border: 0;
margin: 0;
outline: 0;
padding: 0;
}
::placeholder {
color: inherit;
opacity: 0.5;
}
:focus {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
outline: 0;
}
:focus-visible,
.tag-picker--focus,
.option-picker--focus,
.button:focus,
.input:focus,
.output:focus,
.select:focus,
.textarea:focus {
box-shadow: var(--shadow--focus-visible, none);
outline: 3px solid var(--stroke--focus-visible, transparent);
z-index: 1;
}
:where(address, article, aside, blockquote, dd, details, div, dl, dt, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, main, nav, ol, p, pre, search, section, table, ul) + :where(address, article, aside, blockquote, dd, details, div, dl, dt, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, main, nav, ol, p, pre, search, section, table, ul) {
margin-top: var(--y);
}
li:where(:not(:first-child)) > :where(address, article, aside, blockquote, dd, details, div, dl, dt, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, main, nav, p, pre, search, section, table):where(:first-child) {
margin-top: var(--y);
}
:root,
body {
min-height: 100%;
}
:root {
background: var(--fill, none);
border: 0 solid;
border-color: var(--stroke, transparent);
color: var(--color, inherit);
font: normal normal var(--font-size)/var(--font-height) var(--font-face);
scroll-behavior: smooth;
text-align: left;
}
abbr {
border: 0 solid transparent;
border-width: 0 0 1px;
cursor: inherit;
text-decoration: none;
}
abbr[title]:hover {
border-color: var(--stroke, transparent);
cursor: help;
}
article,
aside,
footer,
header,
main,
nav,
search,
section {
display: block;
}
audio,
iframe,
video {
display: block;
height: auto;
width: 100%;
}
caption,
figure {
text-align: center;
}
details[open] > summary {
margin-bottom: var(--y);
}
dialog {
background: var(--fill-dialog, var(--fill, none));
border: 0 solid;
border-color: var(--stroke-dialog, var(--stroke, transparent));
bottom: 0;
box-shadow: var(--shadow-dialog, var(--shadow, none));
color: var(--color-dialog, var(--color, inherit));
display: block;
height: fit-content;
left: 0;
margin: auto;
max-width: 100%;
min-width: calc(var(--x) * 12);
padding: var(--y) var(--x);
position: fixed;
right: 0;
top: 0;
width: fit-content;
}
dialog [role=group] {
display: flex;
flex-wrap: wrap;
gap: calc(var(--x) / 4);
justify-content: end;
}
dialog > form > p > input,
dialog > form > p > select,
dialog > form > p > textarea {
display: block;
min-width: 100%;
width: 100%;
}
dialog:not([open]) {
display: none;
}
dialog::backdrop {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background: var(--fill-dialog--backdrop, rgba(0, 0, 0, 0.5));
}
sub,
sup {
line-height: 0;
position: relative;
}
sub {
top: 0.125em;
vertical-align: sub;
}
sup {
top: -0.125em;
vertical-align: super;
}
mark,
[role=mark] {
background: var(--fill-mark, var(--fill, none));
color: var(--color-mark, var(--color, inherit));
}
pre {
font-style: normal;
font-weight: normal;
overflow: auto;
white-space: pre-wrap;
word-wrap: break-word;
}
pre code {
background: var(--fill-code-block, var(--fill-code, var(--fill, none)));
border: 0 solid;
border-color: var(--stroke-code-block, var(--stroke-code, var(--stroke, transparent)));
border-radius: var(--arc-code-block, var(--arc-code, var(--arc, 0)));