bullframe.css 6.1.0 → 6.2.0

package/CHANGELOG.md

@@ -7,6 +7,28 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [6.2.0] - 2026-09-29
+
+### Added
+
+- AI agent skills: `bullframe-core`, `bullframe-landing-page`, `bullframe-forms`, `bullframe-docs-page`, `bullframe-convert`; `npx bullframe.css skills install` (Claude, Cursor, Codex).
+- Generated `api.json` (`.bf-*` classes, `--bf-*` tokens) in the package and at `/api.json`.
+- AI skills docs page; docs site 404 page.
+- `npm run test:e2e:sync-from-ci` to copy Playwright linux baselines from a CI run artifact.
+
+### Fixed
+
+- Non-existent classes in Grid, Cards, Spacing, and Text docs.
+- Wrong v6 token names in the migration guide.
+
+### Changed
+
+- npm publish is manual from the release tag; **Publish to npm** is `workflow_dispatch` only (no `release: published` trigger).
+
+### Security
+
+- Explicit `permissions: contents: read` on CI, Deploy docs, and Skills eval workflows.
+
 ## [6.1.0] - 2026-09-14
 
 ### Added
@@ -512,6 +534,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Initial commit on 19 November 2012
 - Framework aimed to kickstart cross-browser responsive HTML/CSS development
 
-[Unreleased]: https://github.com/marcop135/bullframe.css/compare/v6.1.0...HEAD
+[Unreleased]: https://github.com/marcop135/bullframe.css/compare/v6.2.0...HEAD
+[6.2.0]: https://github.com/marcop135/bullframe.css/compare/v6.1.0...v6.2.0
 [6.1.0]: https://github.com/marcop135/bullframe.css/compare/v6.0.0...v6.1.0
 [6.0.0]: https://github.com/marcop135/bullframe.css/compare/v5.1.0...v6.0.0

package/README.md

@@ -17,9 +17,13 @@ Semantic by default. Any stack.
 
 ---
 
-One-stylesheet CSS framework for plain HTML: no build step, no JavaScript. Typography, forms, tables, buttons, and layout out of the box.
+One CSS file for plain HTML: type, forms, tables, buttons, and layout. No build step. No JavaScript.
 
-Light or dark. Built for pages and forms: landings, docs, help centers, and marketing microsites.
+Class-based or classless. Light, dark, or system. About 8 kB gzipped. Drop it on a landing, docs site, or help center.
+
+## Quick start
+
+1. Add the stylesheet (CDN, always the latest release):
 
 <!-- sri:cdn:start -->
 ```html
@@ -27,7 +31,23 @@ Light or dark. Built for pages and forms: landings, docs, help centers, and mark
 ```
 <!-- sri:cdn:end -->
 
-[Check the docs →](https://bullframecss.marcopontili.com/)
+2. Write semantic HTML. Headings, forms, tables, and buttons are styled without classes.
+
+3. Swap the build when you need classless, dark, or system. See [Builds](#builds).
+
+Or install from npm:
+
+```bash
+npm install bullframe.css
+```
+
+```js
+import 'bullframe.css';
+```
+
+Default import: class-based, light. Other builds: `bullframe.css/classless`, `bullframe.css/dark`, and so on.
+
+[Docs](https://bullframecss.marcopontili.com/) · [Examples](https://bullframecss.marcopontili.com/examples)
 
 ## Features
 
@@ -35,10 +55,11 @@ Light or dark. Built for pages and forms: landings, docs, help centers, and mark
 - Classless when you want clean markup; classes when you need layout control
 - Light and dark out of the box, no theme script
 - One stylesheet, about 8 kB gzipped: type, forms, tables, buttons, layout
-- Restyle the whole page by changing a few colour tokens
-- Accessibility built in: clear focus, reduced motion respect, WCAG AA defaults
-- Works with any stack: drop it on a landing, docs site, or help center
+- Restyle the page by changing a few colour tokens
+- Accessibility built in: clear focus, reduced motion, WCAG AA defaults
+- Works with any stack: landings, docs, help centers
 - npm or CDN; nothing to compile to use it
+- AI skills for coding agents: `npx bullframe.css skills install`
 
 ## Examples
 
@@ -61,25 +82,17 @@ Ready to copy: landings, blogs, forms, docs. Plain HTML, one stylesheet.
 
 [Browse all examples →](https://bullframecss.marcopontili.com/examples)
 
-## Install
+## AI skills
 
-```bash
-npm install bullframe.css
-```
+Markdown skills for AI coding agents ship in the npm package. No server. No API key.
 
-```js
-import 'bullframe.css';
+```bash
+npx bullframe.css skills install
 ```
 
-Default import: class-based, light. Other builds: `bullframe.css/classless`, `bullframe.css/dark`, and so on. See [Builds](#builds) below.
-
-### CDN
-
-```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bullframe.css">
-```
+Writes skill files plus a managed `AGENTS.md` block, and the matching layout under `.claude`, `.cursor`, or `.agents` when those folders exist.
 
-Always the latest release. Swap the path for another build (e.g. `bullframe.css/dist/css/bullframe-classless.min.css`).
+Details: [AI skills](https://bullframecss.marcopontili.com/ai-skills).
 
 ## Builds
 
@@ -114,6 +127,7 @@ Seven files in `dist/css/`, each with a minified twin and a source map. Pick one
 | [Components](https://bullframecss.marcopontili.com/components/) | Cards, modals, navigation, buttons |
 | [Theming](https://bullframecss.marcopontili.com/theming) | Colours and dark mode |
 | [API reference](https://bullframecss.marcopontili.com/api-reference) | Full token and class list |
+| [AI skills](https://bullframecss.marcopontili.com/ai-skills) | Skills for AI coding agents |
 | [Changelog](./CHANGELOG.md) | Release notes |
 
 ## Contributing

package/bin/bullframe.mjs

@@ -0,0 +1,277 @@
+#!/usr/bin/env node
+/* Bullframe CSS command line.
+ *
+ * One job: copy the agent skills that ship in this package into the current project,
+ * in whatever layout the project's AI tooling reads. Zero dependencies, no network,
+ * no postinstall hook, and it never touches the framework's CSS.
+ *
+ *   npx bullframe.css skills list
+ *   npx bullframe.css skills install [--target claude,cursor,codex,agents,dir] [--dir <path>]
+ *   npx bullframe.css skills path
+ */
+import { cp, mkdir, readFile, writeFile, access } from 'node:fs/promises';
+import { constants } from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const here = path.dirname(fileURLToPath(import.meta.url));
+const packageRoot = path.resolve(here, '..');
+const skillsDir = path.join(packageRoot, 'dist', 'skills');
+
+const START = '<!-- bullframe:skills:start -->';
+const END = '<!-- bullframe:skills:end -->';
+const LOCAL_DIR = 'bullframe-skills';
+
+/** Tool targets that write into `$parent/skills/` with the same SKILL.md layout. */
+const TOOL_TARGETS = {
+  claude: { parent: '.claude', label: '.claude/skills' },
+  cursor: { parent: '.cursor', label: '.cursor/skills' },
+  codex: { parent: '.agents', label: '.agents/skills' },
+};
+
+const KNOWN_TARGETS = [...Object.keys(TOOL_TARGETS), 'agents', 'dir'];
+
+const USAGE = `bullframe.css - agent skills for the Bullframe CSS framework
+
+Usage
+  npx bullframe.css skills list
+  npx bullframe.css skills install [options]
+  npx bullframe.css skills path
+
+Install options
+  --target <list>   Comma separated: claude, cursor, codex, agents, dir.
+                    Default: agents, plus claude / cursor / codex when a
+                    .claude, .cursor, or .agents directory exists.
+  --dir <path>      Where the "dir" and "agents" targets copy the skills.
+                    Default: ./${LOCAL_DIR}
+  --dry-run         Print what would be written and exit without writing.
+  --force           Overwrite files that already differ.
+
+Other
+  --help, -h        This text
+  --version, -v     Package version
+`;
+
+function parseArgs(argv) {
+  const options = { targets: null, dir: null, dryRun: false, force: false };
+  const positional = [];
+
+  for (let i = 0; i < argv.length; i++) {
+    const arg = argv[i];
+    if (arg === '--target') options.targets = (argv[++i] ?? '').split(',').filter(Boolean);
+    else if (arg === '--dir') options.dir = argv[++i];
+    else if (arg === '--dry-run') options.dryRun = true;
+    else if (arg === '--force') options.force = true;
+    else if (arg === '--help' || arg === '-h') options.help = true;
+    else if (arg === '--version' || arg === '-v') options.version = true;
+    else if (arg.startsWith('-')) options.unknown = arg;
+    else positional.push(arg);
+  }
+
+  return { options, positional };
+}
+
+async function exists(target) {
+  try {
+    await access(target, constants.F_OK);
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+async function readIndex() {
+  try {
+    return JSON.parse(await readFile(path.join(skillsDir, 'index.json'), 'utf8'));
+  } catch {
+    fail(
+      `no skills found in ${skillsDir}.\nInstall the published package, or run "npm run skills:build" in a clone.`
+    );
+  }
+}
+
+function fail(message) {
+  console.error(`bullframe: ${message}`);
+  process.exit(1);
+}
+
+/** Replace the managed block in place, or append it. Never duplicates. */
+function mergeAgentsBlock(existing, body) {
+  const block = `${START}\n${body.trimEnd()}\n${END}\n`;
+  if (!existing) return block;
+
+  const start = existing.indexOf(START);
+  const end = existing.indexOf(END);
+  if (start !== -1 && end !== -1 && end > start) {
+    return existing.slice(0, start) + block.trimEnd() + existing.slice(end + END.length);
+  }
+
+  const separator = existing.endsWith('\n') ? '\n' : '\n\n';
+  return `${existing}${separator}${block}`;
+}
+
+async function writeFileIfNeeded(file, content, { dryRun, force }, written) {
+  const current = (await exists(file)) ? await readFile(file, 'utf8') : null;
+  if (current === content) {
+    written.push(`unchanged ${path.relative(process.cwd(), file)}`);
+    return;
+  }
+  if (current !== null && !force && !file.endsWith('AGENTS.md')) {
+    written.push(`skipped   ${path.relative(process.cwd(), file)} (exists, use --force)`);
+    return;
+  }
+  written.push(
+    `${current === null ? 'wrote    ' : 'updated  '} ${path.relative(process.cwd(), file)}`
+  );
+  if (dryRun) return;
+  await mkdir(path.dirname(file), { recursive: true });
+  await writeFile(file, content, 'utf8');
+}
+
+async function copyTree(from, to, { dryRun }, written, label) {
+  written.push(`${dryRun ? 'would copy' : 'copied   '} ${label}`);
+  if (dryRun) return;
+  await mkdir(path.dirname(to), { recursive: true });
+  await cp(from, to, { recursive: true, force: true });
+}
+
+/** Copy every skill plus `_shared` and `api.json` into `$parent/skills/`. */
+async function installToolLayout(index, parentDir, label, options, written) {
+  const root = path.join(parentDir, 'skills');
+  for (const skill of index.skills) {
+    await copyTree(
+      path.join(skillsDir, skill.name),
+      path.join(root, skill.name),
+      options,
+      written,
+      `${label}/${skill.name}/`
+    );
+  }
+  await copyTree(
+    path.join(skillsDir, '_shared'),
+    path.join(root, '_shared'),
+    options,
+    written,
+    `${label}/_shared/`
+  );
+  await writeFileIfNeeded(
+    path.join(root, '_shared', 'api.json'),
+    await readFile(path.join(skillsDir, 'api.json'), 'utf8'),
+    { ...options, force: true },
+    written
+  );
+}
+
+async function listSkills() {
+  const index = await readIndex();
+  console.log(`bullframe.css ${index.version} - ${index.skills.length} skills\n`);
+  for (const skill of index.skills) {
+    console.log(`  ${skill.name}`);
+    console.log(`    ${skill.description}`);
+    if (skill.requires?.length) console.log(`    requires: ${skill.requires.join(', ')}`);
+  }
+  console.log(`\nInstall with: npx bullframe.css skills install`);
+}
+
+async function installSkills(options) {
+  const index = await readIndex();
+  const cwd = process.cwd();
+  const localDir = path.resolve(cwd, options.dir ?? LOCAL_DIR);
+
+  let targets = options.targets;
+  if (!targets) {
+    targets = ['agents'];
+    for (const [name, { parent }] of Object.entries(TOOL_TARGETS)) {
+      if (await exists(path.join(cwd, parent))) targets.push(name);
+    }
+  }
+
+  const unknown = targets.filter((t) => !KNOWN_TARGETS.includes(t));
+  if (unknown.length) {
+    fail(`unknown target "${unknown[0]}". Use ${KNOWN_TARGETS.join(', ')}.`);
+  }
+
+  const written = [];
+
+  for (const name of Object.keys(TOOL_TARGETS)) {
+    if (!targets.includes(name)) continue;
+    const { parent, label } = TOOL_TARGETS[name];
+    await installToolLayout(index, path.join(cwd, parent), label, options, written);
+  }
+
+  if (targets.includes('agents') || targets.includes('dir')) {
+    for (const skill of index.skills) {
+      await copyTree(
+        path.join(skillsDir, skill.name),
+        path.join(localDir, skill.name),
+        options,
+        written,
+        `${path.relative(cwd, localDir)}/${skill.name}/`
+      );
+    }
+    for (const file of ['_shared', 'api.json', 'index.json']) {
+      await copyTree(
+        path.join(skillsDir, file),
+        path.join(localDir, file),
+        options,
+        written,
+        `${path.relative(cwd, localDir)}/${file}`
+      );
+    }
+  }
+
+  if (targets.includes('agents')) {
+    const agentsFile = path.join(cwd, 'AGENTS.md');
+    const body = await readFile(path.join(skillsDir, index.agentsBlock), 'utf8');
+    const existing = (await exists(agentsFile)) ? await readFile(agentsFile, 'utf8') : null;
+    await writeFileIfNeeded(
+      agentsFile,
+      mergeAgentsBlock(existing, body),
+      { ...options, force: true },
+      written
+    );
+  }
+
+  console.log(`bullframe.css ${index.version} - targets: ${targets.join(', ')}`);
+  for (const line of written) console.log(`  ${line}`);
+  if (options.dryRun) console.log('\nDry run: nothing was written.');
+}
+
+async function main() {
+  const { options, positional } = parseArgs(process.argv.slice(2));
+
+  if (options.version) {
+    const pkg = JSON.parse(await readFile(path.join(packageRoot, 'package.json'), 'utf8'));
+    console.log(pkg.version);
+    return;
+  }
+  if (options.help || positional.length === 0) {
+    console.log(USAGE);
+    return;
+  }
+  if (options.unknown) {
+    console.error(`bullframe: unknown option "${options.unknown}"\n`);
+    console.log(USAGE);
+    process.exit(2);
+  }
+
+  const [group, command] = positional;
+  if (group !== 'skills') {
+    console.error(`bullframe: unknown command "${group}"\n`);
+    console.log(USAGE);
+    process.exit(2);
+  }
+
+  if (command === 'list') return listSkills();
+  if (command === 'install') return installSkills(options);
+  if (command === 'path') {
+    console.log(skillsDir);
+    return;
+  }
+
+  console.error(`bullframe: unknown subcommand "${command ?? ''}"\n`);
+  console.log(USAGE);
+  process.exit(2);
+}
+
+main().catch((error) => fail(error.message));

package/dist/css/bullframe-classless-dark.css

@@ -1,4 +1,4 @@
-/* ! Bullframe CSS v6.1.0 | MIT License | https://github.com/marcop135/bullframe.css  */
+/* ! Bullframe CSS v6.2.0 | MIT License | https://github.com/marcop135/bullframe.css  */
 
 /* Always-dark classless build. */
 

package/dist/css/bullframe-classless-dark.min.css

@@ -1 +1 @@
-/* ! Bullframe CSS v6.1.0 | 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}
+/* ! Bullframe CSS v6.2.0 | 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}