bullframe.css 5.1.0 → 6.0.0

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

@@ -1 +1 @@
-{"version":3,"sources":["file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/typography/_typography-blockquotes.scss","../../src/scss/bullframe-classless.scss","<no source>","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/miscellaneous/_misc-layout.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/typography/_typography-html-body.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/variables/_variables-colors.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/variables/_variables-texts.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/typography/_typography-headings.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/variables/_variables-spacing.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/typography/_typography-monospaced-elements.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/typography/_typography-misc.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/miscellaneous/_misc-anchors.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/miscellaneous/_misc-focus.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/miscellaneous/_misc-lists.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/miscellaneous/_misc-embedded-content.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/miscellaneous/_misc-interactive.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/miscellaneous/_misc-scrolling.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/miscellaneous/_misc-tables.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/miscellaneous/_misc-accessibility.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/forms/_forms-normalization.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/forms/_forms-styling.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/forms/_forms-styling-select.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/forms/_forms-styling-radio-checkbox.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/forms/_forms-styling-range.scss"],"names":[],"mappings":"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","file":"bullframe-classless.min.css","sourcesContent":["@use '../variables/variables-colors' as bf-v-color;\n@use '../variables/variables-texts' as bf-v-text;\n@use '../variables/variables-spacing' as bf-v-space;\n@use '../variables/variables-breakpoints' as bf-v-bp;\n@use 'sass:color';\n\nblockquote {\n  margin-bottom: bf-v-space.$bf-spacing-xl-rem;\n  padding-left: 0;\n  font-style: italic;\n}\n\nblockquote p {\n  margin-bottom: 0;\n}\n\nblockquote small {\n  color: bf-v-color.$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","@charset \"UTF-8\";\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] {\n  display: none !important;\n}\n\nhtml {\n  text-size-adjust: 100%;\n  font-size: 62.5%;\n  color: #222;\n  font-family: sans-serif;\n  line-height: 1.15;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\nbody {\n  margin: 0;\n  font-size: 1.6rem;\n  line-height: 1.5;\n  font-weight: 400;\n  text-align: left;\n  font-family: BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  text-rendering: optimizeLegibility;\n  word-wrap: break-word;\n  background-color: #fff;\n}\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: 1rem;\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\nblockquote {\n  margin-bottom: 2rem;\n  padding-left: 0;\n  font-style: italic;\n}\n\nblockquote p {\n  margin-bottom: 0;\n}\n\nblockquote small {\n  color: #999;\n  display: block;\n}\n\nblockquote small::before {\n  content: \"— \";\n}\n\nq {\n  quotes: \"“\" \"”\" \"‘\" \"’\";\n}\n\npre {\n  margin: 0 0 2rem 0;\n  display: block;\n  overflow: auto;\n  word-break: break-all;\n  word-wrap: break-word;\n  white-space: pre;\n  hyphens: none;\n  -ms-overflow-style: auto;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  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\";\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\np {\n  margin: 0 0 2rem 0;\n}\n\nabbr[title],\nabbr[data-original-title] {\n  cursor: help;\n  text-decoration: underline;\n  text-decoration: underline dotted;\n  border-bottom: 0;\n}\n\nmark {\n  background-color: #ff0;\n  color: #000;\n}\n\nins {\n  background-color: #ff9;\n  color: #000;\n  text-decoration: none;\n}\n\nb,\nstrong {\n  font-weight: inherit;\n}\n\nb,\nstrong {\n  /* stylelint-disable-next-line */\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\np:has(small) {\n  line-height: 1.25;\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: 2rem 0;\n  padding: 0;\n  overflow: visible;\n}\n\na {\n  color: #007bff;\n  text-decoration: none;\n  background-color: transparent;\n}\na:hover, a:focus {\n  text-decoration: underline;\n  color: #0056b3;\n}\n\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\n:where(:focus:not(:focus-visible)) {\n  outline: none;\n}\n\n:where([tabindex=\"-1\"]:focus:not(:focus-visible)) {\n  outline: 0 !important;\n}\n\n:where(a:focus, input:focus) {\n  outline: 2px solid orange;\n}\n\n:where(:focus-visible) {\n  outline: 2px solid orange;\n}\n\n:where(button,\n[type=button],\n[type=reset],\n[type=submit],\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=week],\n[type=url],\n[type=radio],\n[type=checkbox],\ninput[list],\nselect,\ntextarea):focus {\n  outline: 0;\n}\n\nmenu,\nol,\nul,\ndl {\n  margin: 0 0 2rem 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: 2rem;\n}\n\nnav ol,\nnav ul {\n  list-style: none;\n  list-style-image: none;\n  margin-left: 0;\n}\n\ndt {\n  font-weight: 700;\n}\n\ndd {\n  margin-left: 0;\n}\n\nnav li::before {\n  content: \"​\";\n  position: absolute;\n}\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\nprogress[value] {\n  appearance: none;\n  border: none;\n  height: 20px;\n  height: 2rem;\n  background: #ccc;\n  color: #007bff;\n}\n\nprogress[value]::-webkit-progress-bar {\n  background: #ccc;\n}\n\nprogress[value]::-webkit-progress-value {\n  background: #007bff;\n}\n\niframe {\n  border-style: none;\n}\n\naddress {\n  font-style: normal;\n  margin-bottom: 10px;\n  margin-bottom: 1rem;\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: #fff;\n  color: #222;\n  border: none;\n  border-radius: 0.25rem;\n  padding: 20px;\n  padding: 2rem;\n  height: fit-content;\n  min-width: 25rem;\n  max-width: calc(100vw - 3rem);\n}\n@media (min-width: 768px) {\n  dialog {\n    max-width: 50rem;\n  }\n}\n\ndialog[open] {\n  display: block !important;\n}\n\ndialog::backdrop {\n  background: rgba(0, 0, 0, 0.4);\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  :root {\n    scroll-behavior: smooth;\n  }\n}\ntable {\n  caption-side: bottom;\n  max-width: 100%;\n  border-collapse: collapse;\n  border-color: currentcolor;\n  text-indent: 0;\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: 0.5rem;\n  padding-bottom: 0.5rem;\n  color: #999;\n  text-align: left;\n  caption-side: bottom;\n  line-height: 1.375;\n  font-size: 90%;\n}\n\n/* Accessibility\n * ========================================================================== */\n/**\n * Change the cursor on busy elements in all browsers (opinionated).\n */\n:where([aria-busy=true i]) {\n  cursor: progress;\n}\n\n/*\n * Change the cursor on disabled, not-editable, or otherwise\n * inoperable elements in all browsers (opinionated).\n */\n:where([aria-disabled=true i], [disabled]) {\n  cursor: not-allowed;\n}\n\n/*\n * Change the display on visually hidden accessible elements\n * in all browsers (opinionated).\n */\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\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,\nbutton,\n[type=radio],\n[type=checkbox],\nselect,\noptgroup,\ntextarea) {\n  margin: 0;\n}\n\n:where(html input, select, textarea, legend) {\n  width: 100%;\n}\n\n:where(html label,\nbutton,\n[type=image],\n[type=submit],\n[type=reset],\nhtml [type=button],\n[type=radio],\n[type=checkbox]) {\n  width: auto;\n}\n\n:where(html input,\nlabel,\nselect,\ntextarea,\nbutton,\nhtml [type=button],\n[type=reset],\n[type=submit],\noutput) {\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:where(fieldset) {\n  border: 0;\n  padding: 0;\n  margin: 0;\n  min-width: 0;\n}\n\n:where(legend) {\n  display: table;\n  max-width: 100%;\n  white-space: normal;\n  border: 0;\n  padding: 0;\n  font-weight: 400;\n  margin-bottom: 5px;\n  margin-bottom: 0.5rem;\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: 5px;\n  margin-bottom: 0.5rem;\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: -0.25rem;\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:where([list]):not([type=date],\n[type=datetime-local],\n[type=month],\n[type=week],\n[type=time])::-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;\n  font-weight: 600;\n}\n\n:where(button,\nhtml [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,\ninput[list],\ntextarea) {\n  appearance: none;\n}\n\n::-webkit-file-upload-button {\n  font: inherit;\n  appearance: auto;\n}\n\n::file-selector-button {\n  font: inherit;\n  appearance: auto;\n}\n\n:where(button, input, select, textarea) {\n  border-radius: 0.25rem;\n}\n\n:where([type=radio]) {\n  border-radius: 50%;\n}\n\n:where([type=checkbox]) {\n  border-radius: 0.5rem;\n}\n\n:where([type=radio], [type=checkbox]) {\n  padding: 0;\n  background-color: #fff;\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::-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: rgba(0, 0, 0, 0);\n  user-select: none;\n  border: 0;\n  background-image: none;\n}\n:where(button, [type=button], [type=reset], [type=submit]):hover, :where(button, [type=button], [type=reset], [type=submit]):active, :where(button, [type=button], [type=reset], [type=submit]):focus {\n  text-decoration: none;\n  color: #222;\n}\n\n:where(button:not(:disabled),\n[type=button]:not(:disabled),\n[type=reset]:not(:disabled),\n[type=submit]:not(:disabled)) {\n  cursor: pointer;\n}\n\n:where(input::placeholder, textarea::placeholder) {\n  color: #666;\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n:-moz-focusring {\n  outline: auto;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n:where([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],\ninput[list],\nselect,\ntextarea) {\n  background-color: #fff;\n  border: 1px solid #999;\n  padding: 0.5rem 0.75rem;\n}\n\n:where([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],\ninput[list],\nselect,\ntextarea,\n[type=radio],\n[type=checkbox]):active, :where([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],\ninput[list],\nselect,\ntextarea,\n[type=radio],\n[type=checkbox]):focus {\n  transition: border 0.2s, background-color 0.2s, box-shadow 0.2s;\n  border-color: #007bff;\n  box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25);\n}\n\n:where(button, [type=button], [type=reset], [type=submit]) {\n  color: #222;\n  padding: 0.6666666667rem 1.3333333333rem;\n  background: #ccc;\n  transition: color 0.2s, background 0.2s, box-shadow 0.2s;\n}\n:where(button, [type=button], [type=reset], [type=submit]):hover, :where(button, [type=button], [type=reset], [type=submit]):active, :where(button, [type=button], [type=reset], [type=submit]):focus {\n  text-decoration: none;\n  color: #222;\n  background: rgb(178.5, 178.5, 178.5);\n}\n:where(button, [type=button], [type=reset], [type=submit]):active, :where(button, [type=button], [type=reset], [type=submit]):focus {\n  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);\n}\n\n:where(fieldset[disabled] button,\nfieldset[disabled] input,\nfieldset[disabled] input::after,\nfieldset[disabled] input::before,\nfieldset[disabled] input:checked,\nfieldset[disabled] select,\nfieldset[disabled] textarea,\nfieldset[disabled] label,\nbutton[disabled],\ninput[disabled],\ninput[disabled]::after,\ninput[disabled]::before,\ninput[disabled]:checked,\nselect[disabled],\ntextarea[disabled],\nlabel[disabled],\nbutton:disabled,\ninput:disabled,\ninput:disabled::after,\ninput:disabled::before,\ninput:disabled:checked,\nselect:disabled,\ntextarea:disabled,\nlabel:disabled,\nbutton[aria-disabled=true],\ninput[aria-disabled=true],\ninput[aria-disabled=true]::after,\ninput[aria-disabled=true]::before,\ninput[aria-disabled=true]:checked,\nselect[aria-disabled=true],\ntextarea[aria-disabled=true],\nlabel[aria-disabled=true]) {\n  cursor: default !important;\n  cursor: not-allowed !important;\n  pointer-events: none !important;\n  user-select: none !important;\n  box-shadow: none !important;\n  opacity: 0.5 !important;\n}\n\n:where(select):not([size], select[multiple]) {\n  appearance: none;\n  background: #fff url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\") no-repeat right 0.85rem center/8px 10px;\n  padding-right: 2rem;\n}\n\n:where(select)::-ms-expand {\n  display: none;\n}\n\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: 0.75rem;\n  padding-left: 2rem;\n}\n\n:where([type=checkbox], [type=radio]) {\n  appearance: none;\n  height: 1.8rem;\n  width: 1.8rem;\n  vertical-align: top;\n  position: relative;\n  border: 1px solid/#999;\n}\n:where([type=checkbox], [type=radio]) + label {\n  line-height: 1.8rem;\n  vertical-align: top;\n  margin-left: 5px;\n  margin-left: 0.5rem;\n}\n*[dir=rtl] :where([type=checkbox], [type=radio]) + label, :where([type=checkbox], [type=radio])[dir=rtl] + label {\n  margin-left: 0;\n  margin-right: 5px;\n  margin-right: 0.5rem;\n}\n:where([type=checkbox], [type=radio])::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n}\n:where([type=checkbox], [type=radio]):checked {\n  background-color: #007bff;\n  border-color: #000;\n}\n\n:where([type=radio])::after {\n  width: 1.8rem;\n  height: 1.8rem;\n  left: -0.05rem;\n  top: -0.05rem;\n  border-radius: 50%;\n  background: #fff;\n  transform: scale(0.35);\n}\n\n:where([type=checkbox])::after {\n  width: 0.6rem;\n  height: 0.8rem;\n  border: 2px solid/#fff;\n  border-top: 0;\n  border-left: 0;\n  left: 35%;\n  top: 20%;\n  transform: rotate(43deg);\n}\n\n:where([type=range]) {\n  appearance: none;\n  width: 100%;\n  height: 1.4rem;\n}\n\n:where([type=range])::-webkit-slider-thumb {\n  border: 0;\n  appearance: none;\n  width: 1.5rem;\n  height: 1.5rem;\n  margin-top: -0.25rem;\n  background-color: #007bff;\n  border-radius: 1.5rem;\n  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n:where([type=range])::-webkit-slider-thumb:active {\n  background-color: #007bff;\n}\n\n:where([type=range])::-moz-range-thumb {\n  border: 0;\n  appearance: none;\n  width: 1.5rem;\n  height: 1.5rem;\n  background-color: #007bff;\n  border-radius: 1.5rem;\n  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n:where([type=range])::-moz-range-thumb:active {\n  background-color: #007bff;\n}\n\n:where([type=range])::-webkit-slider-runnable-track {\n  color: transparent;\n  border-color: transparent;\n  width: 100%;\n  height: 0.65rem;\n  cursor: pointer;\n  background-color: #e9e9e9;\n}\n\n:where([type=range])::-moz-range-track {\n  color: transparent;\n  border-color: transparent;\n  width: 100%;\n  height: 0.65rem;\n  cursor: pointer;\n  background-color: #e9e9e9;\n}\n\n:where([type=range]):focus {\n  outline: none;\n}\n:where([type=range]):focus::-webkit-slider-thumb {\n  box-shadow: 0 0 0 0.1rem/#fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n}\n:where([type=range]):focus::-moz-slider-thumb {\n  box-shadow: 0 0 0 0.1rem/#fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n}\n\n:where([type=range])::-moz-focus-outer {\n  border: 0;\n}\n\n:where([type=range]):focus::-moz-range-thumb {\n  box-shadow: 0 0 0 0.1rem/#fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n}\n\n:where([type=range]):disabled {\n  pointer-events: none;\n}\n:where([type=range]):disabled::-webkit-slider-thumb {\n  background-color: #ccc;\n}\n:where([type=range]):disabled::-moz-slider-thumb {\n  background-color: #ccc;\n}",null,"*,\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// Always hide an element with the `hidden` HTML attribute\n[hidden] {\n  display: none !important;\n}\n","@use '../variables/variables-colors' as bf-v-color;\n@use '../variables/variables-texts' as bf-v-text;\n@use '../variables/variables-spacing' as bf-v-space;\n@use '../variables/variables-breakpoints' as bf-v-bp;\n@use 'sass:color';\n\nhtml {\n  text-size-adjust: 100%;\n\n  // resize the base font-size and get an easy math for rem units\n  // https://snook.ca/archives/html_and_css/font-size-with-rem\n  font-size: 62.5%;\n\n  color: bf-v-color.$bf-dark;\n\n  // set a default font-family and line-height\n  font-family: sans-serif;\n  line-height: 1.15;\n\n  // remove a tap background when a link or interactive element is focused\n  // if is touch\n  -webkit-tap-highlight-color: rgb(0 0 0 / 0%);\n}\n\nbody {\n  margin: 0;\n  font-size: bf-v-text.$bf-body-font-size-rem; // '1.6rem' by default\n  line-height: bf-v-text.$bf-body-line-height; // '1.5' by default\n\n  // this is useful to inherit values for some elements (e.g. forms)\n  font-weight: 400;\n  text-align: left;\n\n  // native font stack for optimum text rendering on every device and OS\n  // this stack mimics the system font UI\n  // a web apps looks like a native app (e.g. Android = Roboto font)\n  // Read more:\n  // https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/\n  font-family:\n\n\t\t// Safari for OS X and iOS (San Francisco) -apple-system,\n    // Chrome < 56 for OS X (San Francisco)\n    BlinkMacSystemFont,\n    // Windows\n    'Segoe UI',\n    // Android\n    Roboto,\n    // Linux with KDE\n    Oxygen-Sans,\n    // Ubuntu (all variants)\n    Ubuntu,\n    // Linux with GNOME Shell\n    Cantarell,\n    // macOS 1.10 and below\n    'Helvetica Neue',\n    Helvetica,\n    // Basic web fallback\n    Arial,\n    'Noto Sans',\n    sans-serif,\n    // emoji fonts\n    'Apple Color Emoji',\n    'Segoe UI Emoji',\n    'Segoe UI Symbol',\n    'Noto Color Emoji';\n\n  // this enable font ligatures\n  text-rendering: optimizeLegibility;\n\n  // break very long texts by default, especially on old browsers\n  // e.g. big <h1> or <h2> headlines\n  word-wrap: break-word;\n\n  background-color: bf-v-color.$bf-white;\n}\n","@use 'sass:color';\n\n// TIP: make colors lighter/darker with Sass\n// https://sass-lang.com/documentation/modules/color/\n// e.g., lighter: \"color: color.adjust($gray, $lightness: 15%);\"\n// e.g., darker: \"color: color.adjust($gray, $lightness: -15%);\"\n\n// customise/enlarge this small selection as needed\n\n// hex to rgba online converter http://www.hex2rgba.devoth.com/\n\n// backgrounds, texts and borders\n$bf-white: #fff; // rgba(255,255,255,1)\n$bf-light: #f0f0f0; // rgba(240,240,240,1)\n$bf-gray-light-extra: #e9e9e9; // rgba(233,233,233,1)\n$bf-gray-light: #ccc; // rgba(204,204,204,1)\n$bf-gray: #999; // rgba(153,153,153,1)\n$bf-gray-dark: #666; // rgba(102,102,102,1)\n$bf-gray-dark-extra: #333; // rgba(51,51,51,1)\n$bf-dark: #222; // rgba(34,34,34,1)\n$bf-dark-extra: #111; // rgba(17,17,17,1)\n$bf-black: #000; // rgba(0,0,0,1)\n\n// <mark> and <ins>\n$bf-yellow-light: #ff9; // rgba(255,255,153,1)\n$bf-yellow: #ff0; // rgba(255,255,0,1)\n\n// anchors and accent\n$bf-blue: #007bff; // rgba(0,123,255,1)\n$bf-blue-light: #0056b3; // rgba(0,86,179,1)\n$bf-blue-light-extra: #bed8fe; // rgba(190, 216, 254, 1)\n\n// invalid forms\n$bf-red: #f00; // rgba(255,0,0,1)\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: 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","@use '../variables/variables-colors' as bf-v-color;\n@use '../variables/variables-texts' as bf-v-text;\n@use '../variables/variables-spacing' as bf-v-space;\n@use '../variables/variables-breakpoints' as bf-v-bp;\n@use 'sass:color';\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0; // fallback\n  font-weight: 600;\n  font-family: inherit;\n  color: inherit;\n  line-height: 1.25;\n  margin-bottom: bf-v-space.$bf-spacing-lg-rem;\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","// customise this spacing selection as needed\n\n// the REM unit is the default,\n// preceded by the PX unit as fallback for old browsers (IE)\n// https://caniuse.com/#search=rem\n//\n// e.g.\n// html { font-size: 62.5%; }\n// body { font-size: 16px; }\n// h1 { font-size: 30px; font-size: 3rem; }\n\n$bf-spacing-sm-px: 2.5px;\n$bf-spacing-md-px: 5px;\n$bf-spacing-lg-px: 10px;\n$bf-spacing-xl-px: 20px;\n$bf-spacing-xxl-px: 30px;\n$bf-spacing-sm-rem: 0.25rem;\n$bf-spacing-md-rem: 0.5rem;\n$bf-spacing-lg-rem: 1rem;\n$bf-spacing-xl-rem: 2rem;\n$bf-spacing-xxl-rem: 3rem;\n\n// ! grid system only\n$bf-spacing-grid-gutter-rem: 1.5rem;\n","@use '../variables/variables-colors' as bf-v-color;\n@use '../variables/variables-texts' as bf-v-text;\n@use '../variables/variables-spacing' as bf-v-space;\n@use '../variables/variables-breakpoints' as bf-v-bp;\n@use 'sass:color';\n\npre {\n  margin: 0 0 bf-v-space.$bf-spacing-xl-rem 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  // Disable auto-hiding scrollbar 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\n  /* macOS 1.10+ */\n    Menlo,\n     Consolas,\n     'Roboto Mono',\n     'Ubuntu Monospace',\n     'Noto Mono',\n     'Oxygen Mono',\n     'Liberation Mono',\n     monospace,\n     'Apple Color Emoji',\n    'Segoe UI Emoji',\n    'Segoe UI Symbol',\n    'Noto Color Emoji';\n\n  // a monospaced text font should looks bigger, so a smaller font-size\n  // is preferred\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","@use \"../variables/variables-colors\" as bf-v-color;\n@use \"../variables/variables-texts\" as bf-v-text;\n@use \"../variables/variables-spacing\" as bf-v-space;\n@use \"../variables/variables-breakpoints\" as bf-v-bp;\n@use \"sass:color\";\n\np {\n  margin: 0 0 bf-v-space.$bf-spacing-xl-rem 0;\n}\n\n// Abbreviations (taken from Bootstrap 4)\n//\n// 1. Remove the bottom border in Firefox 39-.\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\nabbr[title],\nabbr[data-original-title] {\n  cursor: help;\n  text-decoration: underline; // 2\n  text-decoration: underline dotted; // 2\n  border-bottom: 0; // 2\n}\n\nmark {\n  background-color: bf-v-color.$bf-yellow;\n  color: bf-v-color.$bf-black;\n}\n\nins {\n  background-color: bf-v-color.$bf-yellow-light;\n  color: bf-v-color.$bf-black;\n  text-decoration: none;\n}\n\n// Prevent the duplicate application of `bolder` by the next rule\n// in Safari 6\nb,\nstrong {\n  font-weight: inherit;\n}\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n  /* stylelint-disable-next-line */\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// Reduce line-height for <small> elements inside <p>\np:has(small) {\n  line-height: 1.25;\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: bf-v-space.$bf-spacing-xl-rem 0;\n  padding: 0;\n  overflow: visible; // Show the overflow in Edge\n}\n","@use '../variables/variables-colors' as bf-v-color;\n@use '../variables/variables-texts' as bf-v-text;\n@use '../variables/variables-spacing' as bf-v-space;\n@use '../variables/variables-breakpoints' as bf-v-bp;\n@use 'sass:color';\n\na {\n  color: bf-v-color.$bf-blue; // bootstrap blue\n  text-decoration: none;\n\n  // Edge Legacy: Remove grey background on active links\n  background-color: transparent;\n\n  &:hover,\n  &:focus {\n    text-decoration: underline;\n    color: bf-v-color.$bf-blue-light;\n  }\n}\n\n// this is taken from Bootstrap's reboot\n// https://getbootstrap.com/docs/4.4/content/reboot/\n\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","// remove focus if is not keyboard\n// and if these elements are not focused globally\n:where(:focus:not(:focus-visible)) {\n  outline: none;\n}\n\n// Suppress the focus outline on elements that cannot be accessed via keyboard.\n// This prevents an unwanted focus outline from appearing around elements that\n// might still respond to pointer events.\n//\n// Taken from SuitCSS https://github.com/suitcss/base\n//\n// Copyright 2020 Harry Roberts\n\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n\n// http://www.apache.org/licenses/LICENSE-2.0\n\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\n:where([tabindex=\"-1\"]:focus:not(:focus-visible)) {\n  outline: 0 !important;\n}\n\n:where(a:focus, input:focus) {\n  outline: 2px solid orange;\n}\n\n// style it again (must be separated)\n:where(:focus-visible) {\n  outline: 2px solid orange;\n}\n\n// these form elements get some ':focus' styles that enhance and improve the focus\n// see '_form-elements.scss'\n// so, we can remove it safely\n//\n// ! but do not touch\n// [type=\"color\"]\n// [type=\"range\"]\n// [type=\"file\"]\n// because usually are replaced with a custom version\n// with JS or extra <div>s\n// https://getbootstrap.com/docs/4.4/components/input-group/#custom-file-input\n:where(\n    button,\n    [type=\"button\"],\n    [type=\"reset\"],\n    [type=\"submit\"],\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=\"week\"],\n    [type=\"url\"],\n    [type=\"radio\"],\n    [type=\"checkbox\"],\n    input[list],\n    select,\n    textarea\n  ) {\n  &:focus {\n    outline: 0;\n  }\n}\n\n// More resources to read on this matter\n// https://gist.github.com/chrisdemars/a74c5bd210dc739fa63e9b985c937bcb\n","@use '../variables/variables-colors' as bf-v-color;\n@use '../variables/variables-texts' as bf-v-text;\n@use '../variables/variables-spacing' as bf-v-space;\n@use '../variables/variables-breakpoints' as bf-v-bp;\n@use 'sass:color';\n\nmenu,\nol,\nul,\ndl {\n  margin: 0 0 bf-v-space.$bf-spacing-xl-rem 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: bf-v-space.$bf-spacing-xl-rem;\n}\n\nnav ol,\nnav ul {\n  list-style: none;\n  list-style-image: none;\n  margin-left: 0;\n}\n\ndt {\n  font-weight: 700;\n}\n\ndd {\n  margin-left: 0;\n}\n\n// taken from https://github.com/jensimmons/cssremedy\n//\n// 1. Add zero-width-space to prevent VoiceOver disable\n// 2. Absolute position ensures no extra space\n// See: https://unfetteredthoughts.net/2017/09/26/voiceover-and-list-style-type-none/\nnav li::before {\n  content: '\\200B';\n  position: absolute;\n}\n","@use '../variables/variables-colors' as bf-v-color;\n@use '../variables/variables-texts' as bf-v-text;\n@use '../variables/variables-spacing' as bf-v-space;\n@use '../variables/variables-breakpoints' as bf-v-bp;\n@use 'sass:color';\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> normalization\n//\n// https://css-tricks.com/html5-progress-element/\nprogress[value] {\n  appearance: none; // reset the default appearance\n  border: none; // Get rid of default border in Firefox\n\n  height: 20px;\n  height: 2rem;\n\n  // progress bar background color\n  background: bf-v-color.$bf-gray-light;\n\n  // progress value background color in IE10+\n  color: bf-v-color.$bf-blue;\n}\n\n// progress value background color in webkit\nprogress[value]::-webkit-progress-bar {\n  background: bf-v-color.$bf-gray-light;\n}\nprogress[value]::-webkit-progress-value {\n  background: bf-v-color.$bf-blue;\n}\n\n// remove default border in old browsers\n// and for embeds (e.g. youtube) that don't remove the border with the attribute\n// frameborder=\"0\"\n//\n// e.g.\n// <iframe\n//  width=\" 560 \"\n//  height=\" 315 \"\n//  src=\" https:\n// www.youtube-nocookie.com/embed/Z-4v4I7Gzk0\"\niframe {\n  border-style: none;\n}\n","@use \"../variables/variables-colors\" as bf-v-color;\n@use \"../variables/variables-texts\" as bf-v-text;\n@use \"../variables/variables-spacing\" as bf-v-space;\n@use \"../variables/variables-breakpoints\" as bf-v-bp;\n@use \"sass:color\";\n\naddress {\n  font-style: normal;\n  margin-bottom: bf-v-space.$bf-spacing-lg-px;\n  margin-bottom: bf-v-space.$bf-spacing-lg-rem;\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  // match body background color\n  background-color: bf-v-color.$bf-white;\n  color: bf-v-color.$bf-dark;\n  border: none;\n  border-radius: bf-v-space.$bf-spacing-sm-rem;\n  padding: bf-v-space.$bf-spacing-xl-px;\n  padding: bf-v-space.$bf-spacing-xl-rem;\n  height: fit-content;\n  min-width: 25rem;\n  max-width: calc(100vw - (bf-v-space.$bf-spacing-grid-gutter-rem * 2));\n  @media (min-width: bf-v-bp.$bf-breakpoint-md) {\n    max-width: 50rem;\n  }\n}\n\n// Overrides 'hidden' attribute\n// <dialog id=\"myDialog\" hidden>...</dialog>\ndialog[open] {\n  display: block !important;\n}\n\ndialog::backdrop {\n  background: rgb(0 0 0 / 40%);\n}\n","@media (prefers-reduced-motion: no-preference) {\n  :root {\n    scroll-behavior: smooth;\n  }\n}\n","@use '../variables/variables-colors' as bf-v-color;\n@use '../variables/variables-texts' as bf-v-text;\n@use '../variables/variables-spacing' as bf-v-space;\n@use '../variables/variables-breakpoints' as bf-v-bp;\n@use 'sass:color';\n\ntable {\n  caption-side: bottom;\n  max-width: 100%;\n  border-collapse: collapse;\n  // Correct table border color inheritance in Chrome and Safari\n  // https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016\n  border-color: currentcolor;\n  // Remove text indentation from table contents in Chrome and Safari\n  // https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297\n  text-indent: 0;\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: bf-v-space.$bf-spacing-md-rem;\n  padding-bottom: bf-v-space.$bf-spacing-md-rem;\n  color: bf-v-color.$bf-gray;\n  text-align: left;\n  caption-side: bottom;\n  line-height: 1.375;\n  font-size: 90%;\n}\n","// Taken from sanitize.css\n// https://github.com/csstools/sanitize.css/blob/v13.0.0/sanitize.css\n\n/* Accessibility\n * ========================================================================== */\n\n/**\n * Change the cursor on busy elements in all browsers (opinionated).\n */\n\n:where([aria-busy='true' i]) {\n  cursor: progress;\n}\n\n/*\n * Change the cursor on disabled, not-editable, or otherwise\n * inoperable elements in all browsers (opinionated).\n */\n\n:where([aria-disabled='true' i], [disabled]) {\n  cursor: not-allowed;\n}\n\n/*\n * Change the display on visually hidden accessible elements\n * in all browsers (opinionated).\n */\n\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","@use \"../variables/variables-colors\" as bf-v-color;\n@use \"../variables/variables-texts\" as bf-v-text;\n@use \"../variables/variables-spacing\" as bf-v-space;\n@use \"../variables/variables-breakpoints\" as bf-v-bp;\n@use \"sass:color\";\n\n// normalization, enhancement and responsiveness\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(\n    html input,\n    button,\n    [type=\"radio\"],\n    [type=\"checkbox\"],\n    select,\n    optgroup,\n    textarea\n  ) {\n  margin: 0;\n}\n\n:where(html input, select, textarea, legend) {\n  width: 100%;\n}\n\n// re-set width auto where needed\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 display gives the best cross-browser combination\n// and allow several properties\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; // FF mobile\n}\n\n:where(input, select, textarea) {\n  vertical-align: baseline;\n}\n\n:where(form) {\n  margin: 0;\n}\n\n// 1. Remove intrinsic min-width of fieldset\n// https://github.com/necolas/normalize.css/pull/269\n:where(fieldset) {\n  border: 0;\n  padding: 0;\n  margin: 0;\n  min-width: 0; // 1.\n}\n\n:where(legend) {\n  display: table; // Correct the text wrapping in Edge and IE.\n  max-width: 100%;\n  white-space: normal; // enable line-wrapping in FF4/5\n  border: 0;\n  padding: 0;\n  font-weight: 400;\n  margin-bottom: bf-v-space.$bf-spacing-md-px;\n  margin-bottom: bf-v-space.$bf-spacing-md-rem;\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: bf-v-space.$bf-spacing-md-px;\n  margin-bottom: bf-v-space.$bf-spacing-md-rem;\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 * bf-v-space.$bf-spacing-sm-rem);\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// Taken from Bootstrap Reboot v5.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; // fallback for font families without 600 */\n  font-weight: 600;\n}\n\n// remove -webkit-appearance listing every single elements that needed it\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  appearance: none;\n}\n\n::-webkit-file-upload-button {\n  font: inherit;\n  appearance: auto;\n}\n\n::file-selector-button {\n  font: inherit;\n  appearance: auto;\n}\n\n:where(button, input, select, textarea) {\n  border-radius: bf-v-space.$bf-spacing-sm-rem;\n}\n\n:where([type=\"radio\"]) {\n  border-radius: 50%;\n}\n\n:where([type=\"checkbox\"]) {\n  border-radius: bf-v-space.$bf-spacing-md-rem;\n}\n\n:where([type=\"radio\"], [type=\"checkbox\"]) {\n  padding: 0;\n  background-color: bf-v-color.$bf-white;\n}\n\n:where([type=\"range\" i]) {\n  background-color: transparent; // FF and Chrome mobile\n}\n\n:where(select[size], select[multiple]) {\n  height: auto;\n}\n\n:where(select[multiple]) {\n  background-image: none; // FF mobile\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// Remove the inner border and padding of focus outlines in Firefox\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  user-select: none;\n  border: 0;\n  background-image: none; // FF mobile\n\n  &:hover,\n  &:active,\n  &:focus {\n    text-decoration: none;\n    color: bf-v-color.$bf-dark;\n  }\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// FF placeholder bug\n// Issue: If one change the text color of input fields, FF will change\n// the default color of placeholders too!\n// Fix: Use '!important' https://github.com/necolas/normalize.css/issues/150\n:where(input::placeholder, textarea::placeholder) {\n  color: bf-v-color.$bf-gray-dark;\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n// remove ':invalid' styles in FF\n// https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-ui-invalid\n//\n// for form validation in JavaScript\n// use '.bf-invalid' class in /utilities/_utility-form-states.scss' instead\n// documentation https://developer.mozilla.org/en-US/docs/Web/CSS/:invalid\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n","@use \"../variables/variables-colors\" as bf-v-color;\n@use \"../variables/variables-texts\" as bf-v-text;\n@use \"../variables/variables-spacing\" as bf-v-space;\n@use \"../variables/variables-breakpoints\" as bf-v-bp;\n@use \"sass:color\";\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: bf-v-color.$bf-white;\n  border: 1px solid bf-v-color.$bf-gray;\n  padding: bf-v-space.$bf-spacing-md-rem (bf-v-space.$bf-spacing-lg-rem * 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  ) {\n  &:active,\n  &:focus {\n    transition: border 0.2s, background-color 0.2s, box-shadow 0.2s;\n    border-color: bf-v-color.$bf-blue;\n    box-shadow: 0 0 0 3px rgb(0 86 179 / 25%);\n  }\n}\n\n:where(button, [type=\"button\"], [type=\"reset\"], [type=\"submit\"]) {\n  color: bf-v-color.$bf-dark;\n  padding: calc(bf-v-space.$bf-spacing-xl-rem / 3)\n    (calc(bf-v-space.$bf-spacing-xl-rem / 3) * 2);\n  background: bf-v-color.$bf-gray-light;\n  transition: color 0.2s, background 0.2s, box-shadow 0.2s;\n\n  &:hover,\n  &:active,\n  &:focus {\n    text-decoration: none;\n    color: bf-v-color.$bf-dark;\n    background: color.adjust(bf-v-color.$bf-gray-light, $lightness: -10%);\n  }\n\n  &:active,\n  &:focus {\n    box-shadow: 0 0 0 3px rgb(0 0 0 / 15%);\n  }\n}\n\n// disabled groups\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; // fallback\n  cursor: not-allowed !important;\n  pointer-events: none !important;\n  user-select: none !important;\n  box-shadow: none !important;\n  opacity: 0.5 !important;\n}\n","@use \"../variables/variables-colors\" as bf-v-color;\n@use \"../variables/variables-texts\" as bf-v-text;\n@use \"../variables/variables-spacing\" as bf-v-space;\n@use \"../variables/variables-breakpoints\" as bf-v-bp;\n@use \"sass:color\";\n\n// custom <select> arrow and appearance with a base64 embedded SVG icon\n// https://css-tricks.com/probably-dont-base64-svg/#article-header-id-2\n//\n// this is inspired from https://github.com/kognise/water.css\n// and from Bootstrap custom select\n// https://getbootstrap.com/docs/4.4/components/input-group/#custom-select\n\n// ! 12px = the icon width/height, and must be in pixels because\n// calc() is just for values\n// https://css-tricks.com/a-complete-guide-to-calc-in-css/#0-calc-is-for-values\n//\n// a select with a [multiple] attribute doesn't show an arrow by default\n// a select with a [size] attribute gets and arrow on iOS (Webkit) for instance\n// but on Chrome and FF desktop\n// so, is not safe to style every kind of <select>\n//\n// remove the arrow and the appearance, especially on Webkit\n:where(select):not([size], select[multiple]) {\n  appearance: none;\n\n  // add a new svg arrow\n  background: bf-v-color.$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\n  // space the arrow\n  padding-right: bf-v-space.$bf-spacing-lg-rem + bf-v-space.$bf-spacing-lg-rem;\n}\n\n// Legacy Edge browser support\n:where(select)::-ms-expand {\n  display: none;\n}\n\n// add support for RTL languages\n// 'appearance: none' removes the default styling but introduces a bug\n// that occurs when a right to the left language (e.g. Arabic) is set\n//\n// Read more\n// 1. http://bootstrap.rtlcss.com\n// 2. https://rtlstyling.com/\n:where(*[dir=\"rtl\"]) :where(select):not([size], select[multiple]),\n:where(select[dir=\"rtl\"]):not([size], select[multiple]) {\n  // move the arrow icon to the left\n  background-position: left 0.85rem top 50%;\n\n  // go back to default forms padding\n  padding-right: (bf-v-space.$bf-spacing-lg-rem * 0.75);\n\n  // add custom left padding, matching the custom LTR one\n  padding-left: bf-v-space.$bf-spacing-lg-rem + bf-v-space.$bf-spacing-lg-rem;\n}\n","@use \"../variables/variables-colors\" as bf-v-color;\n@use \"../variables/variables-texts\" as bf-v-text;\n@use \"../variables/variables-spacing\" as bf-v-space;\n@use \"../variables/variables-breakpoints\" as bf-v-bp;\n@use \"sass:color\";\n\n// heavily inspired by '2020 toggles' by Aaron Iker\n// https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/\n// https://codepen.io/aaroniker/pen/ZEYoxEY?editors=0100\n\n:where([type=\"checkbox\"], [type=\"radio\"]) {\n  appearance: none;\n\n  height: 1.8rem;\n  width: 1.8rem;\n\n  vertical-align: top;\n  position: relative;\n\n  border: 1px solid / bf-v-color.$bf-gray;\n\n  + label {\n    line-height: 1.8rem;\n    vertical-align: top;\n    margin-left: bf-v-space.$bf-spacing-md-px;\n    margin-left: bf-v-space.$bf-spacing-md-rem;\n  }\n\n  // add support for RTL languages\n  // Read more\n  // 1. http://bootstrap.rtlcss.com\n  // 2. https://rtlstyling.com/\n  *[dir=\"rtl\"] & + label,\n  &[dir=\"rtl\"] + label {\n    margin-left: 0;\n    margin-right: bf-v-space.$bf-spacing-md-px;\n    margin-right: bf-v-space.$bf-spacing-md-rem;\n  }\n\n  &::after {\n    content: \"\";\n    display: block;\n    position: absolute;\n  }\n\n  &:checked {\n    background-color: bf-v-color.$bf-blue;\n    border-color: bf-v-color.$bf-black;\n  }\n}\n\n:where([type=\"radio\"]) {\n  &::after {\n    width: 1.8rem;\n    height: 1.8rem;\n\n    left: -0.05rem;\n    top: -0.05rem;\n\n    border-radius: 50%;\n    background: bf-v-color.$bf-white;\n\n    transform: scale(0.35);\n  }\n}\n\n:where([type=\"checkbox\"]) {\n  &::after {\n    width: 0.6rem;\n    height: 0.8rem;\n\n    border: 2px solid / bf-v-color.$bf-white;\n    border-top: 0;\n    border-left: 0;\n\n    left: 35%;\n    top: 20%;\n\n    transform: rotate(43deg);\n  }\n}\n","@use \"../variables/variables-colors\" as bf-v-color;\n@use \"../variables/variables-texts\" as bf-v-text;\n@use \"../variables/variables-spacing\" as bf-v-space;\n@use \"../variables/variables-breakpoints\" as bf-v-bp;\n@use \"sass:color\";\n\n// styling input range in modern browsers safely using the @supports CSS-at-rule\n// https://developer.mozilla.org/en-US/docs/Web/CSS/@supports\n//\n// standalone CodePen demo https://codepen.io/marcop135/pen/JjGrNMx\n\n:where([type=\"range\"]) {\n  appearance: none;\n  width: 100%;\n  height: 1.4rem;\n}\n\n:where([type=\"range\"])::-webkit-slider-thumb {\n  border: 0;\n  appearance: none;\n\n  width: 1.5rem;\n  height: 1.5rem;\n  margin-top: -0.25rem;\n  background-color: bf-v-color.$bf-blue;\n  border-radius: 1.5rem;\n  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,\n    box-shadow 0.15s ease-in-out;\n\n  &:active {\n    background-color: bf-v-color.$bf-blue;\n  }\n}\n\n:where([type=\"range\"])::-moz-range-thumb {\n  border: 0;\n  appearance: none;\n\n  width: 1.5rem;\n  height: 1.5rem;\n  background-color: bf-v-color.$bf-blue;\n  border-radius: 1.5rem;\n  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,\n    box-shadow 0.15s ease-in-out;\n\n  &:active {\n    background-color: bf-v-color.$bf-blue;\n  }\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: bf-v-color.$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: bf-v-color.$bf-gray-light-extra;\n}\n\n:where([type=\"range\"]):focus {\n  outline: none;\n\n  &::-webkit-slider-thumb {\n    box-shadow: 0 0 0 0.1rem / bf-v-color.$bf-white,\n      0 0 0 0.2rem rgb(0 123 255 / 25%);\n  }\n\n  &::-moz-slider-thumb {\n    box-shadow: 0 0 0 0.1rem / bf-v-color.$bf-white,\n      0 0 0 0.2rem rgb(0 123 255 / 25%);\n  }\n}\n\n:where([type=\"range\"])::-moz-focus-outer {\n  border: 0;\n}\n\n:where([type=\"range\"]):focus::-moz-range-thumb {\n  box-shadow: 0 0 0 0.1rem / bf-v-color.$bf-white,\n    0 0 0 0.2rem rgb(0 123 255 / 25%);\n}\n\n// disabled\n\n:where([type=\"range\"]):disabled {\n  pointer-events: none;\n\n  &::-webkit-slider-thumb {\n    background-color: bf-v-color.$bf-gray-light;\n  }\n\n  &::-moz-slider-thumb {\n    background-color: bf-v-color.$bf-gray-light;\n  }\n}\n"]}
+{"version":3,"sources":["bullframe-classless.css"],"names":[],"mappings":"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","file":"bullframe-classless.css","sourcesContent":["/* ! Bullframe CSS v6.0.0 | MIT License | https://github.com/marcop135/bullframe.css  */\n\n/* Classless build: semantic element styles only (no .bf-* utilities). */\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  /* 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  /* Spacing between content and focus outline (enhances focus.css). */\n  :focus-visible {\n    outline-offset: 3px;\n  }\n\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  /* Comfortable default root line-height (body still uses --bf-body-line-height). */\n  html {\n    line-height: 1.5;\n  }\n\n  /* Stable scrollbar gutter avoids layout jump on short pages. */\n  html {\n    scrollbar-gutter: stable;\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  /* abbr[title]: dotted underline + help cursor across engines. */\n  abbr[title] {\n    cursor: help;\n    text-decoration-line: underline;\n    text-decoration-style: dotted;\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: collapsed borders + cell padding for scanability. */\n  table {\n    border: 1px solid currentColor;\n  }\n\n  th,\n  td {\n    border: 1px solid currentColor;\n    padding: 0.25em 0.5em;\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  /* Keep [hidden] hard-hidden except until-found. */\n  [hidden]:not([hidden='until-found']) {\n    display: none !important;\n  }\n\n  /* Images as blocks (max-width still from embedded-content.css). */\n  img {\n    display: block;\n  }\n\n  /* summary: pointer on the whole control, not only ::marker. */\n  summary {\n    cursor: default;\n  }\n\n  /* iframes: no default border. */\n  iframe {\n    border: none;\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  text-wrap: balance;\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\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: orange :focus-visible 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: 0.2rem solid var(--bf-orange);\n  outline-offset: 0.3rem;\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.bf-btn: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  list-style-image: 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  :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  .bf-btn {\n    border: 1px solid ButtonText;\n  }\n}\n"]}