bullframe.css 5.0.1 → 6.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (142) hide show
  1. package/CHANGELOG.md +276 -234
  2. package/LICENSE +2 -2
  3. package/README.md +34 -455
  4. package/dist/css/bullframe-classless-dark.css +1218 -932
  5. package/dist/css/bullframe-classless-dark.css.map +1 -1
  6. package/dist/css/bullframe-classless-dark.min.css +1 -3
  7. package/dist/css/bullframe-classless-dark.min.css.map +1 -1
  8. package/dist/css/bullframe-classless-system-default.css +1316 -936
  9. package/dist/css/bullframe-classless-system-default.css.map +1 -1
  10. package/dist/css/bullframe-classless-system-default.min.css +1 -3
  11. package/dist/css/bullframe-classless-system-default.min.css.map +1 -1
  12. package/dist/css/bullframe-classless.css +1038 -715
  13. package/dist/css/bullframe-classless.css.map +1 -1
  14. package/dist/css/bullframe-classless.min.css +1 -3
  15. package/dist/css/bullframe-classless.min.css.map +1 -1
  16. package/dist/css/bullframe-dark.css +1943 -1459
  17. package/dist/css/bullframe-dark.css.map +1 -1
  18. package/dist/css/bullframe-dark.min.css +1 -3
  19. package/dist/css/bullframe-dark.min.css.map +1 -1
  20. package/dist/css/bullframe-system-default.css +2005 -1489
  21. package/dist/css/bullframe-system-default.css.map +1 -1
  22. package/dist/css/bullframe-system-default.min.css +1 -3
  23. package/dist/css/bullframe-system-default.min.css.map +1 -1
  24. package/dist/css/bullframe-utilities.css +769 -491
  25. package/dist/css/bullframe-utilities.css.map +1 -1
  26. package/dist/css/bullframe-utilities.min.css +1 -2
  27. package/dist/css/bullframe-utilities.min.css.map +1 -1
  28. package/dist/css/bullframe.css +1911 -1383
  29. package/dist/css/bullframe.css.map +1 -1
  30. package/dist/css/bullframe.min.css +1 -3
  31. package/dist/css/bullframe.min.css.map +1 -1
  32. package/package.json +71 -29
  33. package/.browserslistrc +0 -3
  34. package/.editorconfig +0 -15
  35. package/.htmlhintrc +0 -12
  36. package/.prettierignore +0 -1
  37. package/.stylelintignore +0 -3
  38. package/.stylelintrc.json +0 -26
  39. package/dist/css/bullframe-classless-dark-prefers.css +0 -1340
  40. package/dist/css/bullframe-classless-dark-prefers.css.map +0 -1
  41. package/dist/css/bullframe-classless-dark-prefers.min.css +0 -3
  42. package/dist/css/bullframe-classless-dark-prefers.min.css.map +0 -1
  43. package/dist/css/bullframe-dark-prefers.css +0 -2356
  44. package/dist/css/bullframe-dark-prefers.css.map +0 -1
  45. package/dist/css/bullframe-dark-prefers.min.css +0 -3
  46. package/dist/css/bullframe-dark-prefers.min.css.map +0 -1
  47. package/dist/docs/demo/css/style.css +0 -131
  48. package/dist/docs/demo/icons/android-chrome-192x192.png +0 -0
  49. package/dist/docs/demo/icons/android-chrome-384x384.png +0 -0
  50. package/dist/docs/demo/icons/apple-touch-icon.png +0 -0
  51. package/dist/docs/demo/icons/favicon-16x16.png +0 -0
  52. package/dist/docs/demo/icons/favicon-32x32.png +0 -0
  53. package/dist/docs/demo/icons/favicon.ico +0 -0
  54. package/dist/docs/demo/icons/mstile-150x150.png +0 -0
  55. package/dist/docs/demo/icons/safari-pinned-tab.svg +0 -28
  56. package/dist/docs/demo/images/logo.png +0 -0
  57. package/dist/docs/demo/images/placeholder-img-130x140.jpg +0 -0
  58. package/dist/docs/demo/images/placeholder-img-16x16.jpg +0 -0
  59. package/dist/docs/demo/images/placeholder-img-800x400.jpg +0 -0
  60. package/dist/docs/demo/images/video-poster.png +0 -0
  61. package/dist/docs/demo/index.html +0 -1152
  62. package/dist/docs/github-readme/bf-logo-full-dark.png +0 -0
  63. package/dist/docs/github-readme/bf-logo-full-light.png +0 -0
  64. package/prettier.config.js +0 -26
  65. package/src/docs/demo/css/style.css +0 -131
  66. package/src/docs/demo/icons/android-chrome-192x192.png +0 -0
  67. package/src/docs/demo/icons/android-chrome-384x384.png +0 -0
  68. package/src/docs/demo/icons/apple-touch-icon.png +0 -0
  69. package/src/docs/demo/icons/favicon-16x16.png +0 -0
  70. package/src/docs/demo/icons/favicon-32x32.png +0 -0
  71. package/src/docs/demo/icons/favicon.ico +0 -0
  72. package/src/docs/demo/icons/mstile-150x150.png +0 -0
  73. package/src/docs/demo/icons/safari-pinned-tab.svg +0 -28
  74. package/src/docs/demo/images/logo.png +0 -0
  75. package/src/docs/demo/images/placeholder-img-130x140.jpg +0 -0
  76. package/src/docs/demo/images/placeholder-img-16x16.jpg +0 -0
  77. package/src/docs/demo/images/placeholder-img-800x400.jpg +0 -0
  78. package/src/docs/demo/images/video-poster.png +0 -0
  79. package/src/docs/demo/index.html +0 -1152
  80. package/src/docs/github-readme/bf-logo-full-dark.png +0 -0
  81. package/src/docs/github-readme/bf-logo-full-light.png +0 -0
  82. package/src/scss/bullframe-classless-dark-prefers.scss +0 -2
  83. package/src/scss/bullframe-classless-dark.scss +0 -2
  84. package/src/scss/bullframe-classless-system-default.scss +0 -2
  85. package/src/scss/bullframe-classless.scss +0 -49
  86. package/src/scss/bullframe-dark-prefers.scss +0 -2
  87. package/src/scss/bullframe-dark.scss +0 -2
  88. package/src/scss/bullframe-system-default.scss +0 -2
  89. package/src/scss/bullframe-utilities.scss +0 -21
  90. package/src/scss/bullframe.scss +0 -49
  91. package/src/scss/custom/_author-styles.scss +0 -5
  92. package/src/scss/forms/_forms-normalization.scss +0 -316
  93. package/src/scss/forms/_forms-styling-radio-checkbox.scss +0 -82
  94. package/src/scss/forms/_forms-styling-range.scss +0 -113
  95. package/src/scss/forms/_forms-styling-select.scss +0 -65
  96. package/src/scss/forms/_forms-styling.scss +0 -131
  97. package/src/scss/miscellaneous/_misc-accessibility.scss +0 -36
  98. package/src/scss/miscellaneous/_misc-anchors.scss +0 -37
  99. package/src/scss/miscellaneous/_misc-embedded-content.scss +0 -117
  100. package/src/scss/miscellaneous/_misc-focus.scss +0 -79
  101. package/src/scss/miscellaneous/_misc-interactive.scss +0 -48
  102. package/src/scss/miscellaneous/_misc-layout.scss +0 -30
  103. package/src/scss/miscellaneous/_misc-lists.scss +0 -53
  104. package/src/scss/miscellaneous/_misc-scrolling.scss +0 -5
  105. package/src/scss/miscellaneous/_misc-shame.scss +0 -37
  106. package/src/scss/miscellaneous/_misc-tables.scss +0 -53
  107. package/src/scss/mixins/_mixin-dark-prefers.scss +0 -414
  108. package/src/scss/mixins/_mixin-dark.scss +0 -396
  109. package/src/scss/mixins/_mixin-grid-flex.scss +0 -80
  110. package/src/scss/mixins/_mixin-layout.scss +0 -42
  111. package/src/scss/mixins/_mixin-texts.scss +0 -37
  112. package/src/scss/typography/_typography-blockquotes.scss +0 -28
  113. package/src/scss/typography/_typography-headings.scss +0 -45
  114. package/src/scss/typography/_typography-html-body.scss +0 -75
  115. package/src/scss/typography/_typography-misc.scss +0 -90
  116. package/src/scss/typography/_typography-monospaced-elements.scss +0 -59
  117. package/src/scss/utilities/_utility-buttons.scss +0 -73
  118. package/src/scss/utilities/_utility-debugging.scss +0 -31
  119. package/src/scss/utilities/_utility-embeds.scss +0 -34
  120. package/src/scss/utilities/_utility-filters.scss +0 -21
  121. package/src/scss/utilities/_utility-form-states.scss +0 -89
  122. package/src/scss/utilities/_utility-global-dark-classless.scss +0 -3
  123. package/src/scss/utilities/_utility-global-dark-prefers-classless.scss +0 -3
  124. package/src/scss/utilities/_utility-global-dark-prefers.scss +0 -3
  125. package/src/scss/utilities/_utility-global-dark-scrollbars.scss +0 -34
  126. package/src/scss/utilities/_utility-global-dark.scss +0 -4
  127. package/src/scss/utilities/_utility-global-system-default-classless.scss +0 -3
  128. package/src/scss/utilities/_utility-global-system-default.scss +0 -3
  129. package/src/scss/utilities/_utility-grid-system.scss +0 -140
  130. package/src/scss/utilities/_utility-layout.scss +0 -187
  131. package/src/scss/utilities/_utility-lists.scss +0 -17
  132. package/src/scss/utilities/_utility-print.scss +0 -101
  133. package/src/scss/utilities/_utility-reduced-motion.scss +0 -29
  134. package/src/scss/utilities/_utility-spacing.scss +0 -148
  135. package/src/scss/utilities/_utility-tables.scss +0 -34
  136. package/src/scss/utilities/_utility-texts.scss +0 -225
  137. package/src/scss/utilities/_utility-z-index.scss +0 -83
  138. package/src/scss/variables/_variables-breakpoints.scss +0 -6
  139. package/src/scss/variables/_variables-colors.scss +0 -34
  140. package/src/scss/variables/_variables-spacing.scss +0 -24
  141. package/src/scss/variables/_variables-texts.scss +0 -8
  142. package/vite.config.js +0 -116
@@ -1,2356 +0,0 @@
1
- /*! Bullframe CSS v5.0.0 | MIT License | https://github.com/marcop135/bullframe.css */
2
- @charset "UTF-8";
3
- *,
4
- *::before,
5
- *::after {
6
- box-sizing: border-box;
7
- }
8
-
9
- article,
10
- aside,
11
- dialog,
12
- figcaption,
13
- figure,
14
- footer,
15
- header,
16
- hgroup,
17
- main,
18
- menu,
19
- nav,
20
- section,
21
- details {
22
- display: block;
23
- }
24
-
25
- template {
26
- display: none;
27
- }
28
-
29
- [hidden] {
30
- display: none !important;
31
- }
32
-
33
- html {
34
- -webkit-text-size-adjust: 100%;
35
- -moz-text-size-adjust: 100%;
36
- text-size-adjust: 100%;
37
- font-size: 62.5%;
38
- color: #222;
39
- font-family: sans-serif;
40
- line-height: 1.15;
41
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
42
- }
43
-
44
- body {
45
- margin: 0;
46
- font-size: 1.6rem;
47
- line-height: 1.5;
48
- font-weight: 400;
49
- text-align: left;
50
- font-family: BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
51
- text-rendering: optimizeLegibility;
52
- word-wrap: break-word;
53
- background-color: #fff;
54
- }
55
-
56
- h1,
57
- h2,
58
- h3,
59
- h4,
60
- h5,
61
- h6 {
62
- margin-top: 0;
63
- font-weight: 600;
64
- font-family: inherit;
65
- color: inherit;
66
- line-height: 1.25;
67
- margin-bottom: 1rem;
68
- }
69
-
70
- h1 {
71
- font-size: 36px;
72
- font-size: 3.6rem;
73
- }
74
-
75
- h2 {
76
- font-size: 30px;
77
- font-size: 3rem;
78
- }
79
-
80
- h3 {
81
- font-size: 24px;
82
- font-size: 2.4rem;
83
- }
84
-
85
- h4 {
86
- font-size: 20px;
87
- font-size: 2rem;
88
- }
89
-
90
- h5,
91
- h6 {
92
- font-size: 16px;
93
- font-size: 1.6rem;
94
- }
95
-
96
- blockquote {
97
- margin-bottom: 2rem;
98
- padding-left: 0;
99
- font-style: italic;
100
- }
101
-
102
- blockquote p {
103
- margin-bottom: 0;
104
- }
105
-
106
- blockquote small {
107
- color: #999;
108
- display: block;
109
- }
110
-
111
- blockquote small::before {
112
- content: "— ";
113
- }
114
-
115
- q {
116
- quotes: "“" "”" "‘" "’";
117
- }
118
-
119
- pre {
120
- margin: 0 0 2rem 0;
121
- display: block;
122
- overflow: auto;
123
- word-break: break-all;
124
- word-wrap: break-word;
125
- white-space: pre;
126
- -webkit-hyphens: none;
127
- hyphens: none;
128
- -ms-overflow-style: auto;
129
- }
130
-
131
- pre,
132
- code,
133
- kbd,
134
- samp {
135
- font-family: Menlo, Consolas, "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
136
- font-size: 0.875em;
137
- }
138
-
139
- code {
140
- word-wrap: break-word;
141
- }
142
-
143
- a > code {
144
- color: inherit;
145
- }
146
-
147
- pre code {
148
- font-size: inherit;
149
- color: inherit;
150
- word-break: normal;
151
- }
152
-
153
- p {
154
- margin: 0 0 2rem 0;
155
- }
156
-
157
- abbr[title],
158
- abbr[data-original-title] {
159
- cursor: help;
160
- text-decoration: underline;
161
- -webkit-text-decoration: underline dotted;
162
- text-decoration: underline dotted;
163
- border-bottom: 0;
164
- }
165
-
166
- mark {
167
- background-color: #ff0;
168
- color: #000;
169
- }
170
-
171
- ins {
172
- background-color: #ff9;
173
- color: #000;
174
- text-decoration: none;
175
- }
176
-
177
- b,
178
- strong {
179
- font-weight: inherit;
180
- }
181
-
182
- b,
183
- strong {
184
- /* stylelint-disable-next-line */
185
- font-weight: bolder;
186
- }
187
-
188
- dfn {
189
- font-style: italic;
190
- }
191
-
192
- sub,
193
- sup {
194
- font-size: 75%;
195
- line-height: 0;
196
- position: relative;
197
- vertical-align: baseline;
198
- }
199
-
200
- sup {
201
- top: -8px;
202
- top: -0.8rem;
203
- }
204
-
205
- sub {
206
- bottom: -4px;
207
- bottom: -0.4rem;
208
- }
209
-
210
- small {
211
- font-size: 80%;
212
- }
213
-
214
- p:has(small) {
215
- line-height: 1.25;
216
- }
217
-
218
- hr {
219
- box-sizing: content-box;
220
- display: block;
221
- height: 0;
222
- border-style: solid;
223
- border-width: 1px 0 0;
224
- color: inherit;
225
- margin: 2rem 0;
226
- padding: 0;
227
- overflow: visible;
228
- }
229
-
230
- a {
231
- color: #007bff;
232
- text-decoration: none;
233
- background-color: transparent;
234
- }
235
- a:hover, a:focus {
236
- text-decoration: underline;
237
- color: #0056b3;
238
- }
239
-
240
- a:not([href], [tabindex]) {
241
- color: inherit;
242
- text-decoration: none;
243
- }
244
-
245
- a:not([href], [class]),
246
- a:not([href], [class]):hover {
247
- color: inherit;
248
- text-decoration: none;
249
- }
250
-
251
- a:not([href], [tabindex]):focus {
252
- outline: 0;
253
- }
254
-
255
- :focus:not(:focus-visible) {
256
- outline: none;
257
- }
258
-
259
- [tabindex="-1"]:focus:not(:focus-visible) {
260
- outline: 0 !important;
261
- }
262
-
263
- a:focus,
264
- input:focus {
265
- outline: 2px solid orange;
266
- }
267
-
268
- :focus-visible {
269
- outline: 2px solid orange;
270
- }
271
-
272
- button:focus,
273
- [type=button]:focus,
274
- [type=reset]:focus,
275
- [type=submit]:focus,
276
- [type=email]:focus,
277
- [type=number]:focus,
278
- [type=password]:focus,
279
- [type=tel]:focus,
280
- [type=search]:focus,
281
- [type=text]:focus,
282
- [type=date]:focus,
283
- [type=datetime-local]:focus,
284
- [type=month]:focus,
285
- [type=time]:focus,
286
- [type=week]:focus,
287
- [type=url]:focus,
288
- [type=radio]:focus,
289
- [type=checkbox]:focus,
290
- input[list]:focus,
291
- select:focus,
292
- textarea:focus {
293
- outline: 0;
294
- }
295
-
296
- menu,
297
- ol,
298
- ul,
299
- dl {
300
- margin: 0 0 2rem 0;
301
- padding: 0;
302
- }
303
-
304
- menu ul,
305
- menu ol,
306
- ul ul,
307
- ul ol,
308
- ol ol,
309
- ol ul,
310
- dd {
311
- margin-bottom: 0;
312
- }
313
-
314
- ul,
315
- ol {
316
- margin-left: 2rem;
317
- }
318
-
319
- nav ol,
320
- nav ul {
321
- list-style: none;
322
- list-style-image: none;
323
- margin-left: 0;
324
- }
325
-
326
- dt {
327
- font-weight: 700;
328
- }
329
-
330
- dd {
331
- margin-left: 0;
332
- }
333
-
334
- nav li::before {
335
- content: "​";
336
- position: absolute;
337
- }
338
-
339
- audio,
340
- canvas,
341
- progress,
342
- video {
343
- display: inline-block;
344
- }
345
-
346
- img,
347
- canvas,
348
- audio,
349
- video,
350
- iframe,
351
- object,
352
- embed {
353
- max-width: 100%;
354
- }
355
-
356
- audio,
357
- video,
358
- canvas,
359
- img,
360
- svg {
361
- vertical-align: middle;
362
- }
363
-
364
- img {
365
- height: auto;
366
- border-style: none;
367
- }
368
-
369
- figure {
370
- margin: 0;
371
- }
372
-
373
- figure,
374
- figcaption {
375
- display: block;
376
- }
377
-
378
- figcaption {
379
- line-height: 1.375;
380
- font-size: 90%;
381
- }
382
-
383
- video {
384
- height: auto;
385
- }
386
-
387
- audio {
388
- width: 100%;
389
- }
390
-
391
- audio:not([controls]) {
392
- display: none;
393
- height: 0;
394
- }
395
-
396
- svg:not(:root) {
397
- overflow: hidden;
398
- }
399
-
400
- svg:not([fill]) {
401
- fill: currentColor;
402
- }
403
-
404
- progress,
405
- meter {
406
- display: inline-block;
407
- vertical-align: baseline;
408
- width: 100%;
409
- max-width: 100%;
410
- }
411
-
412
- progress[value] {
413
- -webkit-appearance: none;
414
- -moz-appearance: none;
415
- appearance: none;
416
- border: none;
417
- height: 20px;
418
- height: 2rem;
419
- background: #ccc;
420
- color: #007bff;
421
- }
422
-
423
- progress[value]::-webkit-progress-bar {
424
- background: #ccc;
425
- }
426
-
427
- progress[value]::-webkit-progress-value {
428
- background: #007bff;
429
- }
430
-
431
- iframe {
432
- border-style: none;
433
- }
434
-
435
- address {
436
- font-style: normal;
437
- margin-bottom: 10px;
438
- margin-bottom: 1rem;
439
- line-height: inherit;
440
- }
441
-
442
- details > summary:first-of-type {
443
- display: list-item;
444
- }
445
-
446
- summary {
447
- cursor: pointer;
448
- font-weight: 700;
449
- word-break: break-all;
450
- }
451
-
452
- dialog {
453
- background-color: #fff;
454
- color: #222;
455
- border: none;
456
- border-radius: 0.25rem;
457
- padding: 20px;
458
- padding: 2rem;
459
- height: -moz-fit-content;
460
- height: fit-content;
461
- min-width: 25rem;
462
- max-width: calc(100vw - 3rem);
463
- }
464
- @media (min-width: 768px) {
465
- dialog {
466
- max-width: 50rem;
467
- }
468
- }
469
-
470
- dialog[open] {
471
- display: block !important;
472
- }
473
-
474
- dialog::backdrop {
475
- background: rgba(0, 0, 0, 0.4);
476
- }
477
-
478
- @media (prefers-reduced-motion: no-preference) {
479
- :root {
480
- scroll-behavior: smooth;
481
- }
482
- }
483
- table {
484
- caption-side: bottom;
485
- max-width: 100%;
486
- border-collapse: collapse;
487
- border-color: currentcolor;
488
- text-indent: 0;
489
- }
490
-
491
- thead,
492
- tbody,
493
- tfoot,
494
- tr,
495
- td,
496
- th {
497
- border-color: inherit;
498
- border-style: solid;
499
- border-width: 0;
500
- }
501
-
502
- thead th {
503
- vertical-align: bottom;
504
- }
505
-
506
- th,
507
- td {
508
- vertical-align: top;
509
- }
510
-
511
- th {
512
- text-align: inherit;
513
- text-align: -webkit-match-parent;
514
- font-weight: 700;
515
- }
516
-
517
- caption {
518
- padding-top: 0.5rem;
519
- padding-bottom: 0.5rem;
520
- color: #999;
521
- text-align: left;
522
- caption-side: bottom;
523
- line-height: 1.375;
524
- font-size: 90%;
525
- }
526
-
527
- /* Accessibility
528
- * ========================================================================== */
529
- /**
530
- * Change the cursor on busy elements in all browsers (opinionated).
531
- */
532
- :where([aria-busy=true i]) {
533
- cursor: progress;
534
- }
535
-
536
- /*
537
- * Change the cursor on disabled, not-editable, or otherwise
538
- * inoperable elements in all browsers (opinionated).
539
- */
540
- :where([aria-disabled=true i], [disabled]) {
541
- cursor: not-allowed;
542
- }
543
-
544
- /*
545
- * Change the display on visually hidden accessible elements
546
- * in all browsers (opinionated).
547
- */
548
- :where([aria-hidden=false i][hidden]) {
549
- display: initial;
550
- }
551
-
552
- :where([aria-hidden=false i][hidden]:not(:focus)) {
553
- clip: rect(0, 0, 0, 0);
554
- position: absolute;
555
- }
556
-
557
- html input,
558
- button,
559
- select,
560
- optgroup,
561
- textarea {
562
- color: inherit;
563
- font-family: inherit;
564
- font-size: inherit;
565
- line-height: inherit;
566
- }
567
-
568
- html input,
569
- button,
570
- [type=radio],
571
- [type=checkbox],
572
- select,
573
- optgroup,
574
- textarea {
575
- margin: 0;
576
- }
577
-
578
- html input,
579
- select,
580
- textarea,
581
- legend {
582
- width: 100%;
583
- }
584
-
585
- html label,
586
- button,
587
- [type=image],
588
- [type=submit],
589
- [type=reset],
590
- html [type=button],
591
- [type=radio],
592
- [type=checkbox] {
593
- width: auto;
594
- }
595
-
596
- html input,
597
- label,
598
- select,
599
- textarea,
600
- button,
601
- html [type=button],
602
- [type=reset],
603
- [type=submit],
604
- output {
605
- display: inline-block;
606
- }
607
-
608
- [type=file] {
609
- display: block;
610
- background-color: transparent;
611
- }
612
-
613
- button,
614
- html input,
615
- select,
616
- textarea {
617
- background-image: none;
618
- }
619
-
620
- input,
621
- select,
622
- textarea {
623
- vertical-align: baseline;
624
- }
625
-
626
- form {
627
- margin: 0;
628
- }
629
-
630
- fieldset {
631
- border: 0;
632
- padding: 0;
633
- margin: 0;
634
- min-width: 0;
635
- }
636
-
637
- legend {
638
- display: table;
639
- max-width: 100%;
640
- white-space: normal;
641
- border: 0;
642
- padding: 0;
643
- font-weight: 400;
644
- margin-bottom: 5px;
645
- margin-bottom: 0.5rem;
646
- font-size: inherit;
647
- line-height: 1.375;
648
- color: inherit;
649
- }
650
-
651
- label {
652
- font-weight: 400;
653
- font-size: 90%;
654
- line-height: 1.375;
655
- margin-bottom: 5px;
656
- margin-bottom: 0.5rem;
657
- }
658
-
659
- label input,
660
- label select,
661
- label textarea {
662
- font-size: 110%;
663
- }
664
-
665
- ::-webkit-inner-spin-button {
666
- height: auto;
667
- }
668
-
669
- ::-webkit-datetime-edit-fields-wrapper,
670
- ::-webkit-datetime-edit-text,
671
- ::-webkit-datetime-edit-minute,
672
- ::-webkit-datetime-edit-hour-field,
673
- ::-webkit-datetime-edit-day-field,
674
- ::-webkit-datetime-edit-month-field,
675
- ::-webkit-datetime-edit-year-field {
676
- padding: 0;
677
- }
678
-
679
- ::-webkit-color-swatch-wrapper {
680
- padding: 0;
681
- }
682
-
683
- [type=search] {
684
- outline-offset: -0.25rem;
685
- }
686
-
687
- output {
688
- vertical-align: middle;
689
- }
690
-
691
- button,
692
- select {
693
- text-transform: none;
694
- }
695
-
696
- select {
697
- word-wrap: normal;
698
- }
699
-
700
- [list]:not([type=date],
701
- [type=datetime-local],
702
- [type=month],
703
- [type=week],
704
- [type=time])::-webkit-calendar-picker-indicator {
705
- display: none !important;
706
- }
707
-
708
- optgroup {
709
- font-family: inherit;
710
- font-size: inherit;
711
- font-style: inherit;
712
- font-weight: 600;
713
- }
714
-
715
- button,
716
- html [type=button],
717
- [type=reset],
718
- [type=submit],
719
- [type=email],
720
- [type=number],
721
- [type=text],
722
- [type=tel],
723
- [type=date],
724
- [type=datetime-local],
725
- [type=month],
726
- [type=week],
727
- [type=url],
728
- [type=image],
729
- [type=password],
730
- [type=search],
731
- [type=search]::-webkit-search-decoration,
732
- [type=search]::-webkit-search-cancel-button,
733
- input[list],
734
- textarea {
735
- -webkit-appearance: none;
736
- appearance: none;
737
- }
738
-
739
- ::file-selector-button {
740
- font: inherit;
741
- -webkit-appearance: auto;
742
- -moz-appearance: auto;
743
- appearance: auto;
744
- }
745
-
746
- button,
747
- input,
748
- select,
749
- textarea {
750
- border-radius: 0.25rem;
751
- }
752
-
753
- [type=radio] {
754
- border-radius: 50%;
755
- }
756
-
757
- [type=checkbox] {
758
- border-radius: 0.5rem;
759
- }
760
-
761
- [type=radio],
762
- [type=checkbox] {
763
- padding: 0;
764
- background-color: #fff;
765
- }
766
-
767
- [type=range i] {
768
- background-color: transparent;
769
- }
770
-
771
- select[size],
772
- select[multiple] {
773
- height: auto;
774
- }
775
-
776
- select[multiple] {
777
- background-image: none;
778
- }
779
-
780
- textarea {
781
- height: auto;
782
- min-height: 60px;
783
- min-height: 6rem;
784
- overflow: auto;
785
- vertical-align: top;
786
- resize: vertical;
787
- }
788
-
789
- ::-moz-focus-inner {
790
- padding: 0;
791
- border-style: none;
792
- }
793
-
794
- button,
795
- [type=button],
796
- [type=reset],
797
- [type=submit] {
798
- line-height: normal;
799
- text-align: center;
800
- margin: 0;
801
- background-clip: padding-box;
802
- vertical-align: baseline;
803
- overflow: visible;
804
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
805
- -webkit-user-select: none;
806
- -moz-user-select: none;
807
- user-select: none;
808
- border: 0;
809
- background-image: none;
810
- }
811
- button:hover, button:active, button:focus,
812
- [type=button]:hover,
813
- [type=button]:active,
814
- [type=button]:focus,
815
- [type=reset]:hover,
816
- [type=reset]:active,
817
- [type=reset]:focus,
818
- [type=submit]:hover,
819
- [type=submit]:active,
820
- [type=submit]:focus {
821
- text-decoration: none;
822
- color: #222;
823
- }
824
-
825
- button:not(:disabled),
826
- [type=button]:not(:disabled),
827
- [type=reset]:not(:disabled),
828
- [type=submit]:not(:disabled) {
829
- cursor: pointer;
830
- }
831
-
832
- input::-moz-placeholder, textarea::-moz-placeholder {
833
- color: #666;
834
- }
835
-
836
- input::placeholder,
837
- textarea::placeholder {
838
- color: #666;
839
- }
840
-
841
- /*
842
- Use the modern Firefox focus style for all focusable elements.
843
- */
844
- :-moz-focusring {
845
- outline: auto;
846
- }
847
-
848
- :-moz-ui-invalid {
849
- box-shadow: none;
850
- }
851
-
852
- [type=email],
853
- [type=number],
854
- [type=password],
855
- [type=tel],
856
- [type=search],
857
- [type=text],
858
- [type=date],
859
- [type=datetime-local],
860
- [type=month],
861
- [type=week],
862
- [type=time],
863
- [type=url],
864
- input[list],
865
- select,
866
- textarea {
867
- background-color: #fff;
868
- border: 1px solid/#999;
869
- padding: 5px 7.5px;
870
- padding: 0.5rem 0.75rem;
871
- }
872
-
873
- [type=email]:active, [type=email]:focus,
874
- [type=number]:active,
875
- [type=number]:focus,
876
- [type=password]:active,
877
- [type=password]:focus,
878
- [type=tel]:active,
879
- [type=tel]:focus,
880
- [type=search]:active,
881
- [type=search]:focus,
882
- [type=text]:active,
883
- [type=text]:focus,
884
- [type=date]:active,
885
- [type=date]:focus,
886
- [type=datetime-local]:active,
887
- [type=datetime-local]:focus,
888
- [type=month]:active,
889
- [type=month]:focus,
890
- [type=week]:active,
891
- [type=week]:focus,
892
- [type=time]:active,
893
- [type=time]:focus,
894
- [type=url]:active,
895
- [type=url]:focus,
896
- input[list]:active,
897
- input[list]:focus,
898
- select:active,
899
- select:focus,
900
- textarea:active,
901
- textarea:focus,
902
- [type=radio]:active,
903
- [type=radio]:focus,
904
- [type=checkbox]:active,
905
- [type=checkbox]:focus {
906
- transition: border 0.2s, background-color 0.2s, box-shadow 0.2s;
907
- border-color: #007bff;
908
- box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25);
909
- }
910
-
911
- button,
912
- [type=button],
913
- [type=reset],
914
- [type=submit] {
915
- color: #222;
916
- padding: 6.6666666667px 13.3333333333px;
917
- padding: 0.6666666667rem 1.3333333333rem;
918
- background: #ccc;
919
- transition: color 0.2s, background 0.2s, box-shadow 0.2s;
920
- }
921
- button:hover, button:active, button:focus,
922
- [type=button]:hover,
923
- [type=button]:active,
924
- [type=button]:focus,
925
- [type=reset]:hover,
926
- [type=reset]:active,
927
- [type=reset]:focus,
928
- [type=submit]:hover,
929
- [type=submit]:active,
930
- [type=submit]:focus {
931
- text-decoration: none;
932
- color: #222;
933
- background: rgb(178.5, 178.5, 178.5);
934
- }
935
- button:active, button:focus,
936
- [type=button]:active,
937
- [type=button]:focus,
938
- [type=reset]:active,
939
- [type=reset]:focus,
940
- [type=submit]:active,
941
- [type=submit]:focus {
942
- box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);
943
- }
944
-
945
- fieldset[disabled] button,
946
- fieldset[disabled] input,
947
- fieldset[disabled] input::after,
948
- fieldset[disabled] input::before,
949
- fieldset[disabled] input:checked,
950
- fieldset[disabled] select,
951
- fieldset[disabled] textarea,
952
- fieldset[disabled] label,
953
- button[disabled],
954
- input[disabled],
955
- input[disabled]::after,
956
- input[disabled]::before,
957
- input[disabled]:checked,
958
- select[disabled],
959
- textarea[disabled],
960
- label[disabled],
961
- button:disabled,
962
- input:disabled,
963
- input:disabled::after,
964
- input:disabled::before,
965
- input:disabled:checked,
966
- select:disabled,
967
- textarea:disabled,
968
- label:disabled,
969
- button[aria-disabled=true],
970
- input[aria-disabled=true],
971
- input[aria-disabled=true]::after,
972
- input[aria-disabled=true]::before,
973
- input[aria-disabled=true]:checked,
974
- select[aria-disabled=true],
975
- textarea[aria-disabled=true],
976
- label[aria-disabled=true] {
977
- cursor: default !important;
978
- cursor: not-allowed !important;
979
- pointer-events: none !important;
980
- -webkit-user-select: none !important;
981
- -moz-user-select: none !important;
982
- user-select: none !important;
983
- box-shadow: none !important;
984
- opacity: 0.5 !important;
985
- }
986
-
987
- select:not([size], [multiple]) {
988
- -webkit-appearance: none;
989
- -moz-appearance: none;
990
- appearance: none;
991
- background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.85rem center/8px 10px;
992
- padding-right: 20px;
993
- padding-right: 2rem;
994
- }
995
-
996
- select::-ms-expand {
997
- display: none;
998
- }
999
-
1000
- *[dir=rtl] select:not([size], [multiple]),
1001
- select[dir=rtl]:not([size], [multiple]) {
1002
- background-position: left 0.85rem top 50%;
1003
- padding-right: 7.5px;
1004
- padding-right: 0.75rem;
1005
- padding-left: 20px;
1006
- padding-left: 2rem;
1007
- }
1008
-
1009
- [type=checkbox],
1010
- [type=radio] {
1011
- -webkit-appearance: none;
1012
- -moz-appearance: none;
1013
- appearance: none;
1014
- height: 1.8rem;
1015
- width: 1.8rem;
1016
- vertical-align: top;
1017
- position: relative;
1018
- border: 1px solid/#999;
1019
- }
1020
- [type=checkbox] + label,
1021
- [type=radio] + label {
1022
- line-height: 1.8rem;
1023
- vertical-align: top;
1024
- margin-left: 5px;
1025
- margin-left: 0.5rem;
1026
- }
1027
- *[dir=rtl] [type=checkbox] + label, [type=checkbox][dir=rtl] + label,
1028
- *[dir=rtl] [type=radio] + label,
1029
- [type=radio][dir=rtl] + label {
1030
- margin-left: 0;
1031
- margin-right: 5px;
1032
- margin-right: 0.5rem;
1033
- }
1034
- [type=checkbox]::after,
1035
- [type=radio]::after {
1036
- content: "";
1037
- display: block;
1038
- position: absolute;
1039
- }
1040
- [type=checkbox]:checked,
1041
- [type=radio]:checked {
1042
- background-color: #007bff;
1043
- border-color: #000;
1044
- }
1045
-
1046
- [type=radio]::after {
1047
- width: 1.8rem;
1048
- height: 1.8rem;
1049
- left: -0.05rem;
1050
- top: -0.05rem;
1051
- border-radius: 50%;
1052
- background: #fff;
1053
- transform: scale(0.35);
1054
- }
1055
-
1056
- [type=checkbox]::after {
1057
- width: 0.6rem;
1058
- height: 0.8rem;
1059
- border: 2px solid/#fff;
1060
- border-top: 0;
1061
- border-left: 0;
1062
- left: 35%;
1063
- top: 20%;
1064
- transform: rotate(43deg);
1065
- }
1066
-
1067
- [type=range] {
1068
- -webkit-appearance: none;
1069
- -moz-appearance: none;
1070
- appearance: none;
1071
- width: 100%;
1072
- height: 1.4rem;
1073
- }
1074
-
1075
- [type=range]::-webkit-slider-thumb {
1076
- border: 0;
1077
- -webkit-appearance: none;
1078
- appearance: none;
1079
- width: 1.5rem;
1080
- height: 1.5rem;
1081
- margin-top: -0.25rem;
1082
- background-color: #007bff;
1083
- border-radius: 1.5rem;
1084
- -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1085
- transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1086
- }
1087
- [type=range]::-webkit-slider-thumb:active {
1088
- background-color: #007bff;
1089
- }
1090
-
1091
- [type=range]::-moz-range-thumb {
1092
- border: 0;
1093
- -moz-appearance: none;
1094
- appearance: none;
1095
- width: 1.5rem;
1096
- height: 1.5rem;
1097
- background-color: #007bff;
1098
- border-radius: 1.5rem;
1099
- -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1100
- transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1101
- }
1102
- [type=range]::-moz-range-thumb:active {
1103
- background-color: #007bff;
1104
- }
1105
-
1106
- [type=range]::-webkit-slider-runnable-track {
1107
- color: transparent;
1108
- border-color: transparent;
1109
- width: 100%;
1110
- height: 0.65rem;
1111
- cursor: pointer;
1112
- background-color: #e9e9e9;
1113
- }
1114
-
1115
- [type=range]::-moz-range-track {
1116
- color: transparent;
1117
- border-color: transparent;
1118
- width: 100%;
1119
- height: 0.65rem;
1120
- cursor: pointer;
1121
- background-color: #e9e9e9;
1122
- }
1123
-
1124
- [type=range]:focus {
1125
- outline: none;
1126
- }
1127
- [type=range]:focus::-webkit-slider-thumb {
1128
- box-shadow: 0 0 0 0.1rem/#fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
1129
- }
1130
- [type=range]:focus::-moz-slider-thumb {
1131
- box-shadow: 0 0 0 0.1rem/#fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
1132
- }
1133
-
1134
- [type=range]::-moz-focus-outer {
1135
- border: 0;
1136
- }
1137
-
1138
- [type=range]:focus::-moz-range-thumb {
1139
- box-shadow: 0 0 0 0.1rem/#fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
1140
- }
1141
-
1142
- [type=range]:disabled {
1143
- pointer-events: none;
1144
- }
1145
- [type=range]:disabled::-webkit-slider-thumb {
1146
- background-color: #ccc;
1147
- }
1148
- [type=range]:disabled::-moz-slider-thumb {
1149
- background-color: #ccc;
1150
- }
1151
-
1152
- .bf-container,
1153
- .bf-container--fluid {
1154
- box-sizing: border-box;
1155
- display: block;
1156
- margin-right: auto;
1157
- margin-left: auto;
1158
- padding-left: 1.5rem;
1159
- padding-right: 1.5rem;
1160
- }
1161
-
1162
- .bf-container {
1163
- max-width: 114rem;
1164
- }
1165
-
1166
- .bf-row {
1167
- display: flex;
1168
- flex-wrap: wrap;
1169
- margin-left: -1.5rem;
1170
- margin-right: -1.5rem;
1171
- }
1172
-
1173
- [class^=bf-col-] {
1174
- position: relative;
1175
- min-height: 1px;
1176
- padding-left: 1.5rem;
1177
- padding-right: 1.5rem;
1178
- flex-grow: 0;
1179
- flex-shrink: 0;
1180
- }
1181
-
1182
- .bf-no-gutters {
1183
- margin-right: 0;
1184
- margin-left: 0;
1185
- }
1186
- .bf-no-gutters > [class^=bf-col] {
1187
- padding-right: 0;
1188
- padding-left: 0;
1189
- }
1190
-
1191
- .bf-col-12 {
1192
- flex-basis: 100%;
1193
- max-width: 100%;
1194
- }
1195
-
1196
- .bf-col-11 {
1197
- flex-basis: 91.6667%;
1198
- max-width: 91.6667%;
1199
- }
1200
-
1201
- .bf-col-10 {
1202
- flex-basis: 83.3333%;
1203
- max-width: 83.3333%;
1204
- }
1205
-
1206
- .bf-col-9 {
1207
- flex-basis: 75%;
1208
- max-width: 75%;
1209
- }
1210
-
1211
- .bf-col-8 {
1212
- flex-basis: 66.6667%;
1213
- max-width: 66.6667%;
1214
- }
1215
-
1216
- .bf-col-7 {
1217
- flex-basis: 58.3333%;
1218
- max-width: 58.3333%;
1219
- }
1220
-
1221
- .bf-col-6 {
1222
- flex-basis: 50%;
1223
- max-width: 50%;
1224
- }
1225
-
1226
- .bf-col-5 {
1227
- flex-basis: 41.6667%;
1228
- max-width: 41.6667%;
1229
- }
1230
-
1231
- .bf-col-4 {
1232
- flex-basis: 33.3333%;
1233
- max-width: 33.3333%;
1234
- }
1235
-
1236
- .bf-col-3 {
1237
- flex-basis: 25%;
1238
- max-width: 25%;
1239
- }
1240
-
1241
- .bf-col-2 {
1242
- flex-basis: 16.6667%;
1243
- max-width: 16.6667%;
1244
- }
1245
-
1246
- .bf-col-1 {
1247
- flex-basis: 8.3333%;
1248
- max-width: 8.3333%;
1249
- }
1250
-
1251
- @media (max-width: 575px) {
1252
- .bf-container--break-xs .bf-row {
1253
- margin-left: 0;
1254
- margin-right: 0;
1255
- }
1256
- .bf-container--break-xs [class^=bf-col] {
1257
- flex-basis: 100%;
1258
- max-width: 100%;
1259
- margin-left: 0;
1260
- padding-left: 0;
1261
- padding-right: 0;
1262
- }
1263
- }
1264
- @media (max-width: 767px) {
1265
- .bf-container--break-md .bf-row {
1266
- margin-left: 0;
1267
- margin-right: 0;
1268
- }
1269
- .bf-container--break-md [class^=bf-col] {
1270
- flex-basis: 100%;
1271
- max-width: 100%;
1272
- margin-left: 0;
1273
- padding-left: 0;
1274
- padding-right: 0;
1275
- }
1276
- }
1277
- @media (max-width: 991px) {
1278
- .bf-container--break-lg .bf-row {
1279
- margin-left: 0;
1280
- margin-right: 0;
1281
- }
1282
- .bf-container--break-lg [class^=bf-col] {
1283
- flex-basis: 100%;
1284
- max-width: 100%;
1285
- margin-left: 0;
1286
- padding-left: 0;
1287
- padding-right: 0;
1288
- }
1289
- }
1290
- table td[class^=bf-col],
1291
- table th[class^=bf-col] {
1292
- position: static;
1293
- }
1294
-
1295
- .bf-clearfix::before,
1296
- .bf-clearfix::after {
1297
- content: " ";
1298
- display: table;
1299
- }
1300
-
1301
- .bf-clearfix::after {
1302
- clear: both;
1303
- }
1304
-
1305
- .bf-hide {
1306
- display: none !important;
1307
- }
1308
-
1309
- .bf-hidden {
1310
- display: none !important;
1311
- visibility: hidden !important;
1312
- }
1313
-
1314
- .bf-text-hide {
1315
- /* stylelint-disable-next-line */
1316
- font: 0/0 a !important;
1317
- color: transparent !important;
1318
- text-shadow: none !important;
1319
- background-color: transparent !important;
1320
- border: 0 !important;
1321
- margin: 0 !important;
1322
- padding: 0 !important;
1323
- }
1324
-
1325
- /*
1326
- // taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css
1327
- //
1328
- * Hide only visually, but have it available for screen readers:
1329
- * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
1330
- *
1331
- * 1. For long content, line feeds are not interpreted as spaces and small width
1332
- * causes content to wrap 1 word per line:
1333
- * https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
1334
- */
1335
- .bf-sr-only {
1336
- border: 0 !important;
1337
- clip: rect(0, 0, 0, 0) !important;
1338
- height: 1px !important;
1339
- margin: -1px !important;
1340
- overflow: hidden !important;
1341
- padding: 0 !important;
1342
- position: absolute !important;
1343
- white-space: nowrap !important;
1344
- width: 1px !important;
1345
- }
1346
-
1347
- /*
1348
- // taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css
1349
- //
1350
- * Extends the .sr-only class to allow the element
1351
- * to be focusable when navigated to via the keyboard:
1352
- * https://www.drupal.org/node/897638
1353
- */
1354
- .bf-sr-only.focusable:active,
1355
- .bf-sr-only.focusable:focus {
1356
- clip: auto !important;
1357
- height: auto !important;
1358
- margin: 0 !important;
1359
- overflow: visible !important;
1360
- position: static !important;
1361
- white-space: inherit !important;
1362
- width: auto !important;
1363
- }
1364
-
1365
- .bf-invisible {
1366
- visibility: hidden !important;
1367
- }
1368
-
1369
- .bf-visible {
1370
- visibility: visible !important;
1371
- }
1372
-
1373
- .bf-display-block {
1374
- display: block !important;
1375
- }
1376
-
1377
- .bf-display-block-center {
1378
- display: block !important;
1379
- margin-left: auto !important;
1380
- margin-right: auto !important;
1381
- text-align: center !important;
1382
- }
1383
-
1384
- .bf-display-inline {
1385
- display: inline !important;
1386
- }
1387
-
1388
- .bf-display-inline-block {
1389
- display: inline-block !important;
1390
- }
1391
-
1392
- .bf-display-flex {
1393
- display: flex !important;
1394
- }
1395
-
1396
- .bf-display-inline-flex {
1397
- display: inline-flex !important;
1398
- }
1399
-
1400
- .bf-display-flex--justify-start {
1401
- justify-content: flex-start !important;
1402
- }
1403
-
1404
- .bf-display-flex--justify-end {
1405
- justify-content: flex-end !important;
1406
- }
1407
-
1408
- .bf-display-flex--justify-center {
1409
- justify-content: center !important;
1410
- }
1411
-
1412
- .bf-display-flex--wrap {
1413
- flex-wrap: wrap !important;
1414
- }
1415
-
1416
- .bf-display-flex--nowrap {
1417
- flex-wrap: nowrap !important;
1418
- }
1419
-
1420
- .bf-float-left {
1421
- float: left !important;
1422
- }
1423
-
1424
- .bf-float-right {
1425
- float: right !important;
1426
- }
1427
-
1428
- .bf-position-fixed {
1429
- position: fixed !important;
1430
- }
1431
-
1432
- .bf-position-sticky {
1433
- position: sticky !important;
1434
- top: 0 !important;
1435
- }
1436
-
1437
- .bf-align-center-unknown {
1438
- position: relative !important;
1439
- }
1440
-
1441
- .bf-align-center-unknown--item {
1442
- position: absolute !important;
1443
- top: 50% !important;
1444
- left: 50% !important;
1445
- transform: translate(-50%, -50%) !important;
1446
- }
1447
-
1448
- .bf-align-center-flex {
1449
- display: flex;
1450
- align-items: center;
1451
- justify-content: center;
1452
- }
1453
-
1454
- .bf-width-25 {
1455
- width: 25% !important;
1456
- }
1457
-
1458
- .bf-width-33 {
1459
- width: 33.3333% !important;
1460
- }
1461
-
1462
- .bf-width-50 {
1463
- width: 50% !important;
1464
- }
1465
-
1466
- .bf-width-75 {
1467
- width: 75% !important;
1468
- }
1469
-
1470
- .bf-width-100 {
1471
- width: 100% !important;
1472
- }
1473
-
1474
- .bf-width-auto {
1475
- width: auto !important;
1476
- }
1477
-
1478
- .bf-z-index-1 {
1479
- z-index: 1;
1480
- }
1481
-
1482
- .bf-z-index-2 {
1483
- z-index: 2;
1484
- }
1485
-
1486
- .bf-z-index-3 {
1487
- z-index: 3;
1488
- }
1489
-
1490
- .bf-z-index-4 {
1491
- z-index: 4;
1492
- }
1493
-
1494
- .bf-z-index-5 {
1495
- z-index: 5;
1496
- }
1497
-
1498
- .bf-z-index-6 {
1499
- z-index: 6;
1500
- }
1501
-
1502
- .bf-z-index-7 {
1503
- z-index: 7;
1504
- }
1505
-
1506
- .bf-z-index-8 {
1507
- z-index: 8;
1508
- }
1509
-
1510
- .bf-z-index-9 {
1511
- z-index: 9;
1512
- }
1513
-
1514
- .bf-z-index-10 {
1515
- z-index: 10;
1516
- }
1517
-
1518
- .bf-z-index-20 {
1519
- z-index: 20;
1520
- }
1521
-
1522
- .bf-z-index-30 {
1523
- z-index: 30;
1524
- }
1525
-
1526
- .bf-z-index-40 {
1527
- z-index: 40;
1528
- }
1529
-
1530
- .bf-z-index-50 {
1531
- z-index: 50;
1532
- }
1533
-
1534
- .bf-z-index-60 {
1535
- z-index: 60;
1536
- }
1537
-
1538
- .bf-z-index-70 {
1539
- z-index: 70;
1540
- }
1541
-
1542
- .bf-z-index-80 {
1543
- z-index: 80;
1544
- }
1545
-
1546
- .bf-z-index-90 {
1547
- z-index: 90;
1548
- }
1549
-
1550
- .bf-z-index-100 {
1551
- z-index: 100;
1552
- }
1553
-
1554
- .bf-z-index-200 {
1555
- z-index: 200;
1556
- }
1557
-
1558
- .bf-z-index-300 {
1559
- z-index: 200;
1560
- }
1561
-
1562
- .bf-m-0 {
1563
- margin: 0 !important;
1564
- }
1565
-
1566
- .bf-m-t-0 {
1567
- margin-top: 0 !important;
1568
- }
1569
-
1570
- .bf-m-b-0 {
1571
- margin-bottom: 0 !important;
1572
- }
1573
-
1574
- .bf-m-l-0 {
1575
- margin-left: 0 !important;
1576
- }
1577
-
1578
- .bf-m-r-0 {
1579
- margin-right: 0 !important;
1580
- }
1581
-
1582
- .bf-m-1 {
1583
- margin-bottom: 0.5rem !important;
1584
- }
1585
-
1586
- .bf-m-2 {
1587
- margin-bottom: 1rem !important;
1588
- }
1589
-
1590
- .bf-m-3 {
1591
- margin-bottom: 2rem !important;
1592
- }
1593
-
1594
- .bf-m-4 {
1595
- margin-bottom: 3rem !important;
1596
- }
1597
-
1598
- .bf-m-t-1 {
1599
- margin-top: 0.5rem !important;
1600
- }
1601
-
1602
- .bf-m-t-2 {
1603
- margin-top: 1rem !important;
1604
- }
1605
-
1606
- .bf-m-t-3 {
1607
- margin-top: 2rem !important;
1608
- }
1609
-
1610
- .bf-m-t-4 {
1611
- margin-top: 3rem !important;
1612
- }
1613
-
1614
- .bf-m-b-1 {
1615
- margin-bottom: 0.5rem !important;
1616
- }
1617
-
1618
- .bf-m-b-2 {
1619
- margin-bottom: 1rem !important;
1620
- }
1621
-
1622
- .bf-m-b-3 {
1623
- margin-bottom: 2rem !important;
1624
- }
1625
-
1626
- .bf-m-b-4 {
1627
- margin-bottom: 3rem !important;
1628
- }
1629
-
1630
- .bf-p-0 {
1631
- padding: 0 !important;
1632
- }
1633
-
1634
- .bf-p-t-0 {
1635
- padding-top: 0 !important;
1636
- }
1637
-
1638
- .bf-p-b-0 {
1639
- padding-bottom: 0 !important;
1640
- }
1641
-
1642
- .bf-p-l-0 {
1643
- padding-left: 0 !important;
1644
- }
1645
-
1646
- .bf-p-r-0 {
1647
- padding-right: 0 !important;
1648
- }
1649
-
1650
- .bf-p-1 {
1651
- padding-bottom: 0.5rem !important;
1652
- }
1653
-
1654
- .bf-p-2 {
1655
- padding-bottom: 1rem !important;
1656
- }
1657
-
1658
- .bf-p-3 {
1659
- padding-bottom: 2rem !important;
1660
- }
1661
-
1662
- .bf-p-4 {
1663
- padding-bottom: 3rem !important;
1664
- }
1665
-
1666
- .bf-p-t-1 {
1667
- padding-top: 0.5rem !important;
1668
- }
1669
-
1670
- .bf-p-t-2 {
1671
- padding-top: 1rem !important;
1672
- }
1673
-
1674
- .bf-p-t-3 {
1675
- padding-top: 2rem !important;
1676
- }
1677
-
1678
- .bf-p-t-4 {
1679
- padding-top: 3rem !important;
1680
- }
1681
-
1682
- .bf-p-b-1 {
1683
- padding-bottom: 0.5rem !important;
1684
- }
1685
-
1686
- .bf-p-b-2 {
1687
- padding-bottom: 1rem !important;
1688
- }
1689
-
1690
- .bf-p-b-3 {
1691
- padding-bottom: 2rem !important;
1692
- }
1693
-
1694
- .bf-p-b-4 {
1695
- padding-bottom: 3rem !important;
1696
- }
1697
-
1698
- .bf-t-transform-uppercase {
1699
- text-transform: uppercase !important;
1700
- }
1701
-
1702
- .bf-t-transform-none {
1703
- text-transform: none !important;
1704
- }
1705
-
1706
- .bf-t-left {
1707
- text-align: left !important;
1708
- }
1709
-
1710
- .bf-t-center {
1711
- text-align: center !important;
1712
- }
1713
-
1714
- .bf-t-right {
1715
- text-align: right !important;
1716
- }
1717
-
1718
- .bf-t-shadow {
1719
- text-shadow: 0 0 2px #222 !important;
1720
- text-shadow: 0 0 0.2rem #222 !important;
1721
- }
1722
-
1723
- .bf-t-italic {
1724
- font-style: italic !important;
1725
- }
1726
-
1727
- .bf-t-style-normal {
1728
- font-style: normal !important;
1729
- }
1730
-
1731
- .bf-t-weight-300 {
1732
- font-weight: 300 !important;
1733
- }
1734
-
1735
- .bf-t-weight-400 {
1736
- font-weight: 400 !important;
1737
- }
1738
-
1739
- .bf-t-weight-500 {
1740
- font-weight: 500 !important;
1741
- }
1742
-
1743
- .bf-t-weight-600 {
1744
- font-weight: 600 !important;
1745
- }
1746
-
1747
- .bf-t-weight-700 {
1748
- font-weight: 700 !important;
1749
- }
1750
-
1751
- .bf-t-weight-800 {
1752
- font-weight: 800 !important;
1753
- }
1754
-
1755
- .bf-text-break {
1756
- word-wrap: break-word !important;
1757
- }
1758
-
1759
- .bf-t-truncate {
1760
- max-width: 100% !important;
1761
- overflow: hidden !important;
1762
- text-overflow: ellipsis !important;
1763
- white-space: nowrap !important;
1764
- word-wrap: normal !important;
1765
- }
1766
-
1767
- .bf-t-truncate--multiline-2 {
1768
- overflow: hidden !important;
1769
- text-overflow: ellipsis !important;
1770
- display: -webkit-box !important;
1771
- line-clamp: 2 !important;
1772
- -webkit-line-clamp: 2 !important;
1773
- -webkit-box-orient: vertical !important;
1774
- }
1775
-
1776
- .bf-t-truncate--multiline-3 {
1777
- overflow: hidden !important;
1778
- text-overflow: ellipsis !important;
1779
- display: -webkit-box !important;
1780
- line-clamp: 3 !important;
1781
- -webkit-line-clamp: 3 !important;
1782
- -webkit-box-orient: vertical !important;
1783
- }
1784
-
1785
- .bf-no-select {
1786
- -webkit-user-select: none !important;
1787
- -moz-user-select: none !important;
1788
- user-select: none !important;
1789
- -webkit-touch-callout: none !important;
1790
- }
1791
-
1792
- .bf-font-sans-serif {
1793
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
1794
- }
1795
-
1796
- .bf-font-serif {
1797
- font-family: Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
1798
- }
1799
-
1800
- .bf-font-monospace {
1801
- font-family: Menlo, Consolas, "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
1802
- }
1803
-
1804
- .bf-h1,
1805
- .bf-h2,
1806
- .bf-h3,
1807
- .bf-h4,
1808
- .bf-h5,
1809
- .bf-h6 {
1810
- font-weight: 600 !important;
1811
- margin-top: 0 !important;
1812
- line-height: 1.2 !important;
1813
- margin-bottom: 10px !important;
1814
- margin-bottom: 1rem !important;
1815
- }
1816
-
1817
- .bf-h1 {
1818
- font-size: 36px !important;
1819
- font-size: 3.6rem !important;
1820
- }
1821
-
1822
- .bf-h2 {
1823
- font-size: 30px !important;
1824
- font-size: 3rem !important;
1825
- }
1826
-
1827
- .bf-h3 {
1828
- font-size: 24px !important;
1829
- font-size: 2.4rem !important;
1830
- }
1831
-
1832
- .bf-h4 {
1833
- font-size: 20px !important;
1834
- font-size: 2rem !important;
1835
- }
1836
-
1837
- .bf-h5,
1838
- .bf-h6 {
1839
- font-size: 16px !important;
1840
- font-size: 1.6rem !important;
1841
- }
1842
-
1843
- p.bf-lead {
1844
- font-size: 120% !important;
1845
- }
1846
-
1847
- body.bf-responsive-typography {
1848
- --body-rt-font-size-flex: calc(1.5rem + 3 * ((100vw - 320px) / 680));
1849
- --body-rt-font-size-max: 1.8rem;
1850
- }
1851
-
1852
- @media (min-width: 320px) {
1853
- body.bf-responsive-typography {
1854
- font-size: var(--body-rt-font-size-flex);
1855
- }
1856
- }
1857
- @media (min-width: 1000px) {
1858
- body.bf-responsive-typography {
1859
- font-size: var(--body-rt-font-size-max);
1860
- }
1861
- }
1862
- .bf-btn {
1863
- display: inline-block;
1864
- cursor: pointer;
1865
- color: #222;
1866
- padding: 0.6666666667rem 1.3333333333rem;
1867
- line-height: normal;
1868
- text-align: center;
1869
- margin: 0;
1870
- background-clip: padding-box;
1871
- vertical-align: baseline;
1872
- overflow: visible;
1873
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
1874
- -webkit-user-select: none;
1875
- -moz-user-select: none;
1876
- user-select: none;
1877
- border-radius: 0.25rem;
1878
- border: 0;
1879
- background-image: none;
1880
- background-color: #ccc;
1881
- transition: all 0.2s;
1882
- }
1883
- .bf-btn:hover, .bf-btn:active, .bf-btn:focus {
1884
- text-decoration: none;
1885
- color: #222;
1886
- background: rgb(178.5, 178.5, 178.5);
1887
- }
1888
- .bf-btn:active, .bf-btn:focus {
1889
- box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);
1890
- }
1891
- .bf-btn:focus {
1892
- outline: 0;
1893
- }
1894
- .bf-btn.bf-btn--primary {
1895
- color: #fff;
1896
- background: #007bff;
1897
- }
1898
- .bf-btn.bf-btn--primary:hover, .bf-btn.bf-btn--primary:active, .bf-btn.bf-btn--primary:focus {
1899
- color: #fff;
1900
- background: rgb(0, 98.4, 204);
1901
- }
1902
- .bf-btn.bf-btn--primary:active, .bf-btn.bf-btn--primary:focus {
1903
- box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25);
1904
- }
1905
-
1906
- fieldset[disabled] .bf-btn,
1907
- .bf-btn[disabled],
1908
- .bf-btn:disabled,
1909
- .bf-btn[aria-disabled=true] {
1910
- cursor: default !important;
1911
- cursor: not-allowed !important;
1912
- pointer-events: none !important;
1913
- -webkit-user-select: none !important;
1914
- -moz-user-select: none !important;
1915
- user-select: none !important;
1916
- box-shadow: none !important;
1917
- opacity: 0.5 !important;
1918
- background-color: #ccc;
1919
- }
1920
-
1921
- .bf-focused {
1922
- transition: border 0.2s, background-color 0.2s, box-shadow 0.2s !important;
1923
- border-color: #007bff !important;
1924
- box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25) !important;
1925
- }
1926
-
1927
- .bf-disabled,
1928
- .bf-disabled:hover,
1929
- .bf-disabled:active,
1930
- .bf-disabled:focus,
1931
- .bf-disabled::after,
1932
- .bf-disabled::before,
1933
- .bf-disabled:invalid,
1934
- .bf-disabled:checked {
1935
- cursor: default !important;
1936
- cursor: not-allowed !important;
1937
- pointer-events: none !important;
1938
- -webkit-user-select: none !important;
1939
- -moz-user-select: none !important;
1940
- user-select: none !important;
1941
- box-shadow: none !important;
1942
- opacity: 0.5 !important;
1943
- background-color: #fff;
1944
- border-color: #999;
1945
- }
1946
-
1947
- label.bf-disabled {
1948
- background-color: transparent;
1949
- border-color: transparent;
1950
- }
1951
-
1952
- button.bf-disabled,
1953
- [type=button].bf-disabled,
1954
- [type=reset].bf-disabled,
1955
- [type=submit].bf-disabled,
1956
- .bf-btn.bf-disabled {
1957
- cursor: default;
1958
- cursor: not-allowed;
1959
- pointer-events: none;
1960
- -webkit-user-select: none;
1961
- -moz-user-select: none;
1962
- user-select: none;
1963
- box-shadow: none;
1964
- opacity: 0.5;
1965
- color: #222;
1966
- background: #ccc;
1967
- }
1968
- button.bf-disabled:hover, button.bf-disabled:active, button.bf-disabled:focus,
1969
- [type=button].bf-disabled:hover,
1970
- [type=button].bf-disabled:active,
1971
- [type=button].bf-disabled:focus,
1972
- [type=reset].bf-disabled:hover,
1973
- [type=reset].bf-disabled:active,
1974
- [type=reset].bf-disabled:focus,
1975
- [type=submit].bf-disabled:hover,
1976
- [type=submit].bf-disabled:active,
1977
- [type=submit].bf-disabled:focus,
1978
- .bf-btn.bf-disabled:hover,
1979
- .bf-btn.bf-disabled:active,
1980
- .bf-btn.bf-disabled:focus {
1981
- box-shadow: none;
1982
- color: #222;
1983
- background: #ccc;
1984
- }
1985
-
1986
- .bf-btn--primary.bf-disabled {
1987
- cursor: default;
1988
- cursor: not-allowed;
1989
- pointer-events: none;
1990
- -webkit-user-select: none;
1991
- -moz-user-select: none;
1992
- user-select: none;
1993
- box-shadow: none;
1994
- opacity: 0.5;
1995
- color: #fff;
1996
- background: #007bff;
1997
- }
1998
- .bf-btn--primary.bf-disabled:hover, .bf-btn--primary.bf-disabled:active, .bf-btn--primary.bf-disabled:focus {
1999
- box-shadow: none;
2000
- color: #fff;
2001
- background: #007bff;
2002
- }
2003
-
2004
- .bf-invalid,
2005
- .bf-invalid:focus {
2006
- color: #f00 !important;
2007
- border-color: #f00 !important;
2008
- box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.25) !important;
2009
- }
2010
-
2011
- .bf-list-unstyled,
2012
- menu ul.bf-list-unstyled,
2013
- menu ol.bf-list-unstyled,
2014
- ul.bf-list-unstyled ul,
2015
- ul.bf-list-unstyled ol,
2016
- ol.bf-list-unstyled ol,
2017
- ol.bf-list-unstyled ul,
2018
- dd.bf-list-unstyled {
2019
- margin: 0;
2020
- padding: 0;
2021
- list-style: none;
2022
- }
2023
-
2024
- dt {
2025
- font-weight: 700;
2026
- }
2027
-
2028
- .bf-embed-responsive {
2029
- position: relative;
2030
- display: block;
2031
- width: 100%;
2032
- padding: 0;
2033
- overflow: hidden;
2034
- }
2035
- .bf-embed-responsive::before {
2036
- display: block;
2037
- content: "";
2038
- padding-top: 56.25%;
2039
- }
2040
- .bf-embed-responsive .bf-embed-responsive--4-3::before {
2041
- padding-top: 75%;
2042
- }
2043
- .bf-embed-responsive .bf-embed-responsive--item, .bf-embed-responsive iframe, .bf-embed-responsive embed, .bf-embed-responsive object, .bf-embed-responsive video {
2044
- position: absolute;
2045
- top: 0;
2046
- bottom: 0;
2047
- left: 0;
2048
- width: 100%;
2049
- height: 100%;
2050
- border: 0;
2051
- }
2052
-
2053
- .bf-table th,
2054
- .bf-table td {
2055
- padding: 1rem;
2056
- border-bottom: 1px solid #999;
2057
- margin-bottom: 0.5rem;
2058
- }
2059
-
2060
- .bf-table-responsive {
2061
- overflow: auto hidden;
2062
- -ms-overflow-style: scrollbar;
2063
- }
2064
-
2065
- .bf-table-responsive table {
2066
- width: 100%;
2067
- margin-bottom: 0.5rem;
2068
- }
2069
-
2070
- .bf-table-responsive.scrollbar {
2071
- -webkit-overflow-scrolling: auto;
2072
- }
2073
-
2074
- .bf-table--zebra tbody tr:nth-child(odd),
2075
- .bf-table-responsive--zebra tbody tr:nth-child(odd) {
2076
- background-color: #e9e9e9;
2077
- }
2078
-
2079
- /* main.css 3.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
2080
- /* ==========================================================================
2081
- Print styles.
2082
- Inlined to avoid the additional HTTP request:
2083
- https://www.phpied.com/delay-loading-your-print-css/
2084
- ========================================================================== */
2085
- @media print {
2086
- *,
2087
- *::before,
2088
- *::after {
2089
- background: #fff !important;
2090
- color: #000 !important;
2091
- /* Black prints faster */
2092
- box-shadow: none !important;
2093
- text-shadow: none !important;
2094
- }
2095
- a,
2096
- a:visited {
2097
- text-decoration: underline;
2098
- }
2099
- a[href]::after {
2100
- content: " (" attr(href) ")";
2101
- }
2102
- abbr[title]::after {
2103
- content: " (" attr(title) ")";
2104
- }
2105
- /*
2106
- * Don't show links that are fragment identifiers,
2107
- * or use the `javascript:` pseudo protocol
2108
- */
2109
- a[href^="#"]::after,
2110
- a[href^="javascript:"]::after {
2111
- content: "";
2112
- }
2113
- pre {
2114
- white-space: pre-wrap !important;
2115
- }
2116
- pre,
2117
- blockquote {
2118
- border: 1px solid #999;
2119
- page-break-inside: avoid;
2120
- }
2121
- tr,
2122
- img {
2123
- page-break-inside: avoid;
2124
- }
2125
- p,
2126
- h2,
2127
- h3 {
2128
- orphans: 3;
2129
- widows: 3;
2130
- }
2131
- h2,
2132
- h3 {
2133
- page-break-after: avoid;
2134
- }
2135
- }
2136
- @media print {
2137
- body,
2138
- .bf-container {
2139
- min-width: 992px !important;
2140
- }
2141
- .bf-table-responsive {
2142
- overflow: auto;
2143
- }
2144
- .bf-table-responsive table {
2145
- width: auto;
2146
- }
2147
- .bf-table-responsive table,
2148
- .bf-table {
2149
- border-collapse: collapse !important;
2150
- }
2151
- }
2152
- @media (prefers-reduced-motion: reduce) {
2153
- .bf-reduced-motion,
2154
- .bf-reduced-motion::before,
2155
- .bf-reduced-motion::after,
2156
- .bf-reduced-motion *,
2157
- .bf-reduced-motion *::before,
2158
- .bf-reduced-motion *::after {
2159
- animation-delay: -1ms !important;
2160
- animation-duration: 1ms !important;
2161
- animation-iteration-count: 1 !important;
2162
- background-attachment: initial !important;
2163
- scroll-behavior: auto !important;
2164
- transition-delay: 0s !important;
2165
- transition-duration: 0s !important;
2166
- }
2167
- }
2168
- @media (prefers-color-scheme: dark) {
2169
- html {
2170
- color: #f0f0f0;
2171
- }
2172
- body {
2173
- background-color: rgb(36.125, 36.125, 36.125);
2174
- }
2175
- a {
2176
- color: rgb(102, 175.8, 255);
2177
- }
2178
- a:hover, a:focus {
2179
- color: rgb(26, 136.0223463687, 255);
2180
- }
2181
- mark {
2182
- background-color: #cccc00;
2183
- }
2184
- ins {
2185
- background-color: hsl(60, 100%, 125%);
2186
- }
2187
- [type=email],
2188
- [type=number],
2189
- [type=password],
2190
- [type=tel],
2191
- [type=search],
2192
- [type=text],
2193
- [type=date],
2194
- [type=datetime-local],
2195
- [type=month],
2196
- [type=week],
2197
- [type=time],
2198
- [type=url],
2199
- [type=range],
2200
- input[list],
2201
- select,
2202
- select:not([size], [multiple]),
2203
- textarea {
2204
- background-color: #111;
2205
- border-color: #000;
2206
- color: #ccc;
2207
- }
2208
- [type=email]:active, [type=email]:focus,
2209
- [type=number]:active,
2210
- [type=number]:focus,
2211
- [type=password]:active,
2212
- [type=password]:focus,
2213
- [type=tel]:active,
2214
- [type=tel]:focus,
2215
- [type=search]:active,
2216
- [type=search]:focus,
2217
- [type=text]:active,
2218
- [type=text]:focus,
2219
- [type=date]:active,
2220
- [type=date]:focus,
2221
- [type=datetime-local]:active,
2222
- [type=datetime-local]:focus,
2223
- [type=month]:active,
2224
- [type=month]:focus,
2225
- [type=week]:active,
2226
- [type=week]:focus,
2227
- [type=time]:active,
2228
- [type=time]:focus,
2229
- [type=url]:active,
2230
- [type=url]:focus,
2231
- [type=range]:active,
2232
- [type=range]:focus,
2233
- input[list]:active,
2234
- input[list]:focus,
2235
- select:active,
2236
- select:focus,
2237
- select:not([size], [multiple]):active,
2238
- select:not([size], [multiple]):focus,
2239
- textarea:active,
2240
- textarea:focus {
2241
- background-color: #111;
2242
- border-color: rgb(51, 149.4, 255);
2243
- }
2244
- [type=email]:active, [type=email]:focus,
2245
- [type=number]:active,
2246
- [type=number]:focus,
2247
- [type=password]:active,
2248
- [type=password]:focus,
2249
- [type=tel]:active,
2250
- [type=tel]:focus,
2251
- [type=search]:active,
2252
- [type=search]:focus,
2253
- [type=text]:active,
2254
- [type=text]:focus,
2255
- [type=date]:active,
2256
- [type=date]:focus,
2257
- [type=datetime-local]:active,
2258
- [type=datetime-local]:focus,
2259
- [type=month]:active,
2260
- [type=month]:focus,
2261
- [type=week]:active,
2262
- [type=week]:focus,
2263
- [type=time]:active,
2264
- [type=time]:focus,
2265
- [type=url]:active,
2266
- [type=url]:focus,
2267
- input[list]:active,
2268
- input[list]:focus,
2269
- select:active,
2270
- select:focus,
2271
- select:not([size], [multiple]):active,
2272
- select:not([size], [multiple]):focus,
2273
- textarea:active,
2274
- textarea:focus {
2275
- box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.5);
2276
- }
2277
- select:not([size], [multiple]) {
2278
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23f0f0f0' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e");
2279
- }
2280
- /* stylelint-disable-next-line */
2281
- }
2282
- @media screen and (prefers-color-scheme: dark) and (min-width: 0\0 ) and (min-resolution: 0.001dpcm) {
2283
- select:not([size], [multiple]),
2284
- *[dir=rtl] select:not([size], [multiple]),
2285
- select[dir=rtl]:not([size], [multiple]) {
2286
- background-image: none;
2287
- }
2288
- }
2289
- @media (prefers-color-scheme: dark) {
2290
- [type=range] {
2291
- background-color: transparent;
2292
- }
2293
- [type=range]:focus {
2294
- background-color: transparent;
2295
- }
2296
- [type=range]::-webkit-slider-runnable-track {
2297
- background-color: #111;
2298
- }
2299
- [type=range]::-moz-range-track {
2300
- background-color: #111;
2301
- }
2302
- input::-moz-placeholder, textarea::-moz-placeholder {
2303
- color: #999;
2304
- }
2305
- input::placeholder,
2306
- textarea::placeholder {
2307
- color: #999;
2308
- }
2309
- button,
2310
- [type=button],
2311
- [type=reset],
2312
- [type=submit] {
2313
- background: #ccc;
2314
- }
2315
- button:hover, button:active, button:focus,
2316
- [type=button]:hover,
2317
- [type=button]:active,
2318
- [type=button]:focus,
2319
- [type=reset]:hover,
2320
- [type=reset]:active,
2321
- [type=reset]:focus,
2322
- [type=submit]:hover,
2323
- [type=submit]:active,
2324
- [type=submit]:focus {
2325
- background: rgb(178.5, 178.5, 178.5);
2326
- }
2327
- button:active, button:focus,
2328
- [type=button]:active,
2329
- [type=button]:focus,
2330
- [type=reset]:active,
2331
- [type=reset]:focus,
2332
- [type=submit]:active,
2333
- [type=submit]:focus {
2334
- box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45);
2335
- }
2336
- button:active, button:focus,
2337
- [type=button]:active,
2338
- [type=button]:focus,
2339
- [type=reset]:active,
2340
- [type=reset]:focus,
2341
- [type=submit]:active,
2342
- [type=submit]:focus {
2343
- box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45);
2344
- }
2345
- a:focus,
2346
- input:focus {
2347
- outline-color: rgb(178.5, 115.5, 0);
2348
- }
2349
- :focus-visible {
2350
- outline-color: rgb(178.5, 115.5, 0);
2351
- }
2352
- dialog {
2353
- color: #f0f0f0;
2354
- background-color: rgb(36.125, 36.125, 36.125);
2355
- }
2356
- }