bullframe.css 6.2.2 → 6.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +68 -48
- package/README.md +0 -1
- package/dist/css/bullframe-classless-dark.css +1 -1
- package/dist/css/bullframe-classless-dark.min.css +1 -1
- package/dist/css/bullframe-classless-dark.min.css.map +1 -1
- package/dist/css/bullframe-classless-system-default.css +1 -1
- package/dist/css/bullframe-classless-system-default.min.css +1 -1
- package/dist/css/bullframe-classless-system-default.min.css.map +1 -1
- package/dist/css/bullframe-classless.css +1 -1
- package/dist/css/bullframe-classless.min.css +1 -1
- package/dist/css/bullframe-classless.min.css.map +1 -1
- package/dist/css/bullframe-dark.css +1 -1
- package/dist/css/bullframe-dark.min.css +1 -1
- package/dist/css/bullframe-dark.min.css.map +1 -1
- package/dist/css/bullframe-system-default.css +1 -1
- package/dist/css/bullframe-system-default.min.css +1 -1
- package/dist/css/bullframe-system-default.min.css.map +1 -1
- package/dist/css/bullframe-utilities.css +1 -1
- package/dist/css/bullframe-utilities.min.css +1 -1
- package/dist/css/bullframe-utilities.min.css.map +1 -1
- package/dist/css/bullframe.css +1 -1
- package/dist/css/bullframe.min.css +1 -1
- package/dist/css/bullframe.min.css.map +1 -1
- package/dist/skills/AGENTS.bullframe.md +3 -0
- package/dist/skills/api.json +1 -1
- package/dist/skills/bullframe-components/SKILL.md +88 -0
- package/dist/skills/bullframe-components/examples/components.html +100 -0
- package/dist/skills/bullframe-media/SKILL.md +86 -0
- package/dist/skills/bullframe-media/examples/album.html +104 -0
- package/dist/skills/bullframe-theming/SKILL.md +85 -0
- package/dist/skills/bullframe-theming/examples/branded.html +58 -0
- package/dist/skills/index.json +77 -1
- package/package.json +3 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,15 +1,29 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
- **Format:** Based on [Keep a Changelog](https://keepachangelog.com).
|
|
4
|
+
- **Voice:** Use the imperative, like a commit message. Write add, fix, increase, force, not added, fixed, increased, forced.
|
|
5
|
+
- **Length:** Keep each bullet on one line, max 120 characters (link URLs do not count toward the cap, only the visible text does).
|
|
6
|
+
- **Links:** Add inline markdown links for related PRs, docs, and external references when they help the reader.
|
|
4
7
|
|
|
5
|
-
|
|
6
|
-
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
8
|
+
## [Unreleased]
|
|
7
9
|
|
|
8
|
-
## [6.
|
|
10
|
+
## [6.3.1] - 2026-10-13
|
|
9
11
|
|
|
10
|
-
###
|
|
12
|
+
### Fixed
|
|
11
13
|
|
|
12
|
-
-
|
|
14
|
+
- Keep the pack-time README stash out of the npm tarball.
|
|
15
|
+
|
|
16
|
+
## [6.3.0] - 2026-10-13
|
|
17
|
+
|
|
18
|
+
### Added
|
|
19
|
+
|
|
20
|
+
- Agent skills: [`bullframe-theming`](docs/agent-skills.md), [`bullframe-media`](docs/agent-skills.md), [`bullframe-components`](docs/agent-skills.md).
|
|
21
|
+
|
|
22
|
+
### Fixed
|
|
23
|
+
|
|
24
|
+
- npm README ships the light hero only; GitHub keeps light/dark theme images.
|
|
25
|
+
|
|
26
|
+
## [6.2.2] - 2026-10-02
|
|
13
27
|
|
|
14
28
|
### Changed
|
|
15
29
|
|
|
@@ -23,6 +37,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
23
37
|
|
|
24
38
|
- Built CSS banners, the skills index, and docs CDN + SRI snippets report 6.2.2.
|
|
25
39
|
|
|
40
|
+
### Security
|
|
41
|
+
|
|
42
|
+
- Docs site: CSP, HSTS, X-Frame-Options, nosniff, Referrer-Policy, COOP.
|
|
43
|
+
|
|
26
44
|
## [6.2.1] - 2026-09-29
|
|
27
45
|
|
|
28
46
|
### Changed
|
|
@@ -46,15 +64,15 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
46
64
|
- AI skills docs page; docs site 404 page.
|
|
47
65
|
- `npm run test:e2e:sync-from-ci` to copy Playwright linux baselines from a CI run artifact.
|
|
48
66
|
|
|
67
|
+
### Changed
|
|
68
|
+
|
|
69
|
+
- npm publish is manual from the release tag; **Publish to npm** is `workflow_dispatch` only (no `release: published` trigger).
|
|
70
|
+
|
|
49
71
|
### Fixed
|
|
50
72
|
|
|
51
73
|
- Non-existent classes in Grid, Cards, Spacing, and Text docs.
|
|
52
74
|
- Wrong v6 token names in the migration guide.
|
|
53
75
|
|
|
54
|
-
### Changed
|
|
55
|
-
|
|
56
|
-
- npm publish is manual from the release tag; **Publish to npm** is `workflow_dispatch` only (no `release: published` trigger).
|
|
57
|
-
|
|
58
76
|
### Security
|
|
59
77
|
|
|
60
78
|
- Explicit `permissions: contents: read` on CI, Deploy docs, and Skills eval workflows.
|
|
@@ -72,17 +90,23 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
72
90
|
- README: install, CDN, examples; unversioned CDN (docs stay pinned + SRI).
|
|
73
91
|
- README, hero, OG, and social preview images regenerated from one source (`npm run brand:images`).
|
|
74
92
|
|
|
93
|
+
### Removed
|
|
94
|
+
|
|
95
|
+
- Dead UA+ rules that never applied inside `@layer`.
|
|
96
|
+
|
|
75
97
|
### Fixed
|
|
76
98
|
|
|
77
99
|
- `caption` and `progress` in classless always-dark.
|
|
78
100
|
- Accessibility markup in the kitchen sink and examples.
|
|
79
101
|
- Docs site cache headers, so a new release reaches returning visitors.
|
|
80
102
|
|
|
81
|
-
|
|
103
|
+
## [6.0.0] - 2026-07-31 - BREAKING CHANGES
|
|
82
104
|
|
|
83
|
-
|
|
105
|
+
### Added
|
|
84
106
|
|
|
85
|
-
|
|
107
|
+
- Brand identity for docs and README: mascot and logo mark, favicon variants, hero illustrations, and OG/social imagery.
|
|
108
|
+
- Opt-in font-smoothing, reduced-motion utilities, stronger focus / ARIA defaults.
|
|
109
|
+
- Progressive `@supports` gates for range, `:has()` label layout, and dialog enter.
|
|
86
110
|
|
|
87
111
|
### Changed
|
|
88
112
|
|
|
@@ -92,12 +116,6 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
92
116
|
- Replaced the [docs site](https://bullframecss.marcopontili.com/) with VitePress; kitchen sink at `/kitchen-sink/`.
|
|
93
117
|
- Documented browser support against Browserslist `defaults`.
|
|
94
118
|
|
|
95
|
-
### Added
|
|
96
|
-
|
|
97
|
-
- Brand identity for docs and README: mascot and logo mark, favicon variants, hero illustrations, and OG/social imagery.
|
|
98
|
-
- Opt-in font-smoothing, reduced-motion utilities, stronger focus / ARIA defaults.
|
|
99
|
-
- Progressive `@supports` gates for range, `:has()` label layout, and dialog enter.
|
|
100
|
-
|
|
101
119
|
### Removed
|
|
102
120
|
|
|
103
121
|
- Sass sources and the Sass build path.
|
|
@@ -113,11 +131,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
113
131
|
|
|
114
132
|
- Applied the `:where` pseudo-class to normalize form element specificity to `0`
|
|
115
133
|
- Resolved issues with Sass source map generation
|
|
116
|
-
- Documented one-page demo and CodePen collection in `README.md`
|
|
134
|
+
- Documented one-page demo and CodePen collection in [`README.md`](https://github.com/marcop135/bullframe.css/blob/develop/README.md)
|
|
117
135
|
|
|
118
136
|
## 5.0.1 - (July 07, 2025)
|
|
119
137
|
|
|
120
|
-
- Added missing LICENSE file and `.github/` folder
|
|
138
|
+
- Added missing LICENSE file and [`.github/`](https://github.com/marcop135/bullframe.css/blob/develop/.github/) folder
|
|
121
139
|
|
|
122
140
|
## 5.0.0 (July 07, 2025) - BREAKING CHANGES
|
|
123
141
|
|
|
@@ -127,7 +145,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
127
145
|
- Reorganized Sass architecture for better clarity
|
|
128
146
|
- Added `<dialog>` normalization with basic styling
|
|
129
147
|
- Refreshed HTML demo page with new examples
|
|
130
|
-
- Streamlined `README.md` copy and layout
|
|
148
|
+
- Streamlined [`README.md`](https://github.com/marcop135/bullframe.css/blob/develop/README.md) copy and layout
|
|
131
149
|
- Updated all npm dependencies
|
|
132
150
|
- Updated stylelint, html-validate, and prettier configs
|
|
133
151
|
- Ensured HTML demo page passed W3C validation
|
|
@@ -137,14 +155,14 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
137
155
|
- Removed text indentation from table contents
|
|
138
156
|
- Corrected table border color inheritance
|
|
139
157
|
- Updated stylelint configuration and removed deprecated package
|
|
140
|
-
- Clearly defined browser support in `README.md`
|
|
158
|
+
- Clearly defined browser support in [`README.md`](https://github.com/marcop135/bullframe.css/blob/develop/README.md)
|
|
141
159
|
- Removed attempted support for GitHub Packages
|
|
142
160
|
- Added maps to npm package
|
|
143
161
|
- Ignored more common files in npm package
|
|
144
162
|
|
|
145
163
|
## 4.2.1 (April 26, 2025)
|
|
146
164
|
|
|
147
|
-
- Fixed and simplified `/docs` directory structure [
|
|
165
|
+
- Fixed and simplified `/docs` directory structure [#42](https://github.com/marcop135/bullframe.css/issues/42)
|
|
148
166
|
- Removed screenshots and screencasts from repository to speed npm installation
|
|
149
167
|
- Started support for GitHub Packages registry
|
|
150
168
|
|
|
@@ -166,23 +184,23 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
166
184
|
|
|
167
185
|
- Moved from `dark-prefers` to `system-default` (no breaking changes)
|
|
168
186
|
- Updated `.browserlistrc`
|
|
169
|
-
- Cleaned up and improved `README.md`
|
|
187
|
+
- Cleaned up and improved [`README.md`](https://github.com/marcop135/bullframe.css/blob/develop/README.md)
|
|
170
188
|
|
|
171
189
|
## 4.0.1 (August 12, 2022)
|
|
172
190
|
|
|
173
191
|
- Updated `.browserlistrc`
|
|
174
|
-
- Updated `package.json` description and tags
|
|
192
|
+
- Updated [`package.json`](https://github.com/marcop135/bullframe.css/blob/develop/package.json) description and tags
|
|
175
193
|
|
|
176
194
|
## 4.0.0 (August 11, 2022) - BREAKING CHANGES
|
|
177
195
|
|
|
178
196
|
- Dropped support for IE8, IE9, and IE10
|
|
179
197
|
- Upgraded all npm packages to latest minor and major versions (e.g. gulp-sass v5)
|
|
180
|
-
- Cleaned up `README.md`
|
|
198
|
+
- Cleaned up [`README.md`](https://github.com/marcop135/bullframe.css/blob/develop/README.md)
|
|
181
199
|
|
|
182
200
|
## 3.8.2 (June 26, 2021)
|
|
183
201
|
|
|
184
202
|
- Upgraded cssnano, autoprefixer, and postcss plugins to major versions [(a6a9ecc)](https://github.com/marcop135/bullframe.css/commit/a6a9ecc3b52a30e1a5c4408967268d22f46a8e2c)
|
|
185
|
-
- Cleaned up `README.md`
|
|
203
|
+
- Cleaned up [`README.md`](https://github.com/marcop135/bullframe.css/blob/develop/README.md)
|
|
186
204
|
|
|
187
205
|
## 3.8.1 (June 22, 2021)
|
|
188
206
|
|
|
@@ -192,7 +210,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
192
210
|
|
|
193
211
|
- Reverted html/body `height` and `body` `min-height` to `auto` to avoid scrollbar issues
|
|
194
212
|
- Added support for Skypack CDN
|
|
195
|
-
- Added Synk vuln badge in `README.md`
|
|
213
|
+
- Added Synk vuln badge in [`README.md`](https://github.com/marcop135/bullframe.css/blob/develop/README.md)
|
|
196
214
|
|
|
197
215
|
## 3.7.0 (April 24, 2021) - BREAKING CHANGES
|
|
198
216
|
|
|
@@ -237,20 +255,20 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
237
255
|
|
|
238
256
|
## 3.4.1 (January 24, 2021)
|
|
239
257
|
|
|
240
|
-
- Added missing v3.4.0 `CHANGELOG.md`
|
|
258
|
+
- Added missing v3.4.0 [`CHANGELOG.md`](https://github.com/marcop135/bullframe.css/blob/develop/CHANGELOG.md)
|
|
241
259
|
|
|
242
260
|
## 3.4.0 (January 24, 2021)
|
|
243
261
|
|
|
244
262
|
- Added `input range` styling in modern browsers only
|
|
245
|
-
- Updated video source paths per MDN [
|
|
263
|
+
- Updated video source paths per MDN [#22](https://github.com/marcop135/bullframe.css/issues/12)
|
|
246
264
|
|
|
247
265
|
## 3.3.9 (November 29, 2020)
|
|
248
266
|
|
|
249
|
-
- Fixed broken anchors and URLs in `README.md`
|
|
267
|
+
- Fixed broken anchors and URLs in [`README.md`](https://github.com/marcop135/bullframe.css/blob/develop/README.md)
|
|
250
268
|
|
|
251
269
|
## 3.3.8 (November 29, 2020)
|
|
252
270
|
|
|
253
|
-
- Improved `README.md` fixes
|
|
271
|
+
- Improved [`README.md`](https://github.com/marcop135/bullframe.css/blob/develop/README.md) fixes
|
|
254
272
|
- Reinforced mixins declarations
|
|
255
273
|
|
|
256
274
|
## 3.3.7 (November 27, 2020)
|
|
@@ -271,10 +289,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
271
289
|
|
|
272
290
|
## 3.3.4 (September 03, 2020)
|
|
273
291
|
|
|
274
|
-
- Added utilities reference in `README.md`
|
|
292
|
+
- Added utilities reference in [`README.md`](https://github.com/marcop135/bullframe.css/blob/develop/README.md)
|
|
275
293
|
- Fixed grid system bug related to `.bf-col-3` and `.bf-col-4`
|
|
276
294
|
- Added GitHub Packages support
|
|
277
|
-
- Added UNPKG CDN in `README.md`
|
|
295
|
+
- Added UNPKG CDN in [`README.md`](https://github.com/marcop135/bullframe.css/blob/develop/README.md)
|
|
278
296
|
|
|
279
297
|
## 3.3.3 (July 22, 2020)
|
|
280
298
|
|
|
@@ -286,8 +304,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
286
304
|
|
|
287
305
|
## 3.3.1 (July 22, 2020)
|
|
288
306
|
|
|
289
|
-
- Fixed "What's included" and "Gulp.js" sections in `README.md`
|
|
290
|
-
- Fixed JSDelivr `package.json` settings
|
|
307
|
+
- Fixed "What's included" and "Gulp.js" sections in [`README.md`](https://github.com/marcop135/bullframe.css/blob/develop/README.md)
|
|
308
|
+
- Fixed JSDelivr [`package.json`](https://github.com/marcop135/bullframe.css/blob/develop/package.json) settings
|
|
291
309
|
- Minor code improvements
|
|
292
310
|
|
|
293
311
|
## 3.3.0 (July 09, 2020)
|
|
@@ -305,16 +323,16 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
305
323
|
## 3.2.0 (June 16, 2020)
|
|
306
324
|
|
|
307
325
|
- Changed grid gutter width to match Bootstrap Grid
|
|
308
|
-
- Added support for RTL [
|
|
309
|
-
- Added `datalist` normalization [
|
|
326
|
+
- Added support for RTL [#12](https://github.com/marcop135/bullframe.css/issues/12)
|
|
327
|
+
- Added `datalist` normalization [#13](https://github.com/marcop135/bullframe.css/issues/13)
|
|
310
328
|
- Added `progress` normalization
|
|
311
329
|
- Added dark theme scrollbars normalization
|
|
312
330
|
- Added webkit/blink/gecko/trident screenshots/screencasts
|
|
313
|
-
- Added quick overview of the utilities in `README.md`
|
|
331
|
+
- Added quick overview of the utilities in [`README.md`](https://github.com/marcop135/bullframe.css/blob/develop/README.md)
|
|
314
332
|
- Added more examples in `index.html`
|
|
315
333
|
- Added SCSS file structure improvements
|
|
316
334
|
- Added responsive typography improvements
|
|
317
|
-
- Added form states (e.g. `:invalid`) improvements [
|
|
335
|
+
- Added form states (e.g. `:invalid`) improvements [#15](https://github.com/marcop135/bullframe.css/issues/15)
|
|
318
336
|
|
|
319
337
|
## 3.1.0 (May 06, 2020)
|
|
320
338
|
|
|
@@ -364,7 +382,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
364
382
|
|
|
365
383
|
## 2.8.1 (03 April 2020)
|
|
366
384
|
|
|
367
|
-
- Added `README.md` info
|
|
385
|
+
- Added [`README.md`](https://github.com/marcop135/bullframe.css/blob/develop/README.md) info
|
|
368
386
|
- Updated browser compatibility list
|
|
369
387
|
|
|
370
388
|
## 2.8.0 (22 March 2020)
|
|
@@ -563,9 +581,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
563
581
|
- First public release
|
|
564
582
|
- Initial commit on 19 November 2012
|
|
565
583
|
- Framework aimed to kickstart cross-browser responsive HTML/CSS development
|
|
566
|
-
|
|
567
|
-
[
|
|
568
|
-
[6.
|
|
569
|
-
[6.2.
|
|
570
|
-
[6.1
|
|
571
|
-
[6.
|
|
584
|
+
[Unreleased]: https://github.com/marcop135/bullframe.css/compare/v6.3.1...HEAD
|
|
585
|
+
[6.3.1]: https://github.com/marcop135/bullframe.css/compare/v6.3.0...v6.3.1
|
|
586
|
+
[6.3.0]: https://github.com/marcop135/bullframe.css/compare/v6.2.2...v6.3.0
|
|
587
|
+
[6.2.2]: https://github.com/marcop135/bullframe.css/compare/v6.2.1...v6.2.2
|
|
588
|
+
[6.2.1]: https://github.com/marcop135/bullframe.css/compare/v6.2.0...v6.2.1
|
|
589
|
+
[6.2.0]: https://github.com/marcop135/bullframe.css/compare/v6.1.0...v6.2.0
|
|
590
|
+
[6.1.0]: https://github.com/marcop135/bullframe.css/compare/v6.0.0...v6.1.0
|
|
591
|
+
[6.0.0]: https://github.com/marcop135/bullframe.css/compare/v5.1.0...v6.0.0
|
package/README.md
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
<div align="center">
|
|
2
2
|
|
|
3
3
|

|
|
4
|
-

|
|
5
4
|
|
|
6
5
|
# Bullframe CSS
|
|
7
6
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/* ! Bullframe CSS v6.2.2 | MIT License | https://github.com/marcop135/bullframe.css */:root{--bf-white:#fff;--bf-light:#f0f0f0;--bf-gray-light-extra:#e9e9e9;--bf-gray-light:#ccc;--bf-gray:#999;--bf-gray-dark:#666;--bf-gray-dark-extra:#333;--bf-dark:#222;--bf-dark-extra:#111;--bf-black:#000;--bf-yellow-light:#ff9;--bf-yellow:#ff0;--bf-orange:orange;--bf-blue:#0056b3;--bf-blue-light:#004187;--bf-blue-light-extra:#bed8fe;--bf-red:red;--bf-focus-ring-color:var(--bf-orange);--bf-focus-ring-width:0.2rem;--bf-focus-ring-offset:0.3rem;--bf-dark-bg:#1c1c1c;--bf-dark-link:#4da5ff;--bf-dark-link-hover:#4da5ff;--bf-dark-border-focus:#1a8cff;--bf-dark-shadow-focus:rgba(3,102,214,.5);--bf-dark-mark-bg:#e6e600;--bf-dark-ins-bg:#ffffc8;--bf-dark-button-hover:#b8b8b8;--bf-dark-button-shadow:hsla(0,0%,100%,.45);--bf-dark-invalid:#ff2626;--bf-spacing-sm:0.25rem;--bf-spacing-md:0.5rem;--bf-spacing-lg:1rem;--bf-spacing-xl:2rem;--bf-spacing-xxl:3rem;--bf-spacing-grid-gutter:1.5rem;--bf-font-sans-serif:-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";--bf-font-serif:Georgia,Times,"Times New Roman",serif;--bf-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bf-body-font-size-rem:1.6rem;--bf-body-line-height:1.5;--bf-breakpoint-xs:0;--bf-breakpoint-sm:576px;--bf-breakpoint-md:768px;--bf-breakpoint-lg:992px;--bf-breakpoint-xl:1200px;--bf-breakpoint-xxl:1400px}*,:after,:before{box-sizing:border-box}article,aside,details,dialog,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}template{display:none}[hidden]:where(:not([hidden=until-found])){display:none!important}@layer{html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}@supports (scrollbar-gutter:stable){html{scrollbar-gutter:stable}}h1{font-size:2em;margin-block:.67em}@media (forced-colors:active){mark{background-color:Highlight;color:HighlightText}}audio,iframe,img,svg,video{max-block-size:100%;max-inline-size:100%}fieldset{min-inline-size:0}@supports selector(:has(*)){label:has(+input:not([type=radio],[type=checkbox]),select,textarea){display:block}}textarea:not([rows]){min-block-size:6em}button,input,select,textarea{font-family:inherit;font-size:inherit}[type=search]{-webkit-appearance:textfield}@supports (-webkit-touch-callout:none){[type=search]{background-color:canvas;border:1px solid -apple-system-secondary-label}}input:where([type=tel],[type=url],[type=email],[type=number]):not(:-moz-placeholder){direction:ltr}input:where([type=tel],[type=url],[type=email],[type=number]):not(:placeholder-shown){direction:ltr}table{border:1px solid}@media (prefers-reduced-motion:no-preference){dialog::backdrop{background:rgba(0,0,0,.3)}@supports (overlay:auto){[popover],dialog,dialog::backdrop{opacity:0;transition:opacity .3s ease-out,display allow-discrete .3s,overlay allow-discrete .3s}:popover-open,dialog[open],dialog[open]::backdrop{opacity:1}@starting-style{:popover-open,dialog[open],dialog[open]::backdrop{opacity:0}}}}img{display:block}@supports (position-area:block-end span-inline-end){[popover]{margin:0;position-area:block-end span-inline-end}}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;color:var(--bf-dark);font-family:system-ui,sans-serif;font-size:62.5%;line-height:1.15;-webkit-tap-highlight-color:rgb(0 0 0/0)}body{font-family:-apple-system,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;font-size:var(--bf-body-font-size-rem);font-weight:400;line-height:var(--bf-body-line-height);margin:0;text-align:left;text-rendering:optimizeLegibility;word-wrap:break-word;background-color:var(--bf-white)}h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:600;line-height:1.25;margin-bottom:var(--bf-spacing-lg);margin-top:0}@supports (text-wrap:balance){h1,h2,h3,h4,h5,h6{text-wrap:balance}}h1{font-size:36px;font-size:3.6rem}h2{font-size:30px;font-size:3rem}h3{font-size:24px;font-size:2.4rem}h4{font-size:20px;font-size:2rem}h5,h6{font-size:16px;font-size:1.6rem}blockquote{font-style:italic;margin:0 0 var(--bf-spacing-xl);padding-left:0}blockquote p{margin-bottom:0}blockquote small{color:var(--bf-gray);display:block}blockquote small:before{content:"\2014 \00A0"}q{quotes:"\201C" "\201D" "\2018" "\2019"}p{margin:0 0 var(--bf-spacing-xl) 0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}mark{background-color:var(--bf-yellow)}ins,mark{color:var(--bf-black)}ins{background-color:var(--bf-yellow-light);text-decoration:none}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-8px;top:-.8rem}sub{bottom:-4px;bottom:-.4rem}small{font-size:80%}@supports selector(:has(*)){p:has(small){line-height:1.25}}hr{border-style:solid;border-width:1px 0 0;box-sizing:content-box;color:inherit;height:0;margin:var(--bf-spacing-xl) 0;overflow:visible;padding:0}hr,pre{display:block}pre{margin:0 0 var(--bf-spacing-xl) 0;overflow:auto;word-break:break-all;word-wrap:break-word;hyphens:none;white-space:pre;-ms-overflow-style:auto}code,kbd,pre,samp{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;font-size:.875em}code{word-wrap:break-word}a>code,pre code{color:inherit}pre code{font-size:inherit;word-break:normal}:where(html input,button,select,optgroup,textarea){color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}:where(html input,button,[type=radio],[type=checkbox],select,optgroup,textarea){margin:0}:where(html input,select,textarea,legend){width:100%}:where(html label,button,[type=image],[type=submit],[type=reset],html [type=button],[type=radio],[type=checkbox]){width:auto}:where(html input,label,select,textarea,button,html [type=button],[type=reset],[type=submit],output){display:inline-block}:where([type=file]){background-color:transparent;display:block}:where(button,html input,select,textarea){background-image:none}:where(input,select,textarea){vertical-align:baseline}:where(form){margin:0}:where(fieldset){border:0;margin:0;min-width:0;padding:0}:where(legend){border:0;color:inherit;display:table;font-size:inherit;font-weight:400;line-height:1.375;margin-bottom:var(--bf-spacing-md);max-width:100%;padding:0;white-space:normal}:where(label){font-size:90%;font-weight:400;line-height:1.375;margin-bottom:var(--bf-spacing-md)}:where(label input,label select,label textarea){font-size:110%}::-webkit-inner-spin-button{height:auto}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-color-swatch-wrapper{padding:0}:where([type=search]){outline-offset:calc(var(--bf-spacing-sm)*-1)}:where(output){vertical-align:middle}:where(button,select){text-transform:none}:where(select){word-wrap:normal}:where([list]):not([type=date],[type=datetime-local],[type=month],[type=week],[type=time])::-webkit-calendar-picker-indicator{display:none!important}:where(optgroup){font-family:inherit;font-size:inherit;font-style:inherit;font-weight:600}:where(button,html [type=button],[type=reset],[type=submit],[type=email],[type=number],[type=text],[type=tel],[type=date],[type=datetime-local],[type=month],[type=week],[type=url],[type=image],[type=password],[type=search],[type=search]::-webkit-search-decoration,[type=search]::-webkit-search-cancel-button,input[list],textarea){-webkit-appearance:none;appearance:none}::file-selector-button{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;font:inherit}:where(button,input,select,textarea){border-radius:var(--bf-spacing-sm)}:where([type=radio]){border-radius:50%}:where([type=checkbox]){border-radius:var(--bf-spacing-md)}:where([type=radio],[type=checkbox]){background-color:var(--bf-white);padding:0}:where([type=range i]){background-color:transparent}:where(select[size],select[multiple]){height:auto}:where(select[multiple]){background-image:none}:where(textarea){height:auto;min-height:60px;min-height:6rem;overflow:auto;resize:vertical;vertical-align:top}::-moz-focus-inner{border-style:none;padding:0}:where(button,[type=button],[type=reset],[type=submit]){background-clip:padding-box;line-height:normal;margin:0;overflow:visible;text-align:center;vertical-align:baseline;-webkit-tap-highlight-color:rgb(0 0 0/0);background-image:none;border:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(button,[type=button],[type=reset],[type=submit]):active,:where(button,[type=button],[type=reset],[type=submit]):focus,:where(button,[type=button],[type=reset],[type=submit]):hover{color:var(--bf-dark);text-decoration:none}:where(button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled)){cursor:pointer}:where(input::-moz-placeholder,textarea::-moz-placeholder){color:var(--bf-gray-dark)}:where(input::placeholder,textarea::placeholder){color:var(--bf-gray-dark)}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}:where([type=email],[type=number],[type=password],[type=tel],[type=search],[type=text],[type=date],[type=datetime-local],[type=month],[type=week],[type=time],[type=url],input[list],select,textarea){background-color:var(--bf-white);border:1px solid var(--bf-gray);padding:var(--bf-spacing-md) calc(var(--bf-spacing-lg)*.75)}:where([type=email],[type=number],[type=password],[type=tel],[type=search],[type=text],[type=date],[type=datetime-local],[type=month],[type=week],[type=time],[type=url],input[list],select,textarea,[type=radio],[type=checkbox]):active,:where([type=email],[type=number],[type=password],[type=tel],[type=search],[type=text],[type=date],[type=datetime-local],[type=month],[type=week],[type=time],[type=url],input[list],select,textarea,[type=radio],[type=checkbox]):focus{border-color:var(--bf-blue);box-shadow:0 0 0 3px rgba(0,86,179,.25);transition:border .2s,background-color .2s,box-shadow .2s}:where(button,[type=button],[type=reset],[type=submit]){background:var(--bf-gray-light);color:var(--bf-dark);padding:calc(var(--bf-spacing-xl)/3) calc(var(--bf-spacing-xl)/3*2);transition:color .2s,background .2s,box-shadow .2s}:where(button,[type=button],[type=reset],[type=submit]):active,:where(button,[type=button],[type=reset],[type=submit]):focus:not(.bf-disabled):not([aria-disabled=true]),:where(button,[type=button],[type=reset],[type=submit]):hover{background:#b8b8b8;color:var(--bf-dark);text-decoration:none}:where(button,[type=button],[type=reset],[type=submit]):active,:where(button,[type=button],[type=reset],[type=submit]):focus:not(.bf-disabled):not([aria-disabled=true]){box-shadow:0 0 0 3px rgba(0,0,0,.15)}:where(fieldset[disabled] button,fieldset[disabled] input,fieldset[disabled] input:after,fieldset[disabled] input:before,fieldset[disabled] input:checked,fieldset[disabled] select,fieldset[disabled] textarea,fieldset[disabled] label,button[disabled],input[disabled],input[disabled]:after,input[disabled]:before,input[disabled]:checked,select[disabled],textarea[disabled],label[disabled],button:disabled,input:disabled,input:disabled:after,input:disabled:before,input:disabled:checked,select:disabled,textarea:disabled,label:disabled,button[aria-disabled=true],input[aria-disabled=true],input[aria-disabled=true]:after,input[aria-disabled=true]:before,input[aria-disabled=true]:checked,select[aria-disabled=true],textarea[aria-disabled=true],label[aria-disabled=true]){box-shadow:none!important;cursor:default!important;cursor:not-allowed!important;opacity:.5!important;outline:none!important;pointer-events:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}:where(select):not([size],select[multiple]){-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bf-white) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .85rem center/8px 10px;padding-right:calc(var(--bf-spacing-lg) + var(--bf-spacing-lg))}:where([dir=rtl]) :where(select):not([size],select[multiple]),:where(select[dir=rtl]):not([size],select[multiple]){background-position:left .85rem top 50%;padding-left:calc(var(--bf-spacing-lg) + var(--bf-spacing-lg));padding-right:calc(var(--bf-spacing-lg)*.75)}@supports ((-webkit-appearance:none) or (-moz-appearance:none) or (appearance:none)){:where([type=range]){-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.4rem;width:100%}:where([type=range])::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--bf-blue);border:0;border-radius:1.5rem;height:1.5rem;margin-top:-.25rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1.5rem}:where([type=range])::-webkit-slider-thumb:active{background-color:var(--bf-blue)}:where([type=range])::-moz-range-thumb{-moz-appearance:none;appearance:none;background-color:var(--bf-blue);border:0;border-radius:1.5rem;height:1.5rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1.5rem}:where([type=range])::-moz-range-thumb:active{background-color:var(--bf-blue)}:where([type=range])::-webkit-slider-runnable-track{background-color:var(--bf-gray-light-extra);border-color:transparent;color:transparent;cursor:pointer;height:.65rem;width:100%}:where([type=range])::-moz-range-track{background-color:var(--bf-gray-light-extra);border-color:transparent;color:transparent;cursor:pointer;height:.65rem;width:100%}:where([type=range]):focus{outline:none}:where([type=range]):focus::-webkit-slider-thumb{box-shadow:0 0 0 .1rem var(--bf-white),0 0 0 .2rem rgba(0,123,255,.25)}:where([type=range]):focus::-moz-range-thumb{box-shadow:0 0 0 .1rem var(--bf-white),0 0 0 .2rem rgba(0,123,255,.25)}:where([type=range])::-moz-focus-outer{border:0}:where([type=range]):disabled{pointer-events:none}:where([type=range]):disabled::-webkit-slider-thumb{background-color:var(--bf-gray-light)}:where([type=range]):disabled::-moz-range-thumb{background-color:var(--bf-gray-light)}}a{background-color:transparent;color:var(--bf-blue);text-decoration:none}a:focus,a:hover{color:var(--bf-blue-light);text-decoration:underline}a:not([href],[class]),a:not([href],[class]):hover,a:not([href],[tabindex]){color:inherit;text-decoration:none}a:not([href],[tabindex]):focus{outline:0}:where(:focus:not(:focus-visible)){outline:none}:where([tabindex="-1"]:focus:not(:focus-visible)){outline:0!important}:focus-visible{outline:var(--bf-focus-ring-width) solid var(--bf-focus-ring-color);outline-offset:var(--bf-focus-ring-offset)}[type=button]:focus,[type=checkbox]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=radio]:focus,[type=reset]:focus,[type=search]:focus,[type=submit]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,button:focus,input[list]:focus,select:focus,textarea:focus{outline:0}dl,menu,ol,ul{margin:0 0 var(--bf-spacing-xl) 0;padding:0}dd,menu ol,menu ul,ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ol,ul{margin-left:var(--bf-spacing-xl)}nav ol,nav ul{list-style:none;margin-left:0}dt{font-weight:700}dd{margin-left:0}nav li:before{content:"\200B";position:absolute}audio,canvas,progress,video{display:inline-block}audio,canvas,embed,iframe,img,object,video{max-width:100%}audio,canvas,img,svg,video{vertical-align:middle}img{border-style:none;height:auto}figure{margin:0}figcaption,figure{display:block}figcaption{font-size:90%;line-height:1.375}video{height:auto}audio{width:100%}audio:not([controls]){display:none;height:0}svg:not(:root){overflow:hidden}svg:not([fill]){fill:currentColor}meter,progress{display:inline-block;max-width:100%;vertical-align:baseline;width:100%}progress[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bf-gray-light);border:none;height:20px;height:2rem}progress[value]::-webkit-progress-bar{background:var(--bf-gray-light)}iframe{border-style:none}address{font-style:normal;line-height:inherit;margin-bottom:var(--bf-spacing-lg)}details>summary:first-of-type{display:list-item}summary{cursor:pointer;font-weight:700;word-break:break-all}dialog{background-color:var(--bf-white);border:none;border-radius:var(--bf-spacing-sm);color:var(--bf-dark);height:-moz-fit-content;height:fit-content;max-width:calc(100vw - var(--bf-spacing-grid-gutter)*2);min-width:min(25rem,100%);padding:var(--bf-spacing-xl)}@media (min-width:768px){dialog{max-width:50rem}}dialog[open]{display:block!important}dialog::backdrop{background:rgba(0,0,0,.4)}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}table{border-collapse:collapse;border-color:currentcolor;caption-side:bottom;max-width:100%;text-indent:0}tbody,td,tfoot,th,thead,tr{border:0 solid;border-color:inherit}thead th{vertical-align:bottom}td,th{vertical-align:top}th{font-weight:700;text-align:inherit;text-align:-webkit-match-parent}caption{caption-side:bottom;color:var(--bf-gray);font-size:90%;line-height:1.375;padding-bottom:var(--bf-spacing-md);padding-top:var(--bf-spacing-md);text-align:left}:where([aria-busy=true i]){cursor:progress}:where([aria-disabled=true i],[disabled]){cursor:not-allowed}:where([aria-hidden=false i][hidden]){display:initial}:where([aria-hidden=false i][hidden]:not(:focus)){clip:rect(0,0,0,0);position:absolute}@media (prefers-contrast:more){a{text-decoration:underline}:root{--bf-focus-ring-color:#b87300}:focus-visible{outline-offset:.4rem;outline-width:.3rem}[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input[list],select,textarea{border-width:2px}}@media (forced-colors:active){:focus-visible{outline-color:Highlight}a{text-decoration:underline}[type=button],[type=reset],[type=submit],button{border:1px solid ButtonText}}html{color:var(--bf-light)}body{background-color:var(--bf-dark-bg)}a{color:var(--bf-dark-link)}a:focus,a:hover{color:var(--bf-dark-link-hover)}mark{background-color:var(--bf-dark-mark-bg)}ins{background-color:var(--bf-dark-ins-bg)}[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=range],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input[list],select,select:not([size],select[multiple]),textarea{background-color:var(--bf-dark-extra);border-color:var(--bf-black);color:var(--bf-gray-light)}[type=date]:active,[type=date]:focus,[type=datetime-local]:active,[type=datetime-local]:focus,[type=email]:active,[type=email]:focus,[type=month]:active,[type=month]:focus,[type=number]:active,[type=number]:focus,[type=password]:active,[type=password]:focus,[type=search]:active,[type=search]:focus,[type=tel]:active,[type=tel]:focus,[type=text]:active,[type=text]:focus,[type=time]:active,[type=time]:focus,[type=url]:active,[type=url]:focus,[type=week]:active,[type=week]:focus,input[list]:active,input[list]:focus,select:active,select:focus,select:not([size],select[multiple]):active,select:not([size],select[multiple]):focus,textarea:active,textarea:focus{background-color:var(--bf-dark-extra);border-color:var(--bf-dark-border-focus);box-shadow:0 0 0 3px var(--bf-dark-shadow-focus)}select:not([size],select[multiple]){background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3E%3Cpath fill='%23f0f0f0' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")}[type=range],[type=range]:focus{background-color:transparent}[type=range]::-webkit-slider-runnable-track{background-color:var(--bf-dark-extra)}[type=range]::-moz-range-track{background-color:var(--bf-dark-extra)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--bf-gray)}input::placeholder,textarea::placeholder{color:var(--bf-gray)}[type=button],[type=reset],[type=submit],button{background:var(--bf-gray-light)}[type=button]:active,[type=button]:focus,[type=button]:hover,[type=reset]:active,[type=reset]:focus,[type=reset]:hover,[type=submit]:active,[type=submit]:focus,[type=submit]:hover,button:active,button:focus,button:hover{background:var(--bf-dark-button-hover)}[type=button]:active,[type=button]:focus,[type=reset]:active,[type=reset]:focus,[type=submit]:active,[type=submit]:focus,button:active,button:focus{box-shadow:0 0 0 3px var(--bf-dark-button-shadow)}dialog{background-color:var(--bf-dark-bg);color:var(--bf-light)}caption{color:var(--bf-gray-light)}progress[value]{background:var(--bf-gray-dark-extra);color:var(--bf-blue)}progress[value]::-webkit-progress-bar{background:var(--bf-gray-dark-extra)}progress[value]::-webkit-progress-value{background:var(--bf-blue)}a:focus,input:focus{outline-color:#d68c00}:focus-visible{outline-color:#d68c00}html{scrollbar-color:#616161 var(--bf-dark-extra)}::-webkit-scrollbar{height:1.5rem;width:1.5rem}::-webkit-scrollbar-track{background-color:var(--bf-dark-extra)}::-webkit-scrollbar-thumb{background-color:#616161}::-webkit-scrollbar-thumb:hover{background-color:#737373}
|
|
1
|
+
/* ! Bullframe CSS v6.3.1 | MIT License | https://github.com/marcop135/bullframe.css */:root{--bf-white:#fff;--bf-light:#f0f0f0;--bf-gray-light-extra:#e9e9e9;--bf-gray-light:#ccc;--bf-gray:#999;--bf-gray-dark:#666;--bf-gray-dark-extra:#333;--bf-dark:#222;--bf-dark-extra:#111;--bf-black:#000;--bf-yellow-light:#ff9;--bf-yellow:#ff0;--bf-orange:orange;--bf-blue:#0056b3;--bf-blue-light:#004187;--bf-blue-light-extra:#bed8fe;--bf-red:red;--bf-focus-ring-color:var(--bf-orange);--bf-focus-ring-width:0.2rem;--bf-focus-ring-offset:0.3rem;--bf-dark-bg:#1c1c1c;--bf-dark-link:#4da5ff;--bf-dark-link-hover:#4da5ff;--bf-dark-border-focus:#1a8cff;--bf-dark-shadow-focus:rgba(3,102,214,.5);--bf-dark-mark-bg:#e6e600;--bf-dark-ins-bg:#ffffc8;--bf-dark-button-hover:#b8b8b8;--bf-dark-button-shadow:hsla(0,0%,100%,.45);--bf-dark-invalid:#ff2626;--bf-spacing-sm:0.25rem;--bf-spacing-md:0.5rem;--bf-spacing-lg:1rem;--bf-spacing-xl:2rem;--bf-spacing-xxl:3rem;--bf-spacing-grid-gutter:1.5rem;--bf-font-sans-serif:-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";--bf-font-serif:Georgia,Times,"Times New Roman",serif;--bf-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bf-body-font-size-rem:1.6rem;--bf-body-line-height:1.5;--bf-breakpoint-xs:0;--bf-breakpoint-sm:576px;--bf-breakpoint-md:768px;--bf-breakpoint-lg:992px;--bf-breakpoint-xl:1200px;--bf-breakpoint-xxl:1400px}*,:after,:before{box-sizing:border-box}article,aside,details,dialog,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}template{display:none}[hidden]:where(:not([hidden=until-found])){display:none!important}@layer{html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}@supports (scrollbar-gutter:stable){html{scrollbar-gutter:stable}}h1{font-size:2em;margin-block:.67em}@media (forced-colors:active){mark{background-color:Highlight;color:HighlightText}}audio,iframe,img,svg,video{max-block-size:100%;max-inline-size:100%}fieldset{min-inline-size:0}@supports selector(:has(*)){label:has(+input:not([type=radio],[type=checkbox]),select,textarea){display:block}}textarea:not([rows]){min-block-size:6em}button,input,select,textarea{font-family:inherit;font-size:inherit}[type=search]{-webkit-appearance:textfield}@supports (-webkit-touch-callout:none){[type=search]{background-color:canvas;border:1px solid -apple-system-secondary-label}}input:where([type=tel],[type=url],[type=email],[type=number]):not(:-moz-placeholder){direction:ltr}input:where([type=tel],[type=url],[type=email],[type=number]):not(:placeholder-shown){direction:ltr}table{border:1px solid}@media (prefers-reduced-motion:no-preference){dialog::backdrop{background:rgba(0,0,0,.3)}@supports (overlay:auto){[popover],dialog,dialog::backdrop{opacity:0;transition:opacity .3s ease-out,display allow-discrete .3s,overlay allow-discrete .3s}:popover-open,dialog[open],dialog[open]::backdrop{opacity:1}@starting-style{:popover-open,dialog[open],dialog[open]::backdrop{opacity:0}}}}img{display:block}@supports (position-area:block-end span-inline-end){[popover]{margin:0;position-area:block-end span-inline-end}}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;color:var(--bf-dark);font-family:system-ui,sans-serif;font-size:62.5%;line-height:1.15;-webkit-tap-highlight-color:rgb(0 0 0/0)}body{font-family:-apple-system,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;font-size:var(--bf-body-font-size-rem);font-weight:400;line-height:var(--bf-body-line-height);margin:0;text-align:left;text-rendering:optimizeLegibility;word-wrap:break-word;background-color:var(--bf-white)}h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:600;line-height:1.25;margin-bottom:var(--bf-spacing-lg);margin-top:0}@supports (text-wrap:balance){h1,h2,h3,h4,h5,h6{text-wrap:balance}}h1{font-size:36px;font-size:3.6rem}h2{font-size:30px;font-size:3rem}h3{font-size:24px;font-size:2.4rem}h4{font-size:20px;font-size:2rem}h5,h6{font-size:16px;font-size:1.6rem}blockquote{font-style:italic;margin:0 0 var(--bf-spacing-xl);padding-left:0}blockquote p{margin-bottom:0}blockquote small{color:var(--bf-gray);display:block}blockquote small:before{content:"\2014 \00A0"}q{quotes:"\201C" "\201D" "\2018" "\2019"}p{margin:0 0 var(--bf-spacing-xl) 0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}mark{background-color:var(--bf-yellow)}ins,mark{color:var(--bf-black)}ins{background-color:var(--bf-yellow-light);text-decoration:none}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-8px;top:-.8rem}sub{bottom:-4px;bottom:-.4rem}small{font-size:80%}@supports selector(:has(*)){p:has(small){line-height:1.25}}hr{border-style:solid;border-width:1px 0 0;box-sizing:content-box;color:inherit;height:0;margin:var(--bf-spacing-xl) 0;overflow:visible;padding:0}hr,pre{display:block}pre{margin:0 0 var(--bf-spacing-xl) 0;overflow:auto;word-break:break-all;word-wrap:break-word;hyphens:none;white-space:pre;-ms-overflow-style:auto}code,kbd,pre,samp{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;font-size:.875em}code{word-wrap:break-word}a>code,pre code{color:inherit}pre code{font-size:inherit;word-break:normal}:where(html input,button,select,optgroup,textarea){color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}:where(html input,button,[type=radio],[type=checkbox],select,optgroup,textarea){margin:0}:where(html input,select,textarea,legend){width:100%}:where(html label,button,[type=image],[type=submit],[type=reset],html [type=button],[type=radio],[type=checkbox]){width:auto}:where(html input,label,select,textarea,button,html [type=button],[type=reset],[type=submit],output){display:inline-block}:where([type=file]){background-color:transparent;display:block}:where(button,html input,select,textarea){background-image:none}:where(input,select,textarea){vertical-align:baseline}:where(form){margin:0}:where(fieldset){border:0;margin:0;min-width:0;padding:0}:where(legend){border:0;color:inherit;display:table;font-size:inherit;font-weight:400;line-height:1.375;margin-bottom:var(--bf-spacing-md);max-width:100%;padding:0;white-space:normal}:where(label){font-size:90%;font-weight:400;line-height:1.375;margin-bottom:var(--bf-spacing-md)}:where(label input,label select,label textarea){font-size:110%}::-webkit-inner-spin-button{height:auto}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-color-swatch-wrapper{padding:0}:where([type=search]){outline-offset:calc(var(--bf-spacing-sm)*-1)}:where(output){vertical-align:middle}:where(button,select){text-transform:none}:where(select){word-wrap:normal}:where([list]):not([type=date],[type=datetime-local],[type=month],[type=week],[type=time])::-webkit-calendar-picker-indicator{display:none!important}:where(optgroup){font-family:inherit;font-size:inherit;font-style:inherit;font-weight:600}:where(button,html [type=button],[type=reset],[type=submit],[type=email],[type=number],[type=text],[type=tel],[type=date],[type=datetime-local],[type=month],[type=week],[type=url],[type=image],[type=password],[type=search],[type=search]::-webkit-search-decoration,[type=search]::-webkit-search-cancel-button,input[list],textarea){-webkit-appearance:none;appearance:none}::file-selector-button{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;font:inherit}:where(button,input,select,textarea){border-radius:var(--bf-spacing-sm)}:where([type=radio]){border-radius:50%}:where([type=checkbox]){border-radius:var(--bf-spacing-md)}:where([type=radio],[type=checkbox]){background-color:var(--bf-white);padding:0}:where([type=range i]){background-color:transparent}:where(select[size],select[multiple]){height:auto}:where(select[multiple]){background-image:none}:where(textarea){height:auto;min-height:60px;min-height:6rem;overflow:auto;resize:vertical;vertical-align:top}::-moz-focus-inner{border-style:none;padding:0}:where(button,[type=button],[type=reset],[type=submit]){background-clip:padding-box;line-height:normal;margin:0;overflow:visible;text-align:center;vertical-align:baseline;-webkit-tap-highlight-color:rgb(0 0 0/0);background-image:none;border:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(button,[type=button],[type=reset],[type=submit]):active,:where(button,[type=button],[type=reset],[type=submit]):focus,:where(button,[type=button],[type=reset],[type=submit]):hover{color:var(--bf-dark);text-decoration:none}:where(button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled)){cursor:pointer}:where(input::-moz-placeholder,textarea::-moz-placeholder){color:var(--bf-gray-dark)}:where(input::placeholder,textarea::placeholder){color:var(--bf-gray-dark)}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}:where([type=email],[type=number],[type=password],[type=tel],[type=search],[type=text],[type=date],[type=datetime-local],[type=month],[type=week],[type=time],[type=url],input[list],select,textarea){background-color:var(--bf-white);border:1px solid var(--bf-gray);padding:var(--bf-spacing-md) calc(var(--bf-spacing-lg)*.75)}:where([type=email],[type=number],[type=password],[type=tel],[type=search],[type=text],[type=date],[type=datetime-local],[type=month],[type=week],[type=time],[type=url],input[list],select,textarea,[type=radio],[type=checkbox]):active,:where([type=email],[type=number],[type=password],[type=tel],[type=search],[type=text],[type=date],[type=datetime-local],[type=month],[type=week],[type=time],[type=url],input[list],select,textarea,[type=radio],[type=checkbox]):focus{border-color:var(--bf-blue);box-shadow:0 0 0 3px rgba(0,86,179,.25);transition:border .2s,background-color .2s,box-shadow .2s}:where(button,[type=button],[type=reset],[type=submit]){background:var(--bf-gray-light);color:var(--bf-dark);padding:calc(var(--bf-spacing-xl)/3) calc(var(--bf-spacing-xl)/3*2);transition:color .2s,background .2s,box-shadow .2s}:where(button,[type=button],[type=reset],[type=submit]):active,:where(button,[type=button],[type=reset],[type=submit]):focus:not(.bf-disabled):not([aria-disabled=true]),:where(button,[type=button],[type=reset],[type=submit]):hover{background:#b8b8b8;color:var(--bf-dark);text-decoration:none}:where(button,[type=button],[type=reset],[type=submit]):active,:where(button,[type=button],[type=reset],[type=submit]):focus:not(.bf-disabled):not([aria-disabled=true]){box-shadow:0 0 0 3px rgba(0,0,0,.15)}:where(fieldset[disabled] button,fieldset[disabled] input,fieldset[disabled] input:after,fieldset[disabled] input:before,fieldset[disabled] input:checked,fieldset[disabled] select,fieldset[disabled] textarea,fieldset[disabled] label,button[disabled],input[disabled],input[disabled]:after,input[disabled]:before,input[disabled]:checked,select[disabled],textarea[disabled],label[disabled],button:disabled,input:disabled,input:disabled:after,input:disabled:before,input:disabled:checked,select:disabled,textarea:disabled,label:disabled,button[aria-disabled=true],input[aria-disabled=true],input[aria-disabled=true]:after,input[aria-disabled=true]:before,input[aria-disabled=true]:checked,select[aria-disabled=true],textarea[aria-disabled=true],label[aria-disabled=true]){box-shadow:none!important;cursor:default!important;cursor:not-allowed!important;opacity:.5!important;outline:none!important;pointer-events:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}:where(select):not([size],select[multiple]){-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bf-white) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .85rem center/8px 10px;padding-right:calc(var(--bf-spacing-lg) + var(--bf-spacing-lg))}:where([dir=rtl]) :where(select):not([size],select[multiple]),:where(select[dir=rtl]):not([size],select[multiple]){background-position:left .85rem top 50%;padding-left:calc(var(--bf-spacing-lg) + var(--bf-spacing-lg));padding-right:calc(var(--bf-spacing-lg)*.75)}@supports ((-webkit-appearance:none) or (-moz-appearance:none) or (appearance:none)){:where([type=range]){-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.4rem;width:100%}:where([type=range])::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--bf-blue);border:0;border-radius:1.5rem;height:1.5rem;margin-top:-.25rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1.5rem}:where([type=range])::-webkit-slider-thumb:active{background-color:var(--bf-blue)}:where([type=range])::-moz-range-thumb{-moz-appearance:none;appearance:none;background-color:var(--bf-blue);border:0;border-radius:1.5rem;height:1.5rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1.5rem}:where([type=range])::-moz-range-thumb:active{background-color:var(--bf-blue)}:where([type=range])::-webkit-slider-runnable-track{background-color:var(--bf-gray-light-extra);border-color:transparent;color:transparent;cursor:pointer;height:.65rem;width:100%}:where([type=range])::-moz-range-track{background-color:var(--bf-gray-light-extra);border-color:transparent;color:transparent;cursor:pointer;height:.65rem;width:100%}:where([type=range]):focus{outline:none}:where([type=range]):focus::-webkit-slider-thumb{box-shadow:0 0 0 .1rem var(--bf-white),0 0 0 .2rem rgba(0,123,255,.25)}:where([type=range]):focus::-moz-range-thumb{box-shadow:0 0 0 .1rem var(--bf-white),0 0 0 .2rem rgba(0,123,255,.25)}:where([type=range])::-moz-focus-outer{border:0}:where([type=range]):disabled{pointer-events:none}:where([type=range]):disabled::-webkit-slider-thumb{background-color:var(--bf-gray-light)}:where([type=range]):disabled::-moz-range-thumb{background-color:var(--bf-gray-light)}}a{background-color:transparent;color:var(--bf-blue);text-decoration:none}a:focus,a:hover{color:var(--bf-blue-light);text-decoration:underline}a:not([href],[class]),a:not([href],[class]):hover,a:not([href],[tabindex]){color:inherit;text-decoration:none}a:not([href],[tabindex]):focus{outline:0}:where(:focus:not(:focus-visible)){outline:none}:where([tabindex="-1"]:focus:not(:focus-visible)){outline:0!important}:focus-visible{outline:var(--bf-focus-ring-width) solid var(--bf-focus-ring-color);outline-offset:var(--bf-focus-ring-offset)}[type=button]:focus,[type=checkbox]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=radio]:focus,[type=reset]:focus,[type=search]:focus,[type=submit]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,button:focus,input[list]:focus,select:focus,textarea:focus{outline:0}dl,menu,ol,ul{margin:0 0 var(--bf-spacing-xl) 0;padding:0}dd,menu ol,menu ul,ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ol,ul{margin-left:var(--bf-spacing-xl)}nav ol,nav ul{list-style:none;margin-left:0}dt{font-weight:700}dd{margin-left:0}nav li:before{content:"\200B";position:absolute}audio,canvas,progress,video{display:inline-block}audio,canvas,embed,iframe,img,object,video{max-width:100%}audio,canvas,img,svg,video{vertical-align:middle}img{border-style:none;height:auto}figure{margin:0}figcaption,figure{display:block}figcaption{font-size:90%;line-height:1.375}video{height:auto}audio{width:100%}audio:not([controls]){display:none;height:0}svg:not(:root){overflow:hidden}svg:not([fill]){fill:currentColor}meter,progress{display:inline-block;max-width:100%;vertical-align:baseline;width:100%}progress[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bf-gray-light);border:none;height:20px;height:2rem}progress[value]::-webkit-progress-bar{background:var(--bf-gray-light)}iframe{border-style:none}address{font-style:normal;line-height:inherit;margin-bottom:var(--bf-spacing-lg)}details>summary:first-of-type{display:list-item}summary{cursor:pointer;font-weight:700;word-break:break-all}dialog{background-color:var(--bf-white);border:none;border-radius:var(--bf-spacing-sm);color:var(--bf-dark);height:-moz-fit-content;height:fit-content;max-width:calc(100vw - var(--bf-spacing-grid-gutter)*2);min-width:min(25rem,100%);padding:var(--bf-spacing-xl)}@media (min-width:768px){dialog{max-width:50rem}}dialog[open]{display:block!important}dialog::backdrop{background:rgba(0,0,0,.4)}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}table{border-collapse:collapse;border-color:currentcolor;caption-side:bottom;max-width:100%;text-indent:0}tbody,td,tfoot,th,thead,tr{border:0 solid;border-color:inherit}thead th{vertical-align:bottom}td,th{vertical-align:top}th{font-weight:700;text-align:inherit;text-align:-webkit-match-parent}caption{caption-side:bottom;color:var(--bf-gray);font-size:90%;line-height:1.375;padding-bottom:var(--bf-spacing-md);padding-top:var(--bf-spacing-md);text-align:left}:where([aria-busy=true i]){cursor:progress}:where([aria-disabled=true i],[disabled]){cursor:not-allowed}:where([aria-hidden=false i][hidden]){display:initial}:where([aria-hidden=false i][hidden]:not(:focus)){clip:rect(0,0,0,0);position:absolute}@media (prefers-contrast:more){a{text-decoration:underline}:root{--bf-focus-ring-color:#b87300}:focus-visible{outline-offset:.4rem;outline-width:.3rem}[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input[list],select,textarea{border-width:2px}}@media (forced-colors:active){:focus-visible{outline-color:Highlight}a{text-decoration:underline}[type=button],[type=reset],[type=submit],button{border:1px solid ButtonText}}html{color:var(--bf-light)}body{background-color:var(--bf-dark-bg)}a{color:var(--bf-dark-link)}a:focus,a:hover{color:var(--bf-dark-link-hover)}mark{background-color:var(--bf-dark-mark-bg)}ins{background-color:var(--bf-dark-ins-bg)}[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=range],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input[list],select,select:not([size],select[multiple]),textarea{background-color:var(--bf-dark-extra);border-color:var(--bf-black);color:var(--bf-gray-light)}[type=date]:active,[type=date]:focus,[type=datetime-local]:active,[type=datetime-local]:focus,[type=email]:active,[type=email]:focus,[type=month]:active,[type=month]:focus,[type=number]:active,[type=number]:focus,[type=password]:active,[type=password]:focus,[type=search]:active,[type=search]:focus,[type=tel]:active,[type=tel]:focus,[type=text]:active,[type=text]:focus,[type=time]:active,[type=time]:focus,[type=url]:active,[type=url]:focus,[type=week]:active,[type=week]:focus,input[list]:active,input[list]:focus,select:active,select:focus,select:not([size],select[multiple]):active,select:not([size],select[multiple]):focus,textarea:active,textarea:focus{background-color:var(--bf-dark-extra);border-color:var(--bf-dark-border-focus);box-shadow:0 0 0 3px var(--bf-dark-shadow-focus)}select:not([size],select[multiple]){background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3E%3Cpath fill='%23f0f0f0' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")}[type=range],[type=range]:focus{background-color:transparent}[type=range]::-webkit-slider-runnable-track{background-color:var(--bf-dark-extra)}[type=range]::-moz-range-track{background-color:var(--bf-dark-extra)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--bf-gray)}input::placeholder,textarea::placeholder{color:var(--bf-gray)}[type=button],[type=reset],[type=submit],button{background:var(--bf-gray-light)}[type=button]:active,[type=button]:focus,[type=button]:hover,[type=reset]:active,[type=reset]:focus,[type=reset]:hover,[type=submit]:active,[type=submit]:focus,[type=submit]:hover,button:active,button:focus,button:hover{background:var(--bf-dark-button-hover)}[type=button]:active,[type=button]:focus,[type=reset]:active,[type=reset]:focus,[type=submit]:active,[type=submit]:focus,button:active,button:focus{box-shadow:0 0 0 3px var(--bf-dark-button-shadow)}dialog{background-color:var(--bf-dark-bg);color:var(--bf-light)}caption{color:var(--bf-gray-light)}progress[value]{background:var(--bf-gray-dark-extra);color:var(--bf-blue)}progress[value]::-webkit-progress-bar{background:var(--bf-gray-dark-extra)}progress[value]::-webkit-progress-value{background:var(--bf-blue)}a:focus,input:focus{outline-color:#d68c00}:focus-visible{outline-color:#d68c00}html{scrollbar-color:#616161 var(--bf-dark-extra)}::-webkit-scrollbar{height:1.5rem;width:1.5rem}::-webkit-scrollbar-track{background-color:var(--bf-dark-extra)}::-webkit-scrollbar-thumb{background-color:#616161}::-webkit-scrollbar-thumb:hover{background-color:#737373}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["bullframe-classless-dark.css"],"names":[],"mappings":"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A,kDACE,kBAAsB,CACtB,iBACF,CAIA,+BACE,EACE,yBACF,CAIA,MACE,6BACF,CAEA,eAEE,oBAAsB,CADtB,mBAEF,CAEA,8LAeE,gBACF,CACF,CAGA,8BACE,eACE,uBACF,CAEA,EACE,yBACF,CAGA,gDAIE,2BACF,CACF,CAQA,KACE,qBACF,CAEA,KACE,kCACF,CAEA,EACE,yBACF,CAEA,gBAEE,+BACF,CAEA,KACE,uCACF,CAEA,IACE,sCACF,CAEA,+OAiBE,qCAAsC,CACtC,4BAA6B,CAC7B,0BACF,CAEA,opBAgCE,qCAAsC,CACtC,wCAAyC,CACzC,gDACF,CAEA,oCACE,6MACF,CAMA,gCACE,4BACF,CAEA,4CACE,qCACF,CAEA,+BACE,qCACF,CAEA,mDACE,oBACF,CAEA,yCAEE,oBACF,CAEA,gDAIE,+BACF,CAEA,4NAYE,sCACF,CAEA,oJAQE,iDACF,CAEA,OAEE,kCAAmC,CADnC,qBAEF,CAEA,QACE,0BACF,CAEA,gBACE,oCAAqC,CACrC,oBACF,CAEA,sCACE,oCACF,CAEA,wCACE,yBACF,CAEA,oBAEE,qBACF,CAEA,eACE,qBACF,CAGA,KACE,4CACF,CAIA,oBAEE,aAAc,CADd,YAEF,CAEA,0BACE,qCACF,CAEA,0BACE,wBACF,CAEA,gCACE,wBACF","file":"bullframe-classless-dark.css","sourcesContent":["/* ! Bullframe CSS v6.2.2 | MIT License | https://github.com/marcop135/bullframe.css */\n\n/* Always-dark classless build. */\n\n/* Classless build: semantic element styles only (no .bf-* classes). */\n\n/* Variables */\n/* Design tokens (--bf-*). Shared by every build variant.\n * Override on :root (or a scope) to theme without rebuilding. */\n\n:root {\n /* Neutrals */\n --bf-white: rgb(255 255 255);\n --bf-light: rgb(240 240 240);\n --bf-gray-light-extra: rgb(233 233 233);\n --bf-gray-light: rgb(204 204 204);\n --bf-gray: rgb(153 153 153);\n --bf-gray-dark: rgb(102 102 102);\n --bf-gray-dark-extra: rgb(51 51 51);\n --bf-dark: rgb(34 34 34);\n --bf-dark-extra: rgb(17 17 17);\n --bf-black: rgb(0 0 0);\n\n /* Highlight / mark */\n --bf-yellow-light: rgb(255 255 153);\n --bf-yellow: rgb(255 255 0);\n --bf-orange: rgb(255 165 0);\n\n /* Accent: WCAG AA on white (links 4.5:1) and white-on-blue buttons (4.5:1) */\n --bf-blue: rgb(0 86 179);\n --bf-blue-light: rgb(0 65 135);\n --bf-blue-light-extra: rgb(190 216 254);\n\n /* Invalid / error */\n --bf-red: rgb(255 0 0);\n\n /* Focus ring (prefers-contrast: more raises colour for WCAG 1.4.11) */\n --bf-focus-ring-color: var(--bf-orange);\n --bf-focus-ring-width: 0.2rem;\n --bf-focus-ring-offset: 0.3rem;\n\n /* Dark-mode surfaces (used by utility-global-dark*.css) */\n --bf-dark-bg: rgb(28 28 28);\n --bf-dark-link: rgb(77 165 255);\n --bf-dark-link-hover: rgb(77 165 255);\n --bf-dark-border-focus: rgb(26 140 255);\n --bf-dark-shadow-focus: rgb(3 102 214 / 50%);\n --bf-dark-mark-bg: rgb(230 230 0);\n --bf-dark-ins-bg: rgb(255 255 200);\n --bf-dark-button-hover: rgb(184 184 184);\n --bf-dark-button-shadow: rgb(255 255 255 / 45%);\n --bf-dark-invalid: rgb(255 38 38);\n\n /* Spacing scale + grid gutter */\n --bf-spacing-sm: 0.25rem;\n --bf-spacing-md: 0.5rem;\n --bf-spacing-lg: 1rem;\n --bf-spacing-xl: 2rem;\n --bf-spacing-xxl: 3rem;\n --bf-spacing-grid-gutter: 1.5rem;\n\n /* Type */\n --bf-font-sans-serif:\n -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell,\n 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n 'Segoe UI Symbol', 'Noto Color Emoji';\n --bf-font-serif: Georgia, Times, 'Times New Roman', serif;\n --bf-font-monospace:\n SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;\n --bf-body-font-size-rem: 1.6rem;\n --bf-body-line-height: 1.5;\n\n /* Breakpoint tokens (documentation / tooling; media queries use literal px below) */\n --bf-breakpoint-xs: 0;\n --bf-breakpoint-sm: 576px;\n --bf-breakpoint-md: 768px;\n --bf-breakpoint-lg: 992px;\n --bf-breakpoint-xl: 1200px;\n --bf-breakpoint-xxl: 1400px;\n}\n\n/* Layout */\n/* Border-box and HTML5 block elements. */\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\ndetails {\n display: block;\n}\n\ntemplate {\n display: none;\n}\n\n/* [hidden] stays hidden (except until-found). */\n[hidden]:where(:not([hidden='until-found'])) {\n display: none !important;\n}\n/* UA+ enhancements (adapted from https://fokus.dev/tools/uaplus/).\n * Light UA improvements; complements Bullframe base styles. */\n\n@layer {\n /* Disable mobile landscape text inflation on optimized layouts. */\n html {\n -webkit-text-size-adjust: none;\n -moz-text-size-adjust: none;\n text-size-adjust: none;\n }\n\n /* Stable scrollbar gutter avoids layout jump on short pages. */\n @supports (scrollbar-gutter: stable) {\n html {\n scrollbar-gutter: stable;\n }\n }\n\n /* Nested h1 size/margin: match modern UA (Safari still nests sectioning styles). */\n h1 {\n font-size: 2em;\n margin-block: 0.67em;\n }\n\n /* mark: system Highlight colors under forced-colors. */\n @media (forced-colors: active) {\n mark {\n color: HighlightText;\n background-color: Highlight;\n }\n }\n\n /* Embedded media: stay within container block/inline size. */\n audio,\n iframe,\n img,\n svg,\n video {\n max-block-size: 100%;\n max-inline-size: 100%;\n }\n\n /* fieldset: avoid min-content overflow from children. */\n fieldset {\n min-inline-size: 0;\n }\n\n /* Labels for text-like controls are block; :has() gated for older engines. */\n @supports selector(:has(*)) {\n label:has(+ input:not([type='radio'], [type='checkbox']), select, textarea) {\n display: block;\n }\n }\n\n /* Taller default textarea when rows is omitted. */\n textarea:not([rows]) {\n min-block-size: 6em;\n }\n\n /* Form controls inherit page font family/size. */\n button,\n input,\n select,\n textarea {\n font-family: inherit;\n font-size: inherit;\n }\n\n /* Search: drop WebKit rounded search chrome. */\n [type='search'] {\n -webkit-appearance: textfield;\n }\n\n /* iOS only: system border/background for search. */\n @supports (-webkit-touch-callout: none) {\n [type='search'] {\n border: 1px solid -apple-system-secondary-label;\n background-color: canvas;\n }\n }\n\n /* Keep tel/url/email/number LTR when a value is present (RTL placeholders stay). */\n input:where([type='tel'], [type='url'], [type='email'], [type='number']):not(\n :-moz-placeholder\n ) {\n direction: ltr;\n }\n input:where([type='tel'], [type='url'], [type='email'], [type='number']):not(\n :placeholder-shown\n ) {\n direction: ltr;\n }\n\n /* Tables: outer border. Cell borders and padding come from\n * miscellaneous/tables.css, which is unlayered and therefore wins. */\n table {\n border: 1px solid currentColor;\n }\n\n /* Soft dialog / popover enter transitions (skip when reduced-motion is on). */\n @media (prefers-reduced-motion: no-preference) {\n dialog::backdrop {\n background: rgb(0 0 0 / 0.3);\n }\n\n @supports (overlay: auto) {\n dialog,\n [popover],\n dialog::backdrop {\n opacity: 0;\n transition:\n opacity 300ms ease-out,\n display 300ms allow-discrete,\n overlay 300ms allow-discrete;\n }\n\n dialog[open],\n :popover-open,\n dialog[open]::backdrop {\n opacity: 1;\n }\n\n @starting-style {\n dialog[open],\n :popover-open,\n dialog[open]::backdrop {\n opacity: 0;\n }\n }\n }\n }\n\n /* Images as blocks (max-width still from embedded-content.css). */\n img {\n display: block;\n }\n\n /* Popovers: anchor near trigger when position-area is supported. */\n @supports (position-area: block-end span-inline-end) {\n [popover] {\n margin: 0;\n position-area: block-end span-inline-end;\n }\n }\n}\n\n/* Typography */\n/* Root type and page chrome. */\n\nhtml {\n -webkit-text-size-adjust: 100%;\n -moz-text-size-adjust: 100%;\n text-size-adjust: 100%;\n\n /* 62.5% root so 1rem ≈ 10px. */\n font-size: 62.5%;\n\n color: var(--bf-dark);\n font-family: system-ui, sans-serif;\n line-height: 1.15;\n\n /* No tap flash on touch. */\n -webkit-tap-highlight-color: rgb(0 0 0 / 0%);\n}\n\nbody {\n margin: 0;\n font-size: var(--bf-body-font-size-rem);\n line-height: var(--bf-body-line-height);\n font-weight: 400;\n text-align: left;\n\n /* System UI stack (OS-native). */\n font-family:\n /* Safari / iOS (San Francisco) */\n -apple-system,\n /* Chrome < 56 on macOS (San Francisco) */ BlinkMacSystemFont,\n /* Windows */ 'Segoe UI',\n /* Android */ Roboto,\n /* KDE */ Oxygen-Sans,\n /* Ubuntu */ Ubuntu,\n /* GNOME */ Cantarell,\n /* macOS 10.10 and below */ 'Helvetica Neue',\n Helvetica,\n /* Web fallback */ Arial,\n 'Noto Sans',\n sans-serif,\n /* Emoji */ 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol',\n 'Noto Color Emoji';\n\n /* Ligatures and kerning. */\n text-rendering: optimizeLegibility;\n\n /* Long unbroken strings (e.g. headlines) wrap instead of overflowing. */\n word-wrap: break-word;\n\n background-color: var(--bf-white);\n}\n/* Heading scale and rhythm. */\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n font-weight: 600;\n font-family: inherit;\n color: inherit;\n line-height: 1.25;\n margin-bottom: var(--bf-spacing-lg);\n}\n\n/* Balanced headings where supported; no-op elsewhere. */\n@supports (text-wrap: balance) {\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n text-wrap: balance;\n }\n}\n\nh1 {\n font-size: 36px;\n font-size: 3.6rem;\n}\n\nh2 {\n font-size: 30px;\n font-size: 3rem;\n}\n\nh3 {\n font-size: 24px;\n font-size: 2.4rem;\n}\n\nh4 {\n font-size: 20px;\n font-size: 2rem;\n}\n\nh5,\nh6 {\n font-size: 16px;\n font-size: 1.6rem;\n}\n/* Blockquote and citation. */\n\nblockquote {\n margin: 0 0 var(--bf-spacing-xl);\n padding-left: 0;\n font-style: italic;\n}\n\nblockquote p {\n margin-bottom: 0;\n}\n\nblockquote small {\n color: var(--bf-gray);\n display: block;\n}\n\nblockquote small::before {\n content: '\\2014 \\00A0';\n}\n\nq {\n quotes: '\\201C' '\\201D' '\\2018' '\\2019';\n}\n/* Paragraphs, abbr, mark/ins, emphasis, sub/sup, small, hr. */\n\np {\n margin: 0 0 var(--bf-spacing-xl) 0;\n}\n\n/* abbr (Bootstrap 4): dotted underline + help cursor. */\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n text-decoration: underline;\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n border-bottom: 0;\n}\n\nmark {\n background-color: var(--bf-yellow);\n color: var(--bf-black);\n}\n\nins {\n background-color: var(--bf-yellow-light);\n color: var(--bf-black);\n text-decoration: none;\n}\n\n/* Inherit first so Safari does not double-apply bolder, then set bolder. */\nb,\nstrong {\n font-weight: inherit;\n}\n\n/* stylelint-disable-next-line no-duplicate-selectors -- normalize.css Safari fix */\nb,\nstrong {\n font-weight: bolder;\n}\n\ndfn {\n font-style: italic;\n}\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -8px;\n top: -0.8rem;\n}\n\nsub {\n bottom: -4px;\n bottom: -0.4rem;\n}\n\nsmall {\n font-size: 80%;\n}\n\n/* Tighter leading when a paragraph contains <small>. */\n@supports selector(:has(*)) {\n p:has(small) {\n line-height: 1.25;\n }\n}\n\nhr {\n box-sizing: content-box;\n display: block;\n height: 0;\n border-style: solid;\n border-width: 1px 0 0;\n color: inherit;\n margin: var(--bf-spacing-xl) 0;\n padding: 0;\n overflow: visible; /* Edge: show overflow. */\n}\n/* pre / code / kbd / samp. */\n\npre {\n margin: 0 0 var(--bf-spacing-xl) 0;\n\n display: block;\n overflow: auto;\n word-break: break-all; /* WebKit */\n word-wrap: break-word;\n white-space: pre;\n hyphens: none;\n\n /* Keep scrollbars visible in legacy Edge.\n * https://github.com/twbs/bootstrap/pull/30685 */\n -ms-overflow-style: auto;\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family:\n /* macOS 10.10+ */\n Menlo, Consolas, 'Roboto Mono', 'Ubuntu Monospace', 'Noto Mono', 'Oxygen Mono',\n 'Liberation Mono', monospace, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n 'Noto Color Emoji';\n\n /* Mono faces read large; use a slightly smaller size. */\n font-size: 0.875em;\n}\n\ncode {\n word-wrap: break-word;\n}\n\na > code {\n color: inherit;\n}\n\npre code {\n font-size: inherit;\n color: inherit;\n word-break: normal;\n}\n\n/* Forms */\n/* Form control reset: inheritance, sizing, and UA quirks. */\n\n:where(html input, button, select, optgroup, textarea) {\n color: inherit;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\n:where(html input, button, [type='radio'], [type='checkbox'], select, optgroup, textarea) {\n margin: 0;\n}\n\n:where(html input, select, textarea, legend) {\n width: 100%;\n}\n\n/* Shrink-to-content controls stay auto-width. */\n:where(\n html label,\n button,\n [type='image'],\n [type='submit'],\n [type='reset'],\n html [type='button'],\n [type='radio'],\n [type='checkbox']\n) {\n width: auto;\n}\n\n/* inline-block: consistent sizing and vertical-align across engines. */\n:where(\n html input,\n label,\n select,\n textarea,\n button,\n html [type='button'],\n [type='reset'],\n [type='submit'],\n output\n) {\n display: inline-block;\n}\n\n:where([type='file']) {\n display: block;\n background-color: transparent;\n}\n\n:where(button, html input, select, textarea) {\n background-image: none;\n}\n\n:where(input, select, textarea) {\n vertical-align: baseline;\n}\n\n:where(form) {\n margin: 0;\n}\n\n/* Drop fieldset min-content width so nested grids can shrink. */\n:where(fieldset) {\n border: 0;\n padding: 0;\n margin: 0;\n min-width: 0;\n}\n\n:where(legend) {\n display: table; /* Text wrapping in Edge / IE. */\n max-width: 100%;\n white-space: normal;\n border: 0;\n padding: 0;\n font-weight: 400;\n margin-bottom: var(--bf-spacing-md);\n font-size: inherit;\n line-height: 1.375;\n color: inherit;\n}\n\n:where(label) {\n font-weight: 400;\n font-size: 90%;\n line-height: 1.375;\n margin-bottom: var(--bf-spacing-md);\n}\n\n:where(label input, label select, label textarea) {\n font-size: 110%;\n}\n\n::-webkit-inner-spin-button {\n height: auto;\n}\n\n::-webkit-datetime-edit-fields-wrapper,\n::-webkit-datetime-edit-text,\n::-webkit-datetime-edit-minute,\n::-webkit-datetime-edit-hour-field,\n::-webkit-datetime-edit-day-field,\n::-webkit-datetime-edit-month-field,\n::-webkit-datetime-edit-year-field {\n padding: 0;\n}\n\n::-webkit-color-swatch-wrapper {\n padding: 0;\n}\n\n:where([type='search']) {\n outline-offset: calc(-1 * var(--bf-spacing-sm));\n}\n\n:where(output) {\n vertical-align: middle;\n}\n\n:where(button, select) {\n text-transform: none;\n}\n\n:where(select) {\n word-wrap: normal;\n}\n\n/* Hide WebKit datalist picker chrome (Bootstrap Reboot 5.2).\n * https://unpkg.com/browse/bootstrap@5.2.0/dist/css/bootstrap-reboot.css */\n:where([list]):not(\n [type='date'],\n [type='datetime-local'],\n [type='month'],\n [type='week'],\n [type='time']\n )::-webkit-calendar-picker-indicator {\n display: none !important;\n}\n\n:where(optgroup) {\n font-family: inherit;\n font-size: inherit;\n font-style: inherit; /* Families without a 600 face. */\n font-weight: 600;\n}\n\n/* Reset WebKit / Blink appearance on text-like controls. */\n:where(\n button,\n html [type='button'],\n [type='reset'],\n [type='submit'],\n [type='email'],\n [type='number'],\n [type='text'],\n [type='tel'],\n [type='date'],\n [type='datetime-local'],\n [type='month'],\n [type='week'],\n [type='url'],\n [type='image'],\n [type='password'],\n [type='search'],\n [type='search']::-webkit-search-decoration,\n [type='search']::-webkit-search-cancel-button,\n input[list],\n textarea\n) {\n -webkit-appearance: none;\n appearance: none;\n}\n\n::file-selector-button {\n font: inherit;\n -webkit-appearance: auto;\n -moz-appearance: auto;\n appearance: auto;\n}\n\n:where(button, input, select, textarea) {\n border-radius: var(--bf-spacing-sm);\n}\n\n:where([type='radio']) {\n border-radius: 50%;\n}\n\n:where([type='checkbox']) {\n border-radius: var(--bf-spacing-md);\n}\n\n:where([type='radio'], [type='checkbox']) {\n padding: 0;\n background-color: var(--bf-white);\n}\n\n:where([type='range' i]) {\n background-color: transparent;\n}\n\n:where(select[size], select[multiple]) {\n height: auto;\n}\n\n:where(select[multiple]) {\n background-image: none;\n}\n\n:where(textarea) {\n height: auto;\n min-height: 60px;\n min-height: 6rem;\n overflow: auto;\n vertical-align: top;\n resize: vertical;\n}\n\n/* Firefox: strip inner focus padding/border. */\n::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\n:where(button, [type='button'], [type='reset'], [type='submit']) {\n line-height: normal;\n text-align: center;\n margin: 0;\n background-clip: padding-box;\n vertical-align: baseline;\n overflow: visible;\n -webkit-tap-highlight-color: rgb(0 0 0 / 0%);\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n border: 0;\n background-image: none; /* Firefox mobile */\n}\n\n:where(button, [type='button'], [type='reset'], [type='submit']):hover,\n:where(button, [type='button'], [type='reset'], [type='submit']):active,\n:where(button, [type='button'], [type='reset'], [type='submit']):focus {\n text-decoration: none;\n color: var(--bf-dark);\n}\n\n:where(\n button:not(:disabled),\n [type='button']:not(:disabled),\n [type='reset']:not(:disabled),\n [type='submit']:not(:disabled)\n) {\n cursor: pointer;\n}\n\n/* Firefox: input color must not override placeholder color.\n * https://github.com/necolas/normalize.css/issues/150 */\n:where(input::-moz-placeholder, textarea::-moz-placeholder) {\n color: var(--bf-gray-dark);\n}\n:where(input::placeholder, textarea::placeholder) {\n color: var(--bf-gray-dark);\n}\n\n/* Firefox: modern focus ring on all focusable elements. */\n:-moz-focusring {\n outline: auto;\n}\n\n/* Firefox: drop :-moz-ui-invalid glow; use .bf-invalid for JS validation.\n * https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-ui-invalid */\n:-moz-ui-invalid {\n box-shadow: none;\n}\n/* Form field and button chrome (borders, focus, disabled). */\n\n:where(\n [type='email'],\n [type='number'],\n [type='password'],\n [type='tel'],\n [type='search'],\n [type='text'],\n [type='date'],\n [type='datetime-local'],\n [type='month'],\n [type='week'],\n [type='time'],\n [type='url'],\n input[list],\n select,\n textarea\n) {\n background-color: var(--bf-white);\n border: 1px solid var(--bf-gray);\n padding: var(--bf-spacing-md) calc(var(--bf-spacing-lg) * 0.75);\n}\n\n:where(\n [type='email'],\n [type='number'],\n [type='password'],\n [type='tel'],\n [type='search'],\n [type='text'],\n [type='date'],\n [type='datetime-local'],\n [type='month'],\n [type='week'],\n [type='time'],\n [type='url'],\n input[list],\n select,\n textarea,\n [type='radio'],\n [type='checkbox']\n):active,\n:where(\n [type='email'],\n [type='number'],\n [type='password'],\n [type='tel'],\n [type='search'],\n [type='text'],\n [type='date'],\n [type='datetime-local'],\n [type='month'],\n [type='week'],\n [type='time'],\n [type='url'],\n input[list],\n select,\n textarea,\n [type='radio'],\n [type='checkbox']\n):focus {\n transition:\n border 0.2s,\n background-color 0.2s,\n box-shadow 0.2s;\n border-color: var(--bf-blue);\n box-shadow: 0 0 0 3px rgb(0 86 179 / 25%);\n}\n\n:where(button, [type='button'], [type='reset'], [type='submit']) {\n color: var(--bf-dark);\n padding: calc(var(--bf-spacing-xl) / 3) calc(calc(var(--bf-spacing-xl) / 3) * 2);\n background: var(--bf-gray-light);\n transition:\n color 0.2s,\n background 0.2s,\n box-shadow 0.2s;\n}\n\n:where(button, [type='button'], [type='reset'], [type='submit']):hover,\n:where(button, [type='button'], [type='reset'], [type='submit']):active,\n:where(button, [type='button'], [type='reset'], [type='submit']):focus:not(.bf-disabled):not(\n [aria-disabled='true']\n ) {\n text-decoration: none;\n color: var(--bf-dark);\n background: rgb(184 184 184); /* --bf-gray-light, ~10% darker */\n}\n\n:where(button, [type='button'], [type='reset'], [type='submit']):active,\n:where(button, [type='button'], [type='reset'], [type='submit']):focus:not(.bf-disabled):not(\n [aria-disabled='true']\n ) {\n box-shadow: 0 0 0 3px rgb(0 0 0 / 15%);\n}\n\n/* Disabled / aria-disabled / fieldset[disabled]. */\n:where(\n fieldset[disabled] button,\n fieldset[disabled] input,\n fieldset[disabled] input::after,\n fieldset[disabled] input::before,\n fieldset[disabled] input:checked,\n fieldset[disabled] select,\n fieldset[disabled] textarea,\n fieldset[disabled] label,\n button[disabled],\n input[disabled],\n input[disabled]::after,\n input[disabled]::before,\n input[disabled]:checked,\n select[disabled],\n textarea[disabled],\n label[disabled],\n button:disabled,\n input:disabled,\n input:disabled::after,\n input:disabled::before,\n input:disabled:checked,\n select:disabled,\n textarea:disabled,\n label:disabled,\n button[aria-disabled='true'],\n input[aria-disabled='true'],\n input[aria-disabled='true']::after,\n input[aria-disabled='true']::before,\n input[aria-disabled='true']:checked,\n select[aria-disabled='true'],\n textarea[aria-disabled='true'],\n label[aria-disabled='true']\n) {\n cursor: default !important;\n cursor: not-allowed !important;\n pointer-events: none !important;\n -webkit-user-select: none !important;\n -moz-user-select: none !important;\n user-select: none !important;\n box-shadow: none !important;\n outline: none !important;\n opacity: 0.5 !important;\n}\n/* Select: custom arrow for single-value controls.\n * Skip [size] / [multiple] (native UI differs by engine). Inspired by water.css. */\n\n:where(select):not([size], select[multiple]) {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background: var(--bf-white)\n 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\")\n no-repeat right 0.85rem center/8px 10px;\n padding-right: calc(var(--bf-spacing-lg) + var(--bf-spacing-lg));\n}\n\n/* RTL: mirror arrow after appearance:none removes the native control. */\n:where(*[dir='rtl']) :where(select):not([size], select[multiple]),\n:where(select[dir='rtl']):not([size], select[multiple]) {\n background-position: left 0.85rem top 50%;\n padding-right: calc(var(--bf-spacing-lg) * 0.75);\n padding-left: calc(var(--bf-spacing-lg) + var(--bf-spacing-lg));\n}\n/* Range: custom thumb/track when appearance:none is supported.\n * CodePen: https://codepen.io/marcop135/pen/JjGrNMx */\n\n@supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {\n :where([type='range']) {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n width: 100%;\n height: 1.4rem;\n }\n\n :where([type='range'])::-webkit-slider-thumb {\n border: 0;\n -webkit-appearance: none;\n appearance: none;\n\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -0.25rem;\n background-color: var(--bf-blue);\n border-radius: 1.5rem;\n -webkit-transition:\n background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out;\n transition:\n background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out;\n }\n\n :where([type='range'])::-webkit-slider-thumb:active {\n background-color: var(--bf-blue);\n }\n\n :where([type='range'])::-moz-range-thumb {\n border: 0;\n -moz-appearance: none;\n appearance: none;\n\n width: 1.5rem;\n height: 1.5rem;\n background-color: var(--bf-blue);\n border-radius: 1.5rem;\n -moz-transition:\n background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out;\n transition:\n background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out;\n }\n\n :where([type='range'])::-moz-range-thumb:active {\n background-color: var(--bf-blue);\n }\n\n :where([type='range'])::-webkit-slider-runnable-track {\n color: transparent;\n border-color: transparent;\n\n width: 100%;\n height: 0.65rem;\n cursor: pointer;\n background-color: var(--bf-gray-light-extra);\n }\n\n :where([type='range'])::-moz-range-track {\n color: transparent;\n border-color: transparent;\n\n width: 100%;\n height: 0.65rem;\n cursor: pointer;\n background-color: var(--bf-gray-light-extra);\n }\n\n :where([type='range']):focus {\n outline: none;\n }\n\n :where([type='range']):focus::-webkit-slider-thumb {\n box-shadow:\n 0 0 0 0.1rem var(--bf-white),\n 0 0 0 0.2rem rgb(0 123 255 / 25%);\n }\n\n :where([type='range']):focus::-moz-range-thumb {\n box-shadow:\n 0 0 0 0.1rem var(--bf-white),\n 0 0 0 0.2rem rgb(0 123 255 / 25%);\n }\n\n :where([type='range'])::-moz-focus-outer {\n border: 0;\n }\n\n :where([type='range']):disabled {\n pointer-events: none;\n }\n\n :where([type='range']):disabled::-webkit-slider-thumb {\n background-color: var(--bf-gray-light);\n }\n\n :where([type='range']):disabled::-moz-range-thumb {\n background-color: var(--bf-gray-light);\n }\n}\n\n/* Miscellaneous */\n/* Link defaults. --bf-blue meets WCAG AA 4.5:1 on white. */\n\na {\n color: var(--bf-blue);\n text-decoration: none;\n background-color: transparent; /* Legacy Edge active background. */\n}\n\na:hover,\na:focus {\n text-decoration: underline;\n color: var(--bf-blue-light);\n}\n\n/* Non-href anchors inherit text (Bootstrap reboot pattern). */\na:not([href], [tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href], [class]),\na:not([href], [class]):hover {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href], [tabindex]):focus {\n outline: 0;\n}\n/* Keyboard-first focus: :focus-visible ring from --bf-focus-ring-*; mute mouse outline.\n * Text-like controls clear UA outline here; field chrome is in forms/styling.css. */\n\n:where(:focus:not(:focus-visible)) {\n outline: none;\n}\n\n/* tabindex=\"-1\" targets should not show a ring on programmatic focus. */\n:where([tabindex='-1']:focus:not(:focus-visible)) {\n outline: 0 !important;\n}\n\n:focus-visible {\n outline: var(--bf-focus-ring-width) solid var(--bf-focus-ring-color);\n outline-offset: var(--bf-focus-ring-offset);\n}\n\n/* Clear UA outline on text-like controls (styled fields keep their own chrome).\n * Leave color / range / file alone; they often use custom widgets. */\nbutton:focus,\n[type='button']:focus,\n[type='reset']:focus,\n[type='submit']:focus,\n[type='email']:focus,\n[type='number']:focus,\n[type='password']:focus,\n[type='tel']:focus,\n[type='search']:focus,\n[type='text']:focus,\n[type='date']:focus,\n[type='datetime-local']:focus,\n[type='month']:focus,\n[type='time']:focus,\n[type='week']:focus,\n[type='url']:focus,\n[type='radio']:focus,\n[type='checkbox']:focus,\ninput[list]:focus,\nselect:focus,\ntextarea:focus {\n outline: 0;\n}\n/* List spacing and nav list reset. */\n\nmenu,\nol,\nul,\ndl {\n margin: 0 0 var(--bf-spacing-xl) 0;\n padding: 0;\n}\n\nmenu ul,\nmenu ol,\nul ul,\nul ol,\nol ol,\nol ul,\ndd {\n margin-bottom: 0;\n}\n\nul,\nol {\n margin-left: var(--bf-spacing-xl);\n}\n\nnav ol,\nnav ul {\n list-style: none;\n margin-left: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-left: 0;\n}\n\n/* VoiceOver: zero-width space so list-style:none lists stay announced. */\nnav li::before {\n content: '\\200B';\n position: absolute;\n}\n/* Media elements, figures, progress/meter, and iframes. */\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n}\n\nimg,\ncanvas,\naudio,\nvideo,\niframe,\nobject,\nembed {\n max-width: 100%;\n}\n\naudio,\nvideo,\ncanvas,\nimg,\nsvg {\n vertical-align: middle;\n}\n\nimg {\n height: auto;\n border-style: none;\n}\n\nfigure {\n margin: 0;\n}\n\nfigure,\nfigcaption {\n display: block;\n}\n\nfigcaption {\n line-height: 1.375;\n font-size: 90%;\n}\n\nvideo {\n height: auto;\n}\n\naudio {\n width: 100%;\n}\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\nsvg:not([fill]) {\n fill: currentColor;\n}\n\nprogress,\nmeter {\n display: inline-block;\n vertical-align: baseline;\n width: 100%;\n max-width: 100%;\n}\n\n/* progress[value] reset (https://css-tricks.com/html5-progress-element/). */\nprogress[value] {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: none; /* Firefox default border. */\n\n height: 20px;\n height: 2rem;\n\n background: var(--bf-gray-light);\n color: var(--bf-blue); /* Progress fill in IE10+. */\n}\n\nprogress[value]::-webkit-progress-bar {\n background: var(--bf-gray-light);\n}\n\nprogress[value]::-webkit-progress-value {\n background: var(--bf-blue);\n}\n\n/* No default border (covers embeds that ignore frameborder=\"0\"). */\niframe {\n border-style: none;\n}\n/* Address, details/summary, and dialog defaults. */\n\naddress {\n font-style: normal;\n margin-bottom: var(--bf-spacing-lg);\n line-height: inherit;\n}\n\ndetails > summary:first-of-type {\n display: list-item;\n}\n\nsummary {\n cursor: pointer;\n font-weight: 700;\n word-break: break-all;\n}\n\ndialog {\n background-color: var(--bf-white);\n color: var(--bf-dark);\n border: none;\n border-radius: var(--bf-spacing-sm);\n padding: var(--bf-spacing-xl);\n height: -moz-fit-content;\n height: fit-content;\n min-width: min(25rem, 100%);\n max-width: calc(100vw - (var(--bf-spacing-grid-gutter) * 2));\n}\n\n@media (min-width: 768px) {\n dialog {\n max-width: 50rem;\n }\n}\n\n/* Open dialog wins over [hidden] (e.g. <dialog hidden open>). */\ndialog[open] {\n display: block !important;\n}\n\ndialog::backdrop {\n background: rgb(0 0 0 / 40%);\n}\n/* Smooth scrolling when motion is allowed. */\n\n@media (prefers-reduced-motion: no-preference) {\n :root {\n scroll-behavior: smooth;\n }\n}\n/* Table border collapse and cell alignment. */\n\ntable {\n caption-side: bottom;\n max-width: 100%;\n border-collapse: collapse;\n border-color: currentcolor; /* Chrome / Safari inheritance. */\n text-indent: 0; /* Chrome / Safari table indent. */\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n}\n\nthead th {\n vertical-align: bottom;\n}\n\nth,\ntd {\n vertical-align: top;\n}\n\nth {\n text-align: inherit;\n text-align: -webkit-match-parent;\n font-weight: 700;\n}\n\ncaption {\n padding-top: var(--bf-spacing-md);\n padding-bottom: var(--bf-spacing-md);\n color: var(--bf-gray);\n text-align: left;\n caption-side: bottom;\n line-height: 1.375;\n font-size: 90%;\n}\n/* Accessibility helpers (adapted from sanitize.css). */\n\n/* Busy: progress cursor. */\n:where([aria-busy='true' i]) {\n cursor: progress;\n}\n\n/* Disabled / inoperable: not-allowed cursor. */\n:where([aria-disabled='true' i], [disabled]) {\n cursor: not-allowed;\n}\n\n/* aria-hidden=\"false\" on [hidden]: keep in a11y tree when not focused. */\n:where([aria-hidden='false' i][hidden]) {\n display: initial;\n}\n\n:where([aria-hidden='false' i][hidden]:not(:focus)) {\n clip: rect(0, 0, 0, 0);\n position: absolute;\n}\n/* Preference queries only (prefers-contrast, forced-colors). Additive. */\n\n/* prefers-contrast: more: underline links, thicker focus, stronger borders (WCAG 1.4.1). */\n@media (prefers-contrast: more) {\n a {\n text-decoration: underline;\n }\n\n /* Darker amber clears WCAG 1.4.11 (3:1) on white, --bf-light and --bf-dark-bg;\n * the default --bf-orange ring is only ~2:1 on white. */\n :root {\n --bf-focus-ring-color: rgb(184 115 0);\n }\n\n :focus-visible {\n outline-width: 0.3rem;\n outline-offset: 0.4rem;\n }\n\n [type='email'],\n [type='number'],\n [type='password'],\n [type='tel'],\n [type='search'],\n [type='text'],\n [type='date'],\n [type='datetime-local'],\n [type='month'],\n [type='time'],\n [type='url'],\n [type='week'],\n input[list],\n select,\n textarea {\n border-width: 2px;\n }\n}\n\n/* forced-colors: restore focus via Highlight; underline links; keep button borders. */\n@media (forced-colors: active) {\n :focus-visible {\n outline-color: Highlight;\n }\n\n a {\n text-decoration: underline;\n }\n\n /* Keep button borders so disabled/active stay distinguishable. */\n button,\n [type='button'],\n [type='reset'],\n [type='submit'] {\n border: 1px solid ButtonText;\n }\n}\n/* Always-dark overrides for classless (no media query, no .bf-* selectors). */\n\n/* Element-level dark-mode rules, shared by the class-based and classless dark\n * sheets. Contains no .bf-* selector, so the classless builds can import it as\n * they are. Class-based extras live in _utility-global-dark-shared.css.\n * Underscore prefix excludes this file from the buildAllCss glob. */\n\nhtml {\n color: var(--bf-light);\n}\n\nbody {\n background-color: var(--bf-dark-bg);\n}\n\na {\n color: var(--bf-dark-link);\n}\n\na:hover,\na:focus {\n color: var(--bf-dark-link-hover);\n}\n\nmark {\n background-color: var(--bf-dark-mark-bg);\n}\n\nins {\n background-color: var(--bf-dark-ins-bg);\n}\n\n[type='email'],\n[type='number'],\n[type='password'],\n[type='tel'],\n[type='search'],\n[type='text'],\n[type='date'],\n[type='datetime-local'],\n[type='month'],\n[type='week'],\n[type='time'],\n[type='url'],\n[type='range'],\ninput[list],\nselect,\nselect:not([size], select[multiple]),\ntextarea {\n background-color: var(--bf-dark-extra);\n border-color: var(--bf-black);\n color: var(--bf-gray-light);\n}\n\n[type='email']:active,\n[type='email']:focus,\n[type='number']:active,\n[type='number']:focus,\n[type='password']:active,\n[type='password']:focus,\n[type='tel']:active,\n[type='tel']:focus,\n[type='search']:active,\n[type='search']:focus,\n[type='text']:active,\n[type='text']:focus,\n[type='date']:active,\n[type='date']:focus,\n[type='datetime-local']:active,\n[type='datetime-local']:focus,\n[type='month']:active,\n[type='month']:focus,\n[type='week']:active,\n[type='week']:focus,\n[type='time']:active,\n[type='time']:focus,\n[type='url']:active,\n[type='url']:focus,\ninput[list]:active,\ninput[list]:focus,\nselect:active,\nselect:focus,\nselect:not([size], select[multiple]):active,\nselect:not([size], select[multiple]):focus,\ntextarea:active,\ntextarea:focus {\n background-color: var(--bf-dark-extra);\n border-color: var(--bf-dark-border-focus);\n box-shadow: 0 0 0 3px var(--bf-dark-shadow-focus);\n}\n\nselect:not([size], select[multiple]) {\n 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\");\n}\n\n[type='range'] {\n background-color: transparent;\n}\n\n[type='range']:focus {\n background-color: transparent;\n}\n\n[type='range']::-webkit-slider-runnable-track {\n background-color: var(--bf-dark-extra);\n}\n\n[type='range']::-moz-range-track {\n background-color: var(--bf-dark-extra);\n}\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n color: var(--bf-gray);\n}\n\ninput::placeholder,\ntextarea::placeholder {\n color: var(--bf-gray);\n}\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n background: var(--bf-gray-light);\n}\n\nbutton:hover,\nbutton:active,\nbutton:focus,\n[type='button']:hover,\n[type='button']:active,\n[type='button']:focus,\n[type='reset']:hover,\n[type='reset']:active,\n[type='reset']:focus,\n[type='submit']:hover,\n[type='submit']:active,\n[type='submit']:focus {\n background: var(--bf-dark-button-hover);\n}\n\nbutton:active,\nbutton:focus,\n[type='button']:active,\n[type='button']:focus,\n[type='reset']:active,\n[type='reset']:focus,\n[type='submit']:active,\n[type='submit']:focus {\n box-shadow: 0 0 0 3px var(--bf-dark-button-shadow);\n}\n\ndialog {\n color: var(--bf-light);\n background-color: var(--bf-dark-bg);\n}\n\ncaption {\n color: var(--bf-gray-light);\n}\n\nprogress[value] {\n background: var(--bf-gray-dark-extra);\n color: var(--bf-blue);\n}\n\nprogress[value]::-webkit-progress-bar {\n background: var(--bf-gray-dark-extra);\n}\n\nprogress[value]::-webkit-progress-value {\n background: var(--bf-blue);\n}\n\na:focus,\ninput:focus {\n outline-color: rgb(214 140 0); /* orange -15% */\n}\n\n:focus-visible {\n outline-color: rgb(214 140 0); /* orange -15% */\n}\n/* Dark scrollbar colors (Firefox + WebKit). */\n\nhtml {\n scrollbar-color: rgb(97 97 97) var(--bf-dark-extra); /* gray-dark -5% lightness */\n}\n\n/* WebKit thumb / track. */\n\n::-webkit-scrollbar {\n width: 1.5rem;\n height: 1.5rem;\n}\n\n::-webkit-scrollbar-track {\n background-color: var(--bf-dark-extra);\n}\n\n::-webkit-scrollbar-thumb {\n background-color: rgb(97 97 97); /* gray-dark -5% lightness */\n}\n\n::-webkit-scrollbar-thumb:hover {\n background-color: rgb(115 115 115); /* gray-dark +10% lightness */\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["bullframe-classless-dark.css"],"names":[],"mappings":"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A,kDACE,kBAAsB,CACtB,iBACF,CAIA,+BACE,EACE,yBACF,CAIA,MACE,6BACF,CAEA,eAEE,oBAAsB,CADtB,mBAEF,CAEA,8LAeE,gBACF,CACF,CAGA,8BACE,eACE,uBACF,CAEA,EACE,yBACF,CAGA,gDAIE,2BACF,CACF,CAQA,KACE,qBACF,CAEA,KACE,kCACF,CAEA,EACE,yBACF,CAEA,gBAEE,+BACF,CAEA,KACE,uCACF,CAEA,IACE,sCACF,CAEA,+OAiBE,qCAAsC,CACtC,4BAA6B,CAC7B,0BACF,CAEA,opBAgCE,qCAAsC,CACtC,wCAAyC,CACzC,gDACF,CAEA,oCACE,6MACF,CAMA,gCACE,4BACF,CAEA,4CACE,qCACF,CAEA,+BACE,qCACF,CAEA,mDACE,oBACF,CAEA,yCAEE,oBACF,CAEA,gDAIE,+BACF,CAEA,4NAYE,sCACF,CAEA,oJAQE,iDACF,CAEA,OAEE,kCAAmC,CADnC,qBAEF,CAEA,QACE,0BACF,CAEA,gBACE,oCAAqC,CACrC,oBACF,CAEA,sCACE,oCACF,CAEA,wCACE,yBACF,CAEA,oBAEE,qBACF,CAEA,eACE,qBACF,CAGA,KACE,4CACF,CAIA,oBAEE,aAAc,CADd,YAEF,CAEA,0BACE,qCACF,CAEA,0BACE,wBACF,CAEA,gCACE,wBACF","file":"bullframe-classless-dark.css","sourcesContent":["/* ! Bullframe CSS v6.3.1 | MIT License | https://github.com/marcop135/bullframe.css */\n\n/* Always-dark classless build. */\n\n/* Classless build: semantic element styles only (no .bf-* classes). */\n\n/* Variables */\n/* Design tokens (--bf-*). Shared by every build variant.\n * Override on :root (or a scope) to theme without rebuilding. */\n\n:root {\n /* Neutrals */\n --bf-white: rgb(255 255 255);\n --bf-light: rgb(240 240 240);\n --bf-gray-light-extra: rgb(233 233 233);\n --bf-gray-light: rgb(204 204 204);\n --bf-gray: rgb(153 153 153);\n --bf-gray-dark: rgb(102 102 102);\n --bf-gray-dark-extra: rgb(51 51 51);\n --bf-dark: rgb(34 34 34);\n --bf-dark-extra: rgb(17 17 17);\n --bf-black: rgb(0 0 0);\n\n /* Highlight / mark */\n --bf-yellow-light: rgb(255 255 153);\n --bf-yellow: rgb(255 255 0);\n --bf-orange: rgb(255 165 0);\n\n /* Accent: WCAG AA on white (links 4.5:1) and white-on-blue buttons (4.5:1) */\n --bf-blue: rgb(0 86 179);\n --bf-blue-light: rgb(0 65 135);\n --bf-blue-light-extra: rgb(190 216 254);\n\n /* Invalid / error */\n --bf-red: rgb(255 0 0);\n\n /* Focus ring (prefers-contrast: more raises colour for WCAG 1.4.11) */\n --bf-focus-ring-color: var(--bf-orange);\n --bf-focus-ring-width: 0.2rem;\n --bf-focus-ring-offset: 0.3rem;\n\n /* Dark-mode surfaces (used by utility-global-dark*.css) */\n --bf-dark-bg: rgb(28 28 28);\n --bf-dark-link: rgb(77 165 255);\n --bf-dark-link-hover: rgb(77 165 255);\n --bf-dark-border-focus: rgb(26 140 255);\n --bf-dark-shadow-focus: rgb(3 102 214 / 50%);\n --bf-dark-mark-bg: rgb(230 230 0);\n --bf-dark-ins-bg: rgb(255 255 200);\n --bf-dark-button-hover: rgb(184 184 184);\n --bf-dark-button-shadow: rgb(255 255 255 / 45%);\n --bf-dark-invalid: rgb(255 38 38);\n\n /* Spacing scale + grid gutter */\n --bf-spacing-sm: 0.25rem;\n --bf-spacing-md: 0.5rem;\n --bf-spacing-lg: 1rem;\n --bf-spacing-xl: 2rem;\n --bf-spacing-xxl: 3rem;\n --bf-spacing-grid-gutter: 1.5rem;\n\n /* Type */\n --bf-font-sans-serif:\n -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell,\n 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n 'Segoe UI Symbol', 'Noto Color Emoji';\n --bf-font-serif: Georgia, Times, 'Times New Roman', serif;\n --bf-font-monospace:\n SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;\n --bf-body-font-size-rem: 1.6rem;\n --bf-body-line-height: 1.5;\n\n /* Breakpoint tokens (documentation / tooling; media queries use literal px below) */\n --bf-breakpoint-xs: 0;\n --bf-breakpoint-sm: 576px;\n --bf-breakpoint-md: 768px;\n --bf-breakpoint-lg: 992px;\n --bf-breakpoint-xl: 1200px;\n --bf-breakpoint-xxl: 1400px;\n}\n\n/* Layout */\n/* Border-box and HTML5 block elements. */\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\ndetails {\n display: block;\n}\n\ntemplate {\n display: none;\n}\n\n/* [hidden] stays hidden (except until-found). */\n[hidden]:where(:not([hidden='until-found'])) {\n display: none !important;\n}\n/* UA+ enhancements (adapted from https://fokus.dev/tools/uaplus/).\n * Light UA improvements; complements Bullframe base styles. */\n\n@layer {\n /* Disable mobile landscape text inflation on optimized layouts. */\n html {\n -webkit-text-size-adjust: none;\n -moz-text-size-adjust: none;\n text-size-adjust: none;\n }\n\n /* Stable scrollbar gutter avoids layout jump on short pages. */\n @supports (scrollbar-gutter: stable) {\n html {\n scrollbar-gutter: stable;\n }\n }\n\n /* Nested h1 size/margin: match modern UA (Safari still nests sectioning styles). */\n h1 {\n font-size: 2em;\n margin-block: 0.67em;\n }\n\n /* mark: system Highlight colors under forced-colors. */\n @media (forced-colors: active) {\n mark {\n color: HighlightText;\n background-color: Highlight;\n }\n }\n\n /* Embedded media: stay within container block/inline size. */\n audio,\n iframe,\n img,\n svg,\n video {\n max-block-size: 100%;\n max-inline-size: 100%;\n }\n\n /* fieldset: avoid min-content overflow from children. */\n fieldset {\n min-inline-size: 0;\n }\n\n /* Labels for text-like controls are block; :has() gated for older engines. */\n @supports selector(:has(*)) {\n label:has(+ input:not([type='radio'], [type='checkbox']), select, textarea) {\n display: block;\n }\n }\n\n /* Taller default textarea when rows is omitted. */\n textarea:not([rows]) {\n min-block-size: 6em;\n }\n\n /* Form controls inherit page font family/size. */\n button,\n input,\n select,\n textarea {\n font-family: inherit;\n font-size: inherit;\n }\n\n /* Search: drop WebKit rounded search chrome. */\n [type='search'] {\n -webkit-appearance: textfield;\n }\n\n /* iOS only: system border/background for search. */\n @supports (-webkit-touch-callout: none) {\n [type='search'] {\n border: 1px solid -apple-system-secondary-label;\n background-color: canvas;\n }\n }\n\n /* Keep tel/url/email/number LTR when a value is present (RTL placeholders stay). */\n input:where([type='tel'], [type='url'], [type='email'], [type='number']):not(\n :-moz-placeholder\n ) {\n direction: ltr;\n }\n input:where([type='tel'], [type='url'], [type='email'], [type='number']):not(\n :placeholder-shown\n ) {\n direction: ltr;\n }\n\n /* Tables: outer border. Cell borders and padding come from\n * miscellaneous/tables.css, which is unlayered and therefore wins. */\n table {\n border: 1px solid currentColor;\n }\n\n /* Soft dialog / popover enter transitions (skip when reduced-motion is on). */\n @media (prefers-reduced-motion: no-preference) {\n dialog::backdrop {\n background: rgb(0 0 0 / 0.3);\n }\n\n @supports (overlay: auto) {\n dialog,\n [popover],\n dialog::backdrop {\n opacity: 0;\n transition:\n opacity 300ms ease-out,\n display 300ms allow-discrete,\n overlay 300ms allow-discrete;\n }\n\n dialog[open],\n :popover-open,\n dialog[open]::backdrop {\n opacity: 1;\n }\n\n @starting-style {\n dialog[open],\n :popover-open,\n dialog[open]::backdrop {\n opacity: 0;\n }\n }\n }\n }\n\n /* Images as blocks (max-width still from embedded-content.css). */\n img {\n display: block;\n }\n\n /* Popovers: anchor near trigger when position-area is supported. */\n @supports (position-area: block-end span-inline-end) {\n [popover] {\n margin: 0;\n position-area: block-end span-inline-end;\n }\n }\n}\n\n/* Typography */\n/* Root type and page chrome. */\n\nhtml {\n -webkit-text-size-adjust: 100%;\n -moz-text-size-adjust: 100%;\n text-size-adjust: 100%;\n\n /* 62.5% root so 1rem ≈ 10px. */\n font-size: 62.5%;\n\n color: var(--bf-dark);\n font-family: system-ui, sans-serif;\n line-height: 1.15;\n\n /* No tap flash on touch. */\n -webkit-tap-highlight-color: rgb(0 0 0 / 0%);\n}\n\nbody {\n margin: 0;\n font-size: var(--bf-body-font-size-rem);\n line-height: var(--bf-body-line-height);\n font-weight: 400;\n text-align: left;\n\n /* System UI stack (OS-native). */\n font-family:\n /* Safari / iOS (San Francisco) */\n -apple-system,\n /* Chrome < 56 on macOS (San Francisco) */ BlinkMacSystemFont,\n /* Windows */ 'Segoe UI',\n /* Android */ Roboto,\n /* KDE */ Oxygen-Sans,\n /* Ubuntu */ Ubuntu,\n /* GNOME */ Cantarell,\n /* macOS 10.10 and below */ 'Helvetica Neue',\n Helvetica,\n /* Web fallback */ Arial,\n 'Noto Sans',\n sans-serif,\n /* Emoji */ 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol',\n 'Noto Color Emoji';\n\n /* Ligatures and kerning. */\n text-rendering: optimizeLegibility;\n\n /* Long unbroken strings (e.g. headlines) wrap instead of overflowing. */\n word-wrap: break-word;\n\n background-color: var(--bf-white);\n}\n/* Heading scale and rhythm. */\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n font-weight: 600;\n font-family: inherit;\n color: inherit;\n line-height: 1.25;\n margin-bottom: var(--bf-spacing-lg);\n}\n\n/* Balanced headings where supported; no-op elsewhere. */\n@supports (text-wrap: balance) {\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n text-wrap: balance;\n }\n}\n\nh1 {\n font-size: 36px;\n font-size: 3.6rem;\n}\n\nh2 {\n font-size: 30px;\n font-size: 3rem;\n}\n\nh3 {\n font-size: 24px;\n font-size: 2.4rem;\n}\n\nh4 {\n font-size: 20px;\n font-size: 2rem;\n}\n\nh5,\nh6 {\n font-size: 16px;\n font-size: 1.6rem;\n}\n/* Blockquote and citation. */\n\nblockquote {\n margin: 0 0 var(--bf-spacing-xl);\n padding-left: 0;\n font-style: italic;\n}\n\nblockquote p {\n margin-bottom: 0;\n}\n\nblockquote small {\n color: var(--bf-gray);\n display: block;\n}\n\nblockquote small::before {\n content: '\\2014 \\00A0';\n}\n\nq {\n quotes: '\\201C' '\\201D' '\\2018' '\\2019';\n}\n/* Paragraphs, abbr, mark/ins, emphasis, sub/sup, small, hr. */\n\np {\n margin: 0 0 var(--bf-spacing-xl) 0;\n}\n\n/* abbr (Bootstrap 4): dotted underline + help cursor. */\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n text-decoration: underline;\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n border-bottom: 0;\n}\n\nmark {\n background-color: var(--bf-yellow);\n color: var(--bf-black);\n}\n\nins {\n background-color: var(--bf-yellow-light);\n color: var(--bf-black);\n text-decoration: none;\n}\n\n/* Inherit first so Safari does not double-apply bolder, then set bolder. */\nb,\nstrong {\n font-weight: inherit;\n}\n\n/* stylelint-disable-next-line no-duplicate-selectors -- normalize.css Safari fix */\nb,\nstrong {\n font-weight: bolder;\n}\n\ndfn {\n font-style: italic;\n}\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -8px;\n top: -0.8rem;\n}\n\nsub {\n bottom: -4px;\n bottom: -0.4rem;\n}\n\nsmall {\n font-size: 80%;\n}\n\n/* Tighter leading when a paragraph contains <small>. */\n@supports selector(:has(*)) {\n p:has(small) {\n line-height: 1.25;\n }\n}\n\nhr {\n box-sizing: content-box;\n display: block;\n height: 0;\n border-style: solid;\n border-width: 1px 0 0;\n color: inherit;\n margin: var(--bf-spacing-xl) 0;\n padding: 0;\n overflow: visible; /* Edge: show overflow. */\n}\n/* pre / code / kbd / samp. */\n\npre {\n margin: 0 0 var(--bf-spacing-xl) 0;\n\n display: block;\n overflow: auto;\n word-break: break-all; /* WebKit */\n word-wrap: break-word;\n white-space: pre;\n hyphens: none;\n\n /* Keep scrollbars visible in legacy Edge.\n * https://github.com/twbs/bootstrap/pull/30685 */\n -ms-overflow-style: auto;\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family:\n /* macOS 10.10+ */\n Menlo, Consolas, 'Roboto Mono', 'Ubuntu Monospace', 'Noto Mono', 'Oxygen Mono',\n 'Liberation Mono', monospace, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n 'Noto Color Emoji';\n\n /* Mono faces read large; use a slightly smaller size. */\n font-size: 0.875em;\n}\n\ncode {\n word-wrap: break-word;\n}\n\na > code {\n color: inherit;\n}\n\npre code {\n font-size: inherit;\n color: inherit;\n word-break: normal;\n}\n\n/* Forms */\n/* Form control reset: inheritance, sizing, and UA quirks. */\n\n:where(html input, button, select, optgroup, textarea) {\n color: inherit;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\n:where(html input, button, [type='radio'], [type='checkbox'], select, optgroup, textarea) {\n margin: 0;\n}\n\n:where(html input, select, textarea, legend) {\n width: 100%;\n}\n\n/* Shrink-to-content controls stay auto-width. */\n:where(\n html label,\n button,\n [type='image'],\n [type='submit'],\n [type='reset'],\n html [type='button'],\n [type='radio'],\n [type='checkbox']\n) {\n width: auto;\n}\n\n/* inline-block: consistent sizing and vertical-align across engines. */\n:where(\n html input,\n label,\n select,\n textarea,\n button,\n html [type='button'],\n [type='reset'],\n [type='submit'],\n output\n) {\n display: inline-block;\n}\n\n:where([type='file']) {\n display: block;\n background-color: transparent;\n}\n\n:where(button, html input, select, textarea) {\n background-image: none;\n}\n\n:where(input, select, textarea) {\n vertical-align: baseline;\n}\n\n:where(form) {\n margin: 0;\n}\n\n/* Drop fieldset min-content width so nested grids can shrink. */\n:where(fieldset) {\n border: 0;\n padding: 0;\n margin: 0;\n min-width: 0;\n}\n\n:where(legend) {\n display: table; /* Text wrapping in Edge / IE. */\n max-width: 100%;\n white-space: normal;\n border: 0;\n padding: 0;\n font-weight: 400;\n margin-bottom: var(--bf-spacing-md);\n font-size: inherit;\n line-height: 1.375;\n color: inherit;\n}\n\n:where(label) {\n font-weight: 400;\n font-size: 90%;\n line-height: 1.375;\n margin-bottom: var(--bf-spacing-md);\n}\n\n:where(label input, label select, label textarea) {\n font-size: 110%;\n}\n\n::-webkit-inner-spin-button {\n height: auto;\n}\n\n::-webkit-datetime-edit-fields-wrapper,\n::-webkit-datetime-edit-text,\n::-webkit-datetime-edit-minute,\n::-webkit-datetime-edit-hour-field,\n::-webkit-datetime-edit-day-field,\n::-webkit-datetime-edit-month-field,\n::-webkit-datetime-edit-year-field {\n padding: 0;\n}\n\n::-webkit-color-swatch-wrapper {\n padding: 0;\n}\n\n:where([type='search']) {\n outline-offset: calc(-1 * var(--bf-spacing-sm));\n}\n\n:where(output) {\n vertical-align: middle;\n}\n\n:where(button, select) {\n text-transform: none;\n}\n\n:where(select) {\n word-wrap: normal;\n}\n\n/* Hide WebKit datalist picker chrome (Bootstrap Reboot 5.2).\n * https://unpkg.com/browse/bootstrap@5.2.0/dist/css/bootstrap-reboot.css */\n:where([list]):not(\n [type='date'],\n [type='datetime-local'],\n [type='month'],\n [type='week'],\n [type='time']\n )::-webkit-calendar-picker-indicator {\n display: none !important;\n}\n\n:where(optgroup) {\n font-family: inherit;\n font-size: inherit;\n font-style: inherit; /* Families without a 600 face. */\n font-weight: 600;\n}\n\n/* Reset WebKit / Blink appearance on text-like controls. */\n:where(\n button,\n html [type='button'],\n [type='reset'],\n [type='submit'],\n [type='email'],\n [type='number'],\n [type='text'],\n [type='tel'],\n [type='date'],\n [type='datetime-local'],\n [type='month'],\n [type='week'],\n [type='url'],\n [type='image'],\n [type='password'],\n [type='search'],\n [type='search']::-webkit-search-decoration,\n [type='search']::-webkit-search-cancel-button,\n input[list],\n textarea\n) {\n -webkit-appearance: none;\n appearance: none;\n}\n\n::file-selector-button {\n font: inherit;\n -webkit-appearance: auto;\n -moz-appearance: auto;\n appearance: auto;\n}\n\n:where(button, input, select, textarea) {\n border-radius: var(--bf-spacing-sm);\n}\n\n:where([type='radio']) {\n border-radius: 50%;\n}\n\n:where([type='checkbox']) {\n border-radius: var(--bf-spacing-md);\n}\n\n:where([type='radio'], [type='checkbox']) {\n padding: 0;\n background-color: var(--bf-white);\n}\n\n:where([type='range' i]) {\n background-color: transparent;\n}\n\n:where(select[size], select[multiple]) {\n height: auto;\n}\n\n:where(select[multiple]) {\n background-image: none;\n}\n\n:where(textarea) {\n height: auto;\n min-height: 60px;\n min-height: 6rem;\n overflow: auto;\n vertical-align: top;\n resize: vertical;\n}\n\n/* Firefox: strip inner focus padding/border. */\n::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\n:where(button, [type='button'], [type='reset'], [type='submit']) {\n line-height: normal;\n text-align: center;\n margin: 0;\n background-clip: padding-box;\n vertical-align: baseline;\n overflow: visible;\n -webkit-tap-highlight-color: rgb(0 0 0 / 0%);\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n border: 0;\n background-image: none; /* Firefox mobile */\n}\n\n:where(button, [type='button'], [type='reset'], [type='submit']):hover,\n:where(button, [type='button'], [type='reset'], [type='submit']):active,\n:where(button, [type='button'], [type='reset'], [type='submit']):focus {\n text-decoration: none;\n color: var(--bf-dark);\n}\n\n:where(\n button:not(:disabled),\n [type='button']:not(:disabled),\n [type='reset']:not(:disabled),\n [type='submit']:not(:disabled)\n) {\n cursor: pointer;\n}\n\n/* Firefox: input color must not override placeholder color.\n * https://github.com/necolas/normalize.css/issues/150 */\n:where(input::-moz-placeholder, textarea::-moz-placeholder) {\n color: var(--bf-gray-dark);\n}\n:where(input::placeholder, textarea::placeholder) {\n color: var(--bf-gray-dark);\n}\n\n/* Firefox: modern focus ring on all focusable elements. */\n:-moz-focusring {\n outline: auto;\n}\n\n/* Firefox: drop :-moz-ui-invalid glow; use .bf-invalid for JS validation.\n * https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-ui-invalid */\n:-moz-ui-invalid {\n box-shadow: none;\n}\n/* Form field and button chrome (borders, focus, disabled). */\n\n:where(\n [type='email'],\n [type='number'],\n [type='password'],\n [type='tel'],\n [type='search'],\n [type='text'],\n [type='date'],\n [type='datetime-local'],\n [type='month'],\n [type='week'],\n [type='time'],\n [type='url'],\n input[list],\n select,\n textarea\n) {\n background-color: var(--bf-white);\n border: 1px solid var(--bf-gray);\n padding: var(--bf-spacing-md) calc(var(--bf-spacing-lg) * 0.75);\n}\n\n:where(\n [type='email'],\n [type='number'],\n [type='password'],\n [type='tel'],\n [type='search'],\n [type='text'],\n [type='date'],\n [type='datetime-local'],\n [type='month'],\n [type='week'],\n [type='time'],\n [type='url'],\n input[list],\n select,\n textarea,\n [type='radio'],\n [type='checkbox']\n):active,\n:where(\n [type='email'],\n [type='number'],\n [type='password'],\n [type='tel'],\n [type='search'],\n [type='text'],\n [type='date'],\n [type='datetime-local'],\n [type='month'],\n [type='week'],\n [type='time'],\n [type='url'],\n input[list],\n select,\n textarea,\n [type='radio'],\n [type='checkbox']\n):focus {\n transition:\n border 0.2s,\n background-color 0.2s,\n box-shadow 0.2s;\n border-color: var(--bf-blue);\n box-shadow: 0 0 0 3px rgb(0 86 179 / 25%);\n}\n\n:where(button, [type='button'], [type='reset'], [type='submit']) {\n color: var(--bf-dark);\n padding: calc(var(--bf-spacing-xl) / 3) calc(calc(var(--bf-spacing-xl) / 3) * 2);\n background: var(--bf-gray-light);\n transition:\n color 0.2s,\n background 0.2s,\n box-shadow 0.2s;\n}\n\n:where(button, [type='button'], [type='reset'], [type='submit']):hover,\n:where(button, [type='button'], [type='reset'], [type='submit']):active,\n:where(button, [type='button'], [type='reset'], [type='submit']):focus:not(.bf-disabled):not(\n [aria-disabled='true']\n ) {\n text-decoration: none;\n color: var(--bf-dark);\n background: rgb(184 184 184); /* --bf-gray-light, ~10% darker */\n}\n\n:where(button, [type='button'], [type='reset'], [type='submit']):active,\n:where(button, [type='button'], [type='reset'], [type='submit']):focus:not(.bf-disabled):not(\n [aria-disabled='true']\n ) {\n box-shadow: 0 0 0 3px rgb(0 0 0 / 15%);\n}\n\n/* Disabled / aria-disabled / fieldset[disabled]. */\n:where(\n fieldset[disabled] button,\n fieldset[disabled] input,\n fieldset[disabled] input::after,\n fieldset[disabled] input::before,\n fieldset[disabled] input:checked,\n fieldset[disabled] select,\n fieldset[disabled] textarea,\n fieldset[disabled] label,\n button[disabled],\n input[disabled],\n input[disabled]::after,\n input[disabled]::before,\n input[disabled]:checked,\n select[disabled],\n textarea[disabled],\n label[disabled],\n button:disabled,\n input:disabled,\n input:disabled::after,\n input:disabled::before,\n input:disabled:checked,\n select:disabled,\n textarea:disabled,\n label:disabled,\n button[aria-disabled='true'],\n input[aria-disabled='true'],\n input[aria-disabled='true']::after,\n input[aria-disabled='true']::before,\n input[aria-disabled='true']:checked,\n select[aria-disabled='true'],\n textarea[aria-disabled='true'],\n label[aria-disabled='true']\n) {\n cursor: default !important;\n cursor: not-allowed !important;\n pointer-events: none !important;\n -webkit-user-select: none !important;\n -moz-user-select: none !important;\n user-select: none !important;\n box-shadow: none !important;\n outline: none !important;\n opacity: 0.5 !important;\n}\n/* Select: custom arrow for single-value controls.\n * Skip [size] / [multiple] (native UI differs by engine). Inspired by water.css. */\n\n:where(select):not([size], select[multiple]) {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background: var(--bf-white)\n 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\")\n no-repeat right 0.85rem center/8px 10px;\n padding-right: calc(var(--bf-spacing-lg) + var(--bf-spacing-lg));\n}\n\n/* RTL: mirror arrow after appearance:none removes the native control. */\n:where(*[dir='rtl']) :where(select):not([size], select[multiple]),\n:where(select[dir='rtl']):not([size], select[multiple]) {\n background-position: left 0.85rem top 50%;\n padding-right: calc(var(--bf-spacing-lg) * 0.75);\n padding-left: calc(var(--bf-spacing-lg) + var(--bf-spacing-lg));\n}\n/* Range: custom thumb/track when appearance:none is supported.\n * CodePen: https://codepen.io/marcop135/pen/JjGrNMx */\n\n@supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {\n :where([type='range']) {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n width: 100%;\n height: 1.4rem;\n }\n\n :where([type='range'])::-webkit-slider-thumb {\n border: 0;\n -webkit-appearance: none;\n appearance: none;\n\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -0.25rem;\n background-color: var(--bf-blue);\n border-radius: 1.5rem;\n -webkit-transition:\n background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out;\n transition:\n background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out;\n }\n\n :where([type='range'])::-webkit-slider-thumb:active {\n background-color: var(--bf-blue);\n }\n\n :where([type='range'])::-moz-range-thumb {\n border: 0;\n -moz-appearance: none;\n appearance: none;\n\n width: 1.5rem;\n height: 1.5rem;\n background-color: var(--bf-blue);\n border-radius: 1.5rem;\n -moz-transition:\n background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out;\n transition:\n background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out;\n }\n\n :where([type='range'])::-moz-range-thumb:active {\n background-color: var(--bf-blue);\n }\n\n :where([type='range'])::-webkit-slider-runnable-track {\n color: transparent;\n border-color: transparent;\n\n width: 100%;\n height: 0.65rem;\n cursor: pointer;\n background-color: var(--bf-gray-light-extra);\n }\n\n :where([type='range'])::-moz-range-track {\n color: transparent;\n border-color: transparent;\n\n width: 100%;\n height: 0.65rem;\n cursor: pointer;\n background-color: var(--bf-gray-light-extra);\n }\n\n :where([type='range']):focus {\n outline: none;\n }\n\n :where([type='range']):focus::-webkit-slider-thumb {\n box-shadow:\n 0 0 0 0.1rem var(--bf-white),\n 0 0 0 0.2rem rgb(0 123 255 / 25%);\n }\n\n :where([type='range']):focus::-moz-range-thumb {\n box-shadow:\n 0 0 0 0.1rem var(--bf-white),\n 0 0 0 0.2rem rgb(0 123 255 / 25%);\n }\n\n :where([type='range'])::-moz-focus-outer {\n border: 0;\n }\n\n :where([type='range']):disabled {\n pointer-events: none;\n }\n\n :where([type='range']):disabled::-webkit-slider-thumb {\n background-color: var(--bf-gray-light);\n }\n\n :where([type='range']):disabled::-moz-range-thumb {\n background-color: var(--bf-gray-light);\n }\n}\n\n/* Miscellaneous */\n/* Link defaults. --bf-blue meets WCAG AA 4.5:1 on white. */\n\na {\n color: var(--bf-blue);\n text-decoration: none;\n background-color: transparent; /* Legacy Edge active background. */\n}\n\na:hover,\na:focus {\n text-decoration: underline;\n color: var(--bf-blue-light);\n}\n\n/* Non-href anchors inherit text (Bootstrap reboot pattern). */\na:not([href], [tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href], [class]),\na:not([href], [class]):hover {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href], [tabindex]):focus {\n outline: 0;\n}\n/* Keyboard-first focus: :focus-visible ring from --bf-focus-ring-*; mute mouse outline.\n * Text-like controls clear UA outline here; field chrome is in forms/styling.css. */\n\n:where(:focus:not(:focus-visible)) {\n outline: none;\n}\n\n/* tabindex=\"-1\" targets should not show a ring on programmatic focus. */\n:where([tabindex='-1']:focus:not(:focus-visible)) {\n outline: 0 !important;\n}\n\n:focus-visible {\n outline: var(--bf-focus-ring-width) solid var(--bf-focus-ring-color);\n outline-offset: var(--bf-focus-ring-offset);\n}\n\n/* Clear UA outline on text-like controls (styled fields keep their own chrome).\n * Leave color / range / file alone; they often use custom widgets. */\nbutton:focus,\n[type='button']:focus,\n[type='reset']:focus,\n[type='submit']:focus,\n[type='email']:focus,\n[type='number']:focus,\n[type='password']:focus,\n[type='tel']:focus,\n[type='search']:focus,\n[type='text']:focus,\n[type='date']:focus,\n[type='datetime-local']:focus,\n[type='month']:focus,\n[type='time']:focus,\n[type='week']:focus,\n[type='url']:focus,\n[type='radio']:focus,\n[type='checkbox']:focus,\ninput[list]:focus,\nselect:focus,\ntextarea:focus {\n outline: 0;\n}\n/* List spacing and nav list reset. */\n\nmenu,\nol,\nul,\ndl {\n margin: 0 0 var(--bf-spacing-xl) 0;\n padding: 0;\n}\n\nmenu ul,\nmenu ol,\nul ul,\nul ol,\nol ol,\nol ul,\ndd {\n margin-bottom: 0;\n}\n\nul,\nol {\n margin-left: var(--bf-spacing-xl);\n}\n\nnav ol,\nnav ul {\n list-style: none;\n margin-left: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-left: 0;\n}\n\n/* VoiceOver: zero-width space so list-style:none lists stay announced. */\nnav li::before {\n content: '\\200B';\n position: absolute;\n}\n/* Media elements, figures, progress/meter, and iframes. */\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n}\n\nimg,\ncanvas,\naudio,\nvideo,\niframe,\nobject,\nembed {\n max-width: 100%;\n}\n\naudio,\nvideo,\ncanvas,\nimg,\nsvg {\n vertical-align: middle;\n}\n\nimg {\n height: auto;\n border-style: none;\n}\n\nfigure {\n margin: 0;\n}\n\nfigure,\nfigcaption {\n display: block;\n}\n\nfigcaption {\n line-height: 1.375;\n font-size: 90%;\n}\n\nvideo {\n height: auto;\n}\n\naudio {\n width: 100%;\n}\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\nsvg:not([fill]) {\n fill: currentColor;\n}\n\nprogress,\nmeter {\n display: inline-block;\n vertical-align: baseline;\n width: 100%;\n max-width: 100%;\n}\n\n/* progress[value] reset (https://css-tricks.com/html5-progress-element/). */\nprogress[value] {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: none; /* Firefox default border. */\n\n height: 20px;\n height: 2rem;\n\n background: var(--bf-gray-light);\n color: var(--bf-blue); /* Progress fill in IE10+. */\n}\n\nprogress[value]::-webkit-progress-bar {\n background: var(--bf-gray-light);\n}\n\nprogress[value]::-webkit-progress-value {\n background: var(--bf-blue);\n}\n\n/* No default border (covers embeds that ignore frameborder=\"0\"). */\niframe {\n border-style: none;\n}\n/* Address, details/summary, and dialog defaults. */\n\naddress {\n font-style: normal;\n margin-bottom: var(--bf-spacing-lg);\n line-height: inherit;\n}\n\ndetails > summary:first-of-type {\n display: list-item;\n}\n\nsummary {\n cursor: pointer;\n font-weight: 700;\n word-break: break-all;\n}\n\ndialog {\n background-color: var(--bf-white);\n color: var(--bf-dark);\n border: none;\n border-radius: var(--bf-spacing-sm);\n padding: var(--bf-spacing-xl);\n height: -moz-fit-content;\n height: fit-content;\n min-width: min(25rem, 100%);\n max-width: calc(100vw - (var(--bf-spacing-grid-gutter) * 2));\n}\n\n@media (min-width: 768px) {\n dialog {\n max-width: 50rem;\n }\n}\n\n/* Open dialog wins over [hidden] (e.g. <dialog hidden open>). */\ndialog[open] {\n display: block !important;\n}\n\ndialog::backdrop {\n background: rgb(0 0 0 / 40%);\n}\n/* Smooth scrolling when motion is allowed. */\n\n@media (prefers-reduced-motion: no-preference) {\n :root {\n scroll-behavior: smooth;\n }\n}\n/* Table border collapse and cell alignment. */\n\ntable {\n caption-side: bottom;\n max-width: 100%;\n border-collapse: collapse;\n border-color: currentcolor; /* Chrome / Safari inheritance. */\n text-indent: 0; /* Chrome / Safari table indent. */\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n}\n\nthead th {\n vertical-align: bottom;\n}\n\nth,\ntd {\n vertical-align: top;\n}\n\nth {\n text-align: inherit;\n text-align: -webkit-match-parent;\n font-weight: 700;\n}\n\ncaption {\n padding-top: var(--bf-spacing-md);\n padding-bottom: var(--bf-spacing-md);\n color: var(--bf-gray);\n text-align: left;\n caption-side: bottom;\n line-height: 1.375;\n font-size: 90%;\n}\n/* Accessibility helpers (adapted from sanitize.css). */\n\n/* Busy: progress cursor. */\n:where([aria-busy='true' i]) {\n cursor: progress;\n}\n\n/* Disabled / inoperable: not-allowed cursor. */\n:where([aria-disabled='true' i], [disabled]) {\n cursor: not-allowed;\n}\n\n/* aria-hidden=\"false\" on [hidden]: keep in a11y tree when not focused. */\n:where([aria-hidden='false' i][hidden]) {\n display: initial;\n}\n\n:where([aria-hidden='false' i][hidden]:not(:focus)) {\n clip: rect(0, 0, 0, 0);\n position: absolute;\n}\n/* Preference queries only (prefers-contrast, forced-colors). Additive. */\n\n/* prefers-contrast: more: underline links, thicker focus, stronger borders (WCAG 1.4.1). */\n@media (prefers-contrast: more) {\n a {\n text-decoration: underline;\n }\n\n /* Darker amber clears WCAG 1.4.11 (3:1) on white, --bf-light and --bf-dark-bg;\n * the default --bf-orange ring is only ~2:1 on white. */\n :root {\n --bf-focus-ring-color: rgb(184 115 0);\n }\n\n :focus-visible {\n outline-width: 0.3rem;\n outline-offset: 0.4rem;\n }\n\n [type='email'],\n [type='number'],\n [type='password'],\n [type='tel'],\n [type='search'],\n [type='text'],\n [type='date'],\n [type='datetime-local'],\n [type='month'],\n [type='time'],\n [type='url'],\n [type='week'],\n input[list],\n select,\n textarea {\n border-width: 2px;\n }\n}\n\n/* forced-colors: restore focus via Highlight; underline links; keep button borders. */\n@media (forced-colors: active) {\n :focus-visible {\n outline-color: Highlight;\n }\n\n a {\n text-decoration: underline;\n }\n\n /* Keep button borders so disabled/active stay distinguishable. */\n button,\n [type='button'],\n [type='reset'],\n [type='submit'] {\n border: 1px solid ButtonText;\n }\n}\n/* Always-dark overrides for classless (no media query, no .bf-* selectors). */\n\n/* Element-level dark-mode rules, shared by the class-based and classless dark\n * sheets. Contains no .bf-* selector, so the classless builds can import it as\n * they are. Class-based extras live in _utility-global-dark-shared.css.\n * Underscore prefix excludes this file from the buildAllCss glob. */\n\nhtml {\n color: var(--bf-light);\n}\n\nbody {\n background-color: var(--bf-dark-bg);\n}\n\na {\n color: var(--bf-dark-link);\n}\n\na:hover,\na:focus {\n color: var(--bf-dark-link-hover);\n}\n\nmark {\n background-color: var(--bf-dark-mark-bg);\n}\n\nins {\n background-color: var(--bf-dark-ins-bg);\n}\n\n[type='email'],\n[type='number'],\n[type='password'],\n[type='tel'],\n[type='search'],\n[type='text'],\n[type='date'],\n[type='datetime-local'],\n[type='month'],\n[type='week'],\n[type='time'],\n[type='url'],\n[type='range'],\ninput[list],\nselect,\nselect:not([size], select[multiple]),\ntextarea {\n background-color: var(--bf-dark-extra);\n border-color: var(--bf-black);\n color: var(--bf-gray-light);\n}\n\n[type='email']:active,\n[type='email']:focus,\n[type='number']:active,\n[type='number']:focus,\n[type='password']:active,\n[type='password']:focus,\n[type='tel']:active,\n[type='tel']:focus,\n[type='search']:active,\n[type='search']:focus,\n[type='text']:active,\n[type='text']:focus,\n[type='date']:active,\n[type='date']:focus,\n[type='datetime-local']:active,\n[type='datetime-local']:focus,\n[type='month']:active,\n[type='month']:focus,\n[type='week']:active,\n[type='week']:focus,\n[type='time']:active,\n[type='time']:focus,\n[type='url']:active,\n[type='url']:focus,\ninput[list]:active,\ninput[list]:focus,\nselect:active,\nselect:focus,\nselect:not([size], select[multiple]):active,\nselect:not([size], select[multiple]):focus,\ntextarea:active,\ntextarea:focus {\n background-color: var(--bf-dark-extra);\n border-color: var(--bf-dark-border-focus);\n box-shadow: 0 0 0 3px var(--bf-dark-shadow-focus);\n}\n\nselect:not([size], select[multiple]) {\n 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\");\n}\n\n[type='range'] {\n background-color: transparent;\n}\n\n[type='range']:focus {\n background-color: transparent;\n}\n\n[type='range']::-webkit-slider-runnable-track {\n background-color: var(--bf-dark-extra);\n}\n\n[type='range']::-moz-range-track {\n background-color: var(--bf-dark-extra);\n}\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n color: var(--bf-gray);\n}\n\ninput::placeholder,\ntextarea::placeholder {\n color: var(--bf-gray);\n}\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n background: var(--bf-gray-light);\n}\n\nbutton:hover,\nbutton:active,\nbutton:focus,\n[type='button']:hover,\n[type='button']:active,\n[type='button']:focus,\n[type='reset']:hover,\n[type='reset']:active,\n[type='reset']:focus,\n[type='submit']:hover,\n[type='submit']:active,\n[type='submit']:focus {\n background: var(--bf-dark-button-hover);\n}\n\nbutton:active,\nbutton:focus,\n[type='button']:active,\n[type='button']:focus,\n[type='reset']:active,\n[type='reset']:focus,\n[type='submit']:active,\n[type='submit']:focus {\n box-shadow: 0 0 0 3px var(--bf-dark-button-shadow);\n}\n\ndialog {\n color: var(--bf-light);\n background-color: var(--bf-dark-bg);\n}\n\ncaption {\n color: var(--bf-gray-light);\n}\n\nprogress[value] {\n background: var(--bf-gray-dark-extra);\n color: var(--bf-blue);\n}\n\nprogress[value]::-webkit-progress-bar {\n background: var(--bf-gray-dark-extra);\n}\n\nprogress[value]::-webkit-progress-value {\n background: var(--bf-blue);\n}\n\na:focus,\ninput:focus {\n outline-color: rgb(214 140 0); /* orange -15% */\n}\n\n:focus-visible {\n outline-color: rgb(214 140 0); /* orange -15% */\n}\n/* Dark scrollbar colors (Firefox + WebKit). */\n\nhtml {\n scrollbar-color: rgb(97 97 97) var(--bf-dark-extra); /* gray-dark -5% lightness */\n}\n\n/* WebKit thumb / track. */\n\n::-webkit-scrollbar {\n width: 1.5rem;\n height: 1.5rem;\n}\n\n::-webkit-scrollbar-track {\n background-color: var(--bf-dark-extra);\n}\n\n::-webkit-scrollbar-thumb {\n background-color: rgb(97 97 97); /* gray-dark -5% lightness */\n}\n\n::-webkit-scrollbar-thumb:hover {\n background-color: rgb(115 115 115); /* gray-dark +10% lightness */\n}\n"]}
|