streamlit-nightly 1.22.1.dev20230506__py2.py3-none-any.whl → 1.22.1.dev20230508__py2.py3-none-any.whl

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.
@@ -1,1243 +0,0 @@
1
- /**
2
- * Copyright (c) Streamlit Inc. (2018-2022) Snowflake Inc. (2022)
3
- *
4
- * Licensed under the Apache License, Version 2.0 (the "License");
5
- * you may not use this file except in compliance with the License.
6
- * You may obtain a copy of the License at
7
- *
8
- * http://www.apache.org/licenses/LICENSE-2.0
9
- *
10
- * Unless required by applicable law or agreed to in writing, software
11
- * distributed under the License is distributed on an "AS IS" BASIS,
12
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
- * See the License for the specific language governing permissions and
14
- * limitations under the License.
15
- */
16
-
17
- *,
18
- ::after,
19
- ::before {
20
- box-sizing: border-box;
21
- }
22
-
23
- html {
24
- font-family: sans-serif;
25
- line-height: 1.15;
26
- -webkit-text-size-adjust: 100%;
27
- -webkit-tap-highlight-color: transparent;
28
- }
29
-
30
- article,
31
- aside,
32
- figcaption,
33
- figure,
34
- footer,
35
- header,
36
- hgroup,
37
- main,
38
- nav,
39
- section {
40
- display: block;
41
- }
42
-
43
- [tabindex="-1"]:focus:not(:focus-visible) {
44
- outline: 0 !important;
45
- }
46
-
47
- hr {
48
- box-sizing: content-box;
49
- height: 0;
50
- overflow: visible;
51
- }
52
-
53
- h1,
54
- h2,
55
- h3,
56
- h4,
57
- h5,
58
- h6 {
59
- margin-top: 0;
60
- margin-bottom: 0.5rem;
61
- }
62
-
63
- p {
64
- margin-top: 0;
65
- margin-bottom: 1rem;
66
- }
67
-
68
- abbr[data-original-title],
69
- abbr[title] {
70
- text-decoration: underline;
71
- -webkit-text-decoration: underline dotted;
72
- text-decoration: underline dotted;
73
- cursor: help;
74
- border-bottom: 0;
75
- -webkit-text-decoration-skip-ink: none;
76
- text-decoration-skip-ink: none;
77
- }
78
-
79
- address {
80
- margin-bottom: 1rem;
81
- font-style: normal;
82
- line-height: inherit;
83
- }
84
-
85
- dl,
86
- ol,
87
- ul {
88
- margin-top: 0;
89
- margin-bottom: 1rem;
90
- }
91
-
92
- ol ol,
93
- ol ul,
94
- ul ol,
95
- ul ul {
96
- margin-bottom: 0;
97
- }
98
-
99
- dt {
100
- font-weight: 700;
101
- }
102
-
103
- dd {
104
- margin-bottom: 0.5rem;
105
- margin-left: 0;
106
- }
107
-
108
- blockquote {
109
- margin: 0 0 1rem;
110
- }
111
-
112
- b,
113
- strong {
114
- font-weight: bolder;
115
- }
116
-
117
- small {
118
- font-size: 80%;
119
- }
120
-
121
- sub,
122
- sup {
123
- position: relative;
124
- font-size: 75%;
125
- line-height: 0;
126
- vertical-align: baseline;
127
- }
128
-
129
- sub {
130
- bottom: -0.25em;
131
- }
132
-
133
- sup {
134
- top: -0.5em;
135
- }
136
-
137
- a {
138
- color: #007bff;
139
- text-decoration: none;
140
- background-color: transparent;
141
- }
142
-
143
- a:hover {
144
- color: #0056b3;
145
- text-decoration: underline;
146
- }
147
-
148
- a:not([href]) {
149
- color: inherit;
150
- text-decoration: none;
151
- }
152
-
153
- a:not([href]):hover {
154
- color: inherit;
155
- text-decoration: none;
156
- }
157
-
158
- code,
159
- kbd,
160
- pre,
161
- samp {
162
- font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
163
- "Courier New", monospace;
164
- font-size: 1em;
165
- }
166
-
167
- pre {
168
- margin-top: 0;
169
- margin-bottom: 1rem;
170
- overflow: auto;
171
- -ms-overflow-style: scrollbar;
172
- }
173
-
174
- figure {
175
- margin: 0 0 1rem;
176
- }
177
-
178
- img {
179
- vertical-align: middle;
180
- border-style: none;
181
- }
182
-
183
- svg {
184
- overflow: hidden;
185
- vertical-align: middle;
186
- }
187
-
188
- table {
189
- border-collapse: collapse;
190
- }
191
-
192
- caption {
193
- padding-top: 0.75rem;
194
- padding-bottom: 0.75rem;
195
- color: #6c757d;
196
- text-align: left;
197
- caption-side: bottom;
198
- }
199
-
200
- th {
201
- text-align: inherit;
202
- }
203
-
204
- label {
205
- display: inline-block;
206
- margin-bottom: 0.5rem;
207
- }
208
-
209
- button {
210
- border-radius: 0;
211
- }
212
-
213
- button:focus {
214
- outline: 1px dotted;
215
- outline: 5px auto -webkit-focus-ring-color;
216
- }
217
-
218
- button,
219
- input,
220
- optgroup,
221
- select,
222
- textarea {
223
- margin: 0;
224
- font-family: inherit;
225
- font-size: inherit;
226
- line-height: inherit;
227
- }
228
-
229
- button,
230
- input {
231
- overflow: visible;
232
- }
233
-
234
- button,
235
- select {
236
- text-transform: none;
237
- }
238
-
239
- [role="button"] {
240
- cursor: pointer;
241
- }
242
-
243
- select {
244
- word-wrap: normal;
245
- }
246
-
247
- [type="button"],
248
- [type="reset"],
249
- [type="submit"],
250
- button {
251
- -webkit-appearance: button;
252
- }
253
-
254
- [type="button"]:not(:disabled),
255
- [type="reset"]:not(:disabled),
256
- [type="submit"]:not(:disabled),
257
- button:not(:disabled) {
258
- cursor: pointer;
259
- }
260
-
261
- [type="button"]::-moz-focus-inner,
262
- [type="reset"]::-moz-focus-inner,
263
- [type="submit"]::-moz-focus-inner,
264
- button::-moz-focus-inner {
265
- padding: 0;
266
- border-style: none;
267
- }
268
-
269
- input[type="checkbox"],
270
- input[type="radio"] {
271
- box-sizing: border-box;
272
- padding: 0;
273
- }
274
-
275
- textarea {
276
- overflow: auto;
277
- resize: vertical;
278
- }
279
-
280
- fieldset {
281
- min-width: 0;
282
- padding: 0;
283
- margin: 0;
284
- border: 0;
285
- }
286
-
287
- legend {
288
- display: block;
289
- width: 100%;
290
- max-width: 100%;
291
- padding: 0;
292
- margin-bottom: 0.5rem;
293
- font-size: 1.5rem;
294
- line-height: inherit;
295
- color: inherit;
296
- white-space: normal;
297
- }
298
-
299
- progress {
300
- vertical-align: baseline;
301
- }
302
-
303
- [type="number"]::-webkit-inner-spin-button,
304
- [type="number"]::-webkit-outer-spin-button {
305
- height: auto;
306
- }
307
-
308
- [type="search"] {
309
- outline-offset: -2px;
310
- -webkit-appearance: none;
311
- }
312
-
313
- [type="search"]::-webkit-search-decoration {
314
- -webkit-appearance: none;
315
- }
316
-
317
- ::-webkit-file-upload-button {
318
- font: inherit;
319
- -webkit-appearance: button;
320
- }
321
-
322
- output {
323
- display: inline-block;
324
- }
325
-
326
- summary {
327
- display: list-item;
328
- cursor: pointer;
329
- }
330
-
331
- template {
332
- display: none;
333
- }
334
-
335
- [hidden] {
336
- display: none !important;
337
- }
338
-
339
- h1,
340
- h2,
341
- h3,
342
- h4,
343
- h5,
344
- h6 {
345
- margin-bottom: 0.5rem;
346
- font-weight: 500;
347
- line-height: 1.2;
348
- }
349
-
350
- h1 {
351
- font-size: 2.5rem;
352
- }
353
-
354
- h2 {
355
- font-size: 2rem;
356
- }
357
-
358
- h3 {
359
- font-size: 1.75rem;
360
- }
361
-
362
- h4 {
363
- font-size: 1.5rem;
364
- }
365
-
366
- h5 {
367
- font-size: 1.25rem;
368
- }
369
-
370
- h6 {
371
- font-size: 1rem;
372
- }
373
-
374
- hr {
375
- margin-top: 1rem;
376
- margin-bottom: 1rem;
377
- border: 0;
378
- border-top: 1px solid rgba(0, 0, 0, 0.1);
379
- }
380
-
381
- small {
382
- font-size: 80%;
383
- font-weight: 400;
384
- }
385
-
386
- mark {
387
- padding: 0.2em;
388
- background-color: #fcf8e3;
389
- }
390
-
391
- code {
392
- font-size: 87.5%;
393
- color: #e83e8c;
394
- word-wrap: break-word;
395
- }
396
-
397
- a > code {
398
- color: inherit;
399
- }
400
-
401
- kbd {
402
- padding: 0.2rem 0.4rem;
403
- font-size: 87.5%;
404
- color: #fff;
405
- background-color: #212529;
406
- border-radius: 0.2rem;
407
- }
408
-
409
- kbd kbd {
410
- padding: 0;
411
- font-size: 100%;
412
- font-weight: 700;
413
- }
414
-
415
- pre {
416
- display: block;
417
- font-size: 87.5%;
418
- color: #212529;
419
- }
420
-
421
- pre code {
422
- font-size: inherit;
423
- color: inherit;
424
- word-break: normal;
425
- }
426
-
427
- .table {
428
- width: 100%;
429
- margin-bottom: 1rem;
430
- color: #212529;
431
- }
432
-
433
- .table td,
434
- .table th {
435
- padding: 0.75rem;
436
- vertical-align: top;
437
- border-top: 1px solid #dee2e6;
438
- }
439
-
440
- .table thead th {
441
- vertical-align: bottom;
442
- border-bottom: 2px solid #dee2e6;
443
- }
444
-
445
- .table tbody + tbody {
446
- border-top: 2px solid #dee2e6;
447
- }
448
-
449
- .table-sm td,
450
- .table-sm th {
451
- padding: 0.3rem;
452
- }
453
-
454
- .table-bordered {
455
- border: 1px solid #dee2e6;
456
- }
457
-
458
- .table-bordered td,
459
- .table-bordered th {
460
- border: 1px solid #dee2e6;
461
- }
462
-
463
- .table-bordered thead td,
464
- .table-bordered thead th {
465
- border-bottom-width: 2px;
466
- }
467
-
468
- .table-borderless tbody + tbody,
469
- .table-borderless td,
470
- .table-borderless th,
471
- .table-borderless thead th {
472
- border: 0;
473
- }
474
-
475
- .table-striped tbody tr:nth-of-type(odd) {
476
- background-color: rgba(0, 0, 0, 0.05);
477
- }
478
-
479
- .table-hover tbody tr:hover {
480
- color: #212529;
481
- background-color: rgba(0, 0, 0, 0.075);
482
- }
483
-
484
- .table-primary,
485
- .table-primary > td,
486
- .table-primary > th {
487
- background-color: #b8daff;
488
- }
489
-
490
- .table-primary tbody + tbody,
491
- .table-primary td,
492
- .table-primary th,
493
- .table-primary thead th {
494
- border-color: #7abaff;
495
- }
496
-
497
- .table-hover .table-primary:hover {
498
- background-color: #9fcdff;
499
- }
500
-
501
- .table-hover .table-primary:hover > td,
502
- .table-hover .table-primary:hover > th {
503
- background-color: #9fcdff;
504
- }
505
-
506
- .table-secondary,
507
- .table-secondary > td,
508
- .table-secondary > th {
509
- background-color: #d6d8db;
510
- }
511
-
512
- .table-secondary tbody + tbody,
513
- .table-secondary td,
514
- .table-secondary th,
515
- .table-secondary thead th {
516
- border-color: #b3b7bb;
517
- }
518
-
519
- .table-hover .table-secondary:hover {
520
- background-color: #c8cbcf;
521
- }
522
-
523
- .table-hover .table-secondary:hover > td,
524
- .table-hover .table-secondary:hover > th {
525
- background-color: #c8cbcf;
526
- }
527
-
528
- .table-success,
529
- .table-success > td,
530
- .table-success > th {
531
- background-color: #c3e6cb;
532
- }
533
-
534
- .table-success tbody + tbody,
535
- .table-success td,
536
- .table-success th,
537
- .table-success thead th {
538
- border-color: #8fd19e;
539
- }
540
-
541
- .table-hover .table-success:hover {
542
- background-color: #b1dfbb;
543
- }
544
-
545
- .table-hover .table-success:hover > td,
546
- .table-hover .table-success:hover > th {
547
- background-color: #b1dfbb;
548
- }
549
-
550
- .table-info,
551
- .table-info > td,
552
- .table-info > th {
553
- background-color: #bee5eb;
554
- }
555
-
556
- .table-info tbody + tbody,
557
- .table-info td,
558
- .table-info th,
559
- .table-info thead th {
560
- border-color: #86cfda;
561
- }
562
-
563
- .table-hover .table-info:hover {
564
- background-color: #abdde5;
565
- }
566
-
567
- .table-hover .table-info:hover > td,
568
- .table-hover .table-info:hover > th {
569
- background-color: #abdde5;
570
- }
571
-
572
- .table-warning,
573
- .table-warning > td,
574
- .table-warning > th {
575
- background-color: #ffeeba;
576
- }
577
-
578
- .table-warning tbody + tbody,
579
- .table-warning td,
580
- .table-warning th,
581
- .table-warning thead th {
582
- border-color: #ffdf7e;
583
- }
584
-
585
- .table-hover .table-warning:hover {
586
- background-color: #ffe8a1;
587
- }
588
-
589
- .table-hover .table-warning:hover > td,
590
- .table-hover .table-warning:hover > th {
591
- background-color: #ffe8a1;
592
- }
593
-
594
- .table-danger,
595
- .table-danger > td,
596
- .table-danger > th {
597
- background-color: #f5c6cb;
598
- }
599
-
600
- .table-danger tbody + tbody,
601
- .table-danger td,
602
- .table-danger th,
603
- .table-danger thead th {
604
- border-color: #ed969e;
605
- }
606
-
607
- .table-hover .table-danger:hover {
608
- background-color: #f1b0b7;
609
- }
610
-
611
- .table-hover .table-danger:hover > td,
612
- .table-hover .table-danger:hover > th {
613
- background-color: #f1b0b7;
614
- }
615
-
616
- .table-light,
617
- .table-light > td,
618
- .table-light > th {
619
- background-color: #fdfdfe;
620
- }
621
-
622
- .table-light tbody + tbody,
623
- .table-light td,
624
- .table-light th,
625
- .table-light thead th {
626
- border-color: #fbfcfc;
627
- }
628
-
629
- .table-hover .table-light:hover {
630
- background-color: #ececf6;
631
- }
632
-
633
- .table-hover .table-light:hover > td,
634
- .table-hover .table-light:hover > th {
635
- background-color: #ececf6;
636
- }
637
-
638
- .table-dark,
639
- .table-dark > td,
640
- .table-dark > th {
641
- background-color: #c6c8ca;
642
- }
643
-
644
- .table-dark tbody + tbody,
645
- .table-dark td,
646
- .table-dark th,
647
- .table-dark thead th {
648
- border-color: #95999c;
649
- }
650
-
651
- .table-hover .table-dark:hover {
652
- background-color: #b9bbbe;
653
- }
654
-
655
- .table-hover .table-dark:hover > td,
656
- .table-hover .table-dark:hover > th {
657
- background-color: #b9bbbe;
658
- }
659
-
660
- .table-active,
661
- .table-active > td,
662
- .table-active > th {
663
- background-color: rgba(0, 0, 0, 0.075);
664
- }
665
-
666
- .table-hover .table-active:hover {
667
- background-color: rgba(0, 0, 0, 0.075);
668
- }
669
-
670
- .table-hover .table-active:hover > td,
671
- .table-hover .table-active:hover > th {
672
- background-color: rgba(0, 0, 0, 0.075);
673
- }
674
-
675
- .table .thead-dark th {
676
- color: #fff;
677
- background-color: #343a40;
678
- border-color: #454d55;
679
- }
680
-
681
- .table .thead-light th {
682
- color: #495057;
683
- background-color: #e9ecef;
684
- border-color: #dee2e6;
685
- }
686
-
687
- .table-dark {
688
- color: #fff;
689
- background-color: #343a40;
690
- }
691
-
692
- .table-dark td,
693
- .table-dark th,
694
- .table-dark thead th {
695
- border-color: #454d55;
696
- }
697
-
698
- .table-dark.table-bordered {
699
- border: 0;
700
- }
701
-
702
- .table-dark.table-striped tbody tr:nth-of-type(odd) {
703
- background-color: rgba(255, 255, 255, 0.05);
704
- }
705
-
706
- .table-dark.table-hover tbody tr:hover {
707
- color: #fff;
708
- background-color: rgba(255, 255, 255, 0.075);
709
- }
710
-
711
- @media (max-width: 575.98px) {
712
- .table-responsive-sm {
713
- display: block;
714
- width: 100%;
715
- overflow-x: auto;
716
- -webkit-overflow-scrolling: touch;
717
- }
718
-
719
- .table-responsive-sm > .table-bordered {
720
- border: 0;
721
- }
722
- }
723
-
724
- @media (max-width: 767.98px) {
725
- .table-responsive-md {
726
- display: block;
727
- width: 100%;
728
- overflow-x: auto;
729
- -webkit-overflow-scrolling: touch;
730
- }
731
-
732
- .table-responsive-md > .table-bordered {
733
- border: 0;
734
- }
735
- }
736
-
737
- @media (max-width: 991.98px) {
738
- .table-responsive-lg {
739
- display: block;
740
- width: 100%;
741
- overflow-x: auto;
742
- -webkit-overflow-scrolling: touch;
743
- }
744
-
745
- .table-responsive-lg > .table-bordered {
746
- border: 0;
747
- }
748
- }
749
-
750
- @media (max-width: 1199.98px) {
751
- .table-responsive-xl {
752
- display: block;
753
- width: 100%;
754
- overflow-x: auto;
755
- -webkit-overflow-scrolling: touch;
756
- }
757
-
758
- .table-responsive-xl > .table-bordered {
759
- border: 0;
760
- }
761
- }
762
-
763
- .table-responsive {
764
- display: block;
765
- width: 100%;
766
- overflow-x: auto;
767
- -webkit-overflow-scrolling: touch;
768
- }
769
-
770
- .table-responsive > .table-bordered {
771
- border: 0;
772
- }
773
-
774
- @media print {
775
- *,
776
- ::after,
777
- ::before {
778
- text-shadow: none !important;
779
- box-shadow: none !important;
780
- }
781
-
782
- a:not(.btn) {
783
- text-decoration: underline;
784
- }
785
-
786
- abbr[title]::after {
787
- content: " (" attr(title) ")";
788
- }
789
-
790
- pre {
791
- white-space: pre-wrap !important;
792
- }
793
-
794
- blockquote,
795
- pre {
796
- border: 1px solid #adb5bd;
797
- page-break-inside: avoid;
798
- }
799
-
800
- thead {
801
- display: table-header-group;
802
- }
803
-
804
- img,
805
- tr {
806
- page-break-inside: avoid;
807
- }
808
-
809
- h2,
810
- h3,
811
- p {
812
- orphans: 3;
813
- widows: 3;
814
- }
815
-
816
- h2,
817
- h3 {
818
- page-break-after: avoid;
819
- }
820
-
821
- @page {
822
- size: a3;
823
- }
824
-
825
- body {
826
- min-width: 992px !important;
827
- }
828
-
829
- .table {
830
- border-collapse: collapse !important;
831
- }
832
-
833
- .table td,
834
- .table th {
835
- background-color: #fff !important;
836
- }
837
-
838
- .table-bordered td,
839
- .table-bordered th {
840
- border: 1px solid #dee2e6 !important;
841
- }
842
-
843
- .table-dark {
844
- color: inherit;
845
- }
846
-
847
- .table-dark tbody + tbody,
848
- .table-dark td,
849
- .table-dark th,
850
- .table-dark thead th {
851
- border-color: #dee2e6;
852
- }
853
-
854
- .table .thead-dark th {
855
- color: inherit;
856
- border-color: #dee2e6;
857
- }
858
- }
859
-
860
- /* Streamlit */
861
-
862
- /* Mono */
863
- @font-face {
864
- font-family: "IBM Plex Mono";
865
- font-weight: 400;
866
- font-style: regular;
867
- src: url("./fonts/IBM_Plex_Mono/IBMPlexMono-Regular.ttf") format("ttf");
868
- }
869
-
870
- /* Sans, regular */
871
- @font-face {
872
- font-family: "IBM Plex Sans";
873
- font-weight: 300;
874
- font-style: regular;
875
- src: url("./fonts/IBM_Plex_Sans/IBMPlexSans-Light.ttf") format("ttf");
876
- }
877
-
878
- @font-face {
879
- font-family: "IBM Plex Sans";
880
- font-weight: 400;
881
- font-style: regular;
882
- src: url("./fonts/IBM_Plex_Sans/IBMPlexSans-Regular.ttf") format("ttf");
883
- }
884
-
885
- @font-face {
886
- font-family: "IBM Plex Sans";
887
- font-weight: 500;
888
- font-style: regular;
889
- src: url("./fonts/IBM_Plex_Sans/IBMPlexSans-Medium.ttf") format("ttf");
890
- }
891
-
892
- @font-face {
893
- font-family: "IBM Plex Sans";
894
- font-weight: 700;
895
- font-style: regular;
896
- src: url("./fonts/IBM_Plex_Sans/IBMPlexSans-Bold.ttf") format("ttf");
897
- }
898
-
899
- /* Sans, italic */
900
- @font-face {
901
- font-family: "IBM Plex Sans";
902
- font-weight: 300;
903
- font-style: italic;
904
- src: url("./fonts/IBM_Plex_Sans/IBMPlexSans-LightItalic.ttf") format("ttf");
905
- }
906
-
907
- @font-face {
908
- font-family: "IBM Plex Sans";
909
- font-weight: 400;
910
- font-style: italic;
911
- src: url("./fonts/IBM_Plex_Sans/IBMPlexSans-Italic.ttf") format("ttf");
912
- }
913
-
914
- @font-face {
915
- font-family: "IBM Plex Sans";
916
- font-weight: 500;
917
- font-style: italic;
918
- src: url("./fonts/IBM_Plex_Sans/IBMPlexSans-MediumItalic.ttf") format("ttf");
919
- }
920
-
921
- @font-face {
922
- font-family: "IBM Plex Sans";
923
- font-weight: 700;
924
- font-style: italic;
925
- src: url("./fonts/IBM_Plex_Sans/IBMPlexSans-BoldItalic.ttf") format("ttf");
926
- }
927
-
928
- ::-webkit-scrollbar {
929
- background-color: transparent;
930
- border-radius: 100px;
931
- height: 6px;
932
- width: 6px;
933
- }
934
-
935
- ::-webkit-scrollbar:active {
936
- background-color: rgba(0, 0, 0, 0.09);
937
- }
938
-
939
- ::-webkit-scrollbar-thumb:vertical,
940
- ::-webkit-scrollbar-thumb:horizontal {
941
- background: rgba(0, 0, 0, 0.5);
942
- border-radius: 100px;
943
- }
944
-
945
- ::-webkit-scrollbar-thumb:vertical:active,
946
- ::-webkit-scrollbar-thumb:horizontal:active {
947
- background: rgba(0, 0, 0, 0.61);
948
- border-radius: 100px;
949
- }
950
-
951
- /* Basics */
952
-
953
- body {
954
- margin: 0;
955
- background: #ffffff;
956
- font-family: "IBM Plex Sans", sans-serif;
957
- font-size: 1rem;
958
- line-height: 1.6;
959
- }
960
-
961
- code,
962
- pre {
963
- font-family: "IBM Plex Mono", monospace;
964
- }
965
-
966
- a,
967
- a:visited {
968
- color: #f63366;
969
- }
970
-
971
- a:hover,
972
- a:active,
973
- a:visited:hover,
974
- a:visited:active {
975
- color: #f63366;
976
- text-decoration: underline;
977
- }
978
-
979
- hr {
980
- border: none;
981
- border-bottom: 1px solid #d5dae5;
982
- margin: 2em 0;
983
- padding: 0;
984
- }
985
-
986
- /* Making HTML widgets match Streamlit widgets more or less. */
987
- button,
988
- input[type="button"],
989
- input[type="reset"],
990
- input[type="submit"] {
991
- padding: 0 0.8rem;
992
- line-height: 1.6;
993
- background: #ffffff;
994
- border: 1px solid #e6eaf1;
995
- color: #262730;
996
- font-size: 1rem;
997
- border-radius: 0.25rem;
998
- }
999
-
1000
- button:hover,
1001
- button:focus,
1002
- input[type="button"]:hover,
1003
- input[type="button"]:focus,
1004
- input[type="reset"]:hover,
1005
- input[type="reset"]:focus,
1006
- input[type="submit"]:hover,
1007
- input[type="submit"]:focus {
1008
- border-color: #f63366;
1009
- color: #f63366;
1010
- }
1011
-
1012
- button:focus,
1013
- input[type="button"]:focus,
1014
- input[type="reset"]:focus,
1015
- input[type="submit"]:focus {
1016
- box-shadow: 0 0 0 0.2rem rgba(246, 51, 102, 0.5);
1017
- outline: none;
1018
- }
1019
-
1020
- button:active,
1021
- input[type="button"]:active,
1022
- input[type="reset"]:active,
1023
- input[type="submit"]:active {
1024
- color: #ffffff;
1025
- background-color: #f63366;
1026
- }
1027
-
1028
- button:disabled,
1029
- button[disabled],
1030
- button:disabled:hover,
1031
- button[disabled]:hover,
1032
- input[type="button"]:disabled,
1033
- input[type="button"][disabled],
1034
- input[type="button"]:disabled:hover,
1035
- input[type="button"][disabled]:hover,
1036
- input[type="reset"]:disabled,
1037
- input[type="reset"][disabled],
1038
- input[type="reset"]:disabled:hover,
1039
- input[type="reset"][disabled]:hover,
1040
- input[type="submit"]:disabled,
1041
- input[type="submit"][disabled],
1042
- input[type="submit"]:disabled:hover,
1043
- input[type="submit"][disabled]:hover {
1044
- background-color: #e6eaf1;
1045
- border-color: transparent;
1046
- color: #a3a8b4;
1047
- }
1048
-
1049
- input[type="checkbox"],
1050
- input[type="color"],
1051
- input[type="date"],
1052
- input[type="datetime"],
1053
- input[type="datetime-local"],
1054
- input[type="email"],
1055
- input[type="month"],
1056
- input[type="number"],
1057
- input[type="password"],
1058
- input[type="radio"],
1059
- input[type="search"],
1060
- input[type="tel"],
1061
- input[type="text"],
1062
- input[type="url"],
1063
- input[type="week"],
1064
- input:not([type]),
1065
- textarea,
1066
- select {
1067
- -webkit-appearance: none;
1068
- appearance: none;
1069
- background-color: transparent;
1070
- box-shadow: none;
1071
- /* Forced to replace inherit values of the normalize.css */
1072
- box-sizing: inherit;
1073
- }
1074
-
1075
- input[type="date"],
1076
- input[type="datetime"],
1077
- input[type="datetime-local"],
1078
- input[type="email"],
1079
- input[type="month"],
1080
- input[type="number"],
1081
- input[type="password"],
1082
- input[type="search"],
1083
- input[type="tel"],
1084
- input[type="text"],
1085
- input[type="url"],
1086
- input[type="week"],
1087
- input:not([type]),
1088
- textarea,
1089
- select {
1090
- background: #f0f2f6;
1091
- border-radius: 0.25rem;
1092
- color: #262730;
1093
- border: 2px solid transparent;
1094
- padding: calc(0.8rem - 2px);
1095
- font-family: "IBM Plex Sans", sans-serif;
1096
- font-size: 1rem;
1097
- line-height: 1.6;
1098
- }
1099
-
1100
- input[type="date"]:focus,
1101
- input[type="datetime"]:focus,
1102
- input[type="datetime-local"]:focus,
1103
- input[type="email"]:focus,
1104
- input[type="month"]:focus,
1105
- input[type="number"]:focus,
1106
- input[type="password"]:focus,
1107
- input[type="search"]:focus,
1108
- input[type="tel"]:focus,
1109
- input[type="text"]:focus,
1110
- input[type="url"]:focus,
1111
- input[type="week"]:focus,
1112
- input:not([type]):focus,
1113
- textarea:focus,
1114
- select:focus {
1115
- border-color: #f63366;
1116
- outline: none;
1117
- }
1118
-
1119
- input[type="color"] {
1120
- border: 1px solid #d5dae5;
1121
- border-radius: 0.25rem;
1122
- height: 30px;
1123
- width: 30px;
1124
- }
1125
-
1126
- input[type="color"]:hover,
1127
- input[type="color"]:focus {
1128
- border-color: #f63366;
1129
- color: #f63366;
1130
- }
1131
-
1132
- input[type="color"]:focus {
1133
- box-shadow: 0 0 0 0.2rem rgba(246, 51, 102, 0.5);
1134
- outline: none;
1135
- }
1136
-
1137
- input[type="color"]:active {
1138
- color: #ffffff;
1139
- background-color: #e6eaf1;
1140
- }
1141
-
1142
- @supports (-moz-appearance: meterbar) {
1143
- /* Make Firefox match Chrome. */
1144
- input[type="color"] {
1145
- padding: 5px;
1146
- }
1147
- }
1148
-
1149
- select {
1150
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 8' width='30'%3E%3Cpath fill='%23555' d='M0,0l6,8l6-8'/%3E%3C/svg%3E");
1151
- background-position: center right;
1152
- background-repeat: no-repeat;
1153
- padding-right: 2.8rem;
1154
- }
1155
-
1156
- select[multiple] {
1157
- background-image: none;
1158
- padding: calc(0.8rem - 2px);
1159
- }
1160
-
1161
- input[type="checkbox"],
1162
- input[type="radio"] {
1163
- position: relative;
1164
- width: 19px;
1165
- height: 19px;
1166
- border: 2px solid #a3a8b4;
1167
- margin: 0 8px 0 0;
1168
- border-radius: 0.25rem;
1169
- box-sizing: border-box;
1170
- /* Adjusts the position of the checkboxes on the text baseline */
1171
- vertical-align: -2px;
1172
- /* Set here so that Windows' High-Contrast Mode can override */
1173
- color: green;
1174
- }
1175
-
1176
- input[type="checkbox"]:focus,
1177
- input[type="radio"]:focus {
1178
- border-color: #262730;
1179
- outline: none;
1180
- }
1181
-
1182
- input[type="checkbox"]:disabled,
1183
- input[type="radio"]:disabled {
1184
- border-color: black;
1185
- background: #ddd;
1186
- color: gray;
1187
- }
1188
-
1189
- input[type="checkbox"]:checked,
1190
- input[type="radio"]:checked {
1191
- background-color: #f63366;
1192
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14'%3E%3Cpath fill='none' stroke='white' stroke-width='3' d='M2,7L6,11L12,3' stroke-linejoin='round'/%3E%3C/svg%3E");
1193
- background-position: center center;
1194
- background-repeat: no-repeat;
1195
- color: #ffffff;
1196
- border-color: #f63366;
1197
- }
1198
-
1199
- input[type="checkbox"]:checked:focus,
1200
- input[type="radio"]:checked:focus {
1201
- box-shadow: 0 0 0 0.2rem rgba(246, 51, 102, 0.5);
1202
- outline: none;
1203
- }
1204
-
1205
- input[type="radio"] {
1206
- border-radius: 50%;
1207
- }
1208
-
1209
- input[type="radio"]:checked {
1210
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14'%3E%3Ccircle fill='white' cx='7' cy='7' r='3'/%3E%3C/svg%3E");
1211
- background-position: center center;
1212
- background-repeat: no-repeat;
1213
- }
1214
-
1215
- /* Some utility classes, so components can use our theme. */
1216
-
1217
- .primary {
1218
- color: #f63366;
1219
- }
1220
-
1221
- .secondary {
1222
- color: #a3a8b4;
1223
- }
1224
-
1225
- .gray {
1226
- color: #a3a8b4;
1227
- }
1228
-
1229
- .red {
1230
- color: #ff2b2b;
1231
- }
1232
-
1233
- .yellow {
1234
- color: #faca2b;
1235
- }
1236
-
1237
- .blue {
1238
- color: #0068c9;
1239
- }
1240
-
1241
- .green {
1242
- color: #09ab3b;
1243
- }