bullframe.css 5.1.0 → 6.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +39 -2
- package/LICENSE +1 -1
- package/README.md +34 -458
- package/dist/css/bullframe-classless-dark.css +1270 -909
- package/dist/css/bullframe-classless-dark.css.map +1 -1
- package/dist/css/bullframe-classless-dark.min.css +1 -3
- package/dist/css/bullframe-classless-dark.min.css.map +1 -1
- package/dist/css/bullframe-classless-system-default.css +1339 -899
- package/dist/css/bullframe-classless-system-default.css.map +1 -1
- package/dist/css/bullframe-classless-system-default.min.css +1 -3
- package/dist/css/bullframe-classless-system-default.min.css.map +1 -1
- package/dist/css/bullframe-classless.css +1098 -713
- package/dist/css/bullframe-classless.css.map +1 -1
- package/dist/css/bullframe-classless.min.css +1 -3
- package/dist/css/bullframe-classless.min.css.map +1 -1
- package/dist/css/bullframe-dark.css +2105 -1541
- package/dist/css/bullframe-dark.css.map +1 -1
- package/dist/css/bullframe-dark.min.css +1 -3
- package/dist/css/bullframe-dark.min.css.map +1 -1
- package/dist/css/bullframe-system-default.css +2107 -1529
- package/dist/css/bullframe-system-default.css.map +1 -1
- package/dist/css/bullframe-system-default.min.css +1 -3
- package/dist/css/bullframe-system-default.min.css.map +1 -1
- package/dist/css/bullframe-utilities.css +766 -490
- package/dist/css/bullframe-utilities.css.map +1 -1
- package/dist/css/bullframe-utilities.min.css +1 -2
- package/dist/css/bullframe-utilities.min.css.map +1 -1
- package/dist/css/bullframe.css +1900 -1310
- package/dist/css/bullframe.css.map +1 -1
- package/dist/css/bullframe.min.css +1 -3
- package/dist/css/bullframe.min.css.map +1 -1
- package/package.json +70 -28
- package/.browserslistrc +0 -3
- package/.editorconfig +0 -15
- package/.htmlhintrc +0 -12
- package/.prettierignore +0 -1
- package/.stylelintignore +0 -3
- package/.stylelintrc.json +0 -26
- package/dist/apple-touch-icon.png +0 -0
- package/dist/css/bullframe-classless-dark-prefers.css +0 -1280
- package/dist/css/bullframe-classless-dark-prefers.css.map +0 -1
- package/dist/css/bullframe-classless-dark-prefers.min.css +0 -3
- package/dist/css/bullframe-classless-dark-prefers.min.css.map +0 -1
- package/dist/css/bullframe-dark-prefers.css +0 -2296
- package/dist/css/bullframe-dark-prefers.css.map +0 -1
- package/dist/css/bullframe-dark-prefers.min.css +0 -3
- package/dist/css/bullframe-dark-prefers.min.css.map +0 -1
- package/dist/docs/demo/index.html +0 -1154
- package/dist/favicon-16x16.png +0 -0
- package/dist/favicon-32x32.png +0 -0
- package/dist/favicon.ico +0 -0
- package/dist/index.css +0 -1
- package/dist/index.js.map +0 -1
- package/dist/placeholder-img-800x400.jpg +0 -0
- package/dist/video-poster.png +0 -0
- package/prettier.config.js +0 -26
- package/src/scss/bullframe-classless-dark-prefers.scss +0 -2
- package/src/scss/bullframe-classless-dark.scss +0 -2
- package/src/scss/bullframe-classless-system-default.scss +0 -2
- package/src/scss/bullframe-classless.scss +0 -49
- package/src/scss/bullframe-dark-prefers.scss +0 -2
- package/src/scss/bullframe-dark.scss +0 -2
- package/src/scss/bullframe-system-default.scss +0 -2
- package/src/scss/bullframe-utilities.scss +0 -21
- package/src/scss/bullframe.scss +0 -49
- package/src/scss/custom/_author-styles.scss +0 -5
- package/src/scss/forms/_forms-normalization.scss +0 -300
- package/src/scss/forms/_forms-styling-radio-checkbox.scss +0 -81
- package/src/scss/forms/_forms-styling-range.scss +0 -106
- package/src/scss/forms/_forms-styling-select.scss +0 -58
- package/src/scss/forms/_forms-styling.scss +0 -118
- package/src/scss/miscellaneous/_misc-accessibility.scss +0 -36
- package/src/scss/miscellaneous/_misc-anchors.scss +0 -37
- package/src/scss/miscellaneous/_misc-embedded-content.scss +0 -117
- package/src/scss/miscellaneous/_misc-focus.scss +0 -80
- package/src/scss/miscellaneous/_misc-interactive.scss +0 -48
- package/src/scss/miscellaneous/_misc-layout.scss +0 -30
- package/src/scss/miscellaneous/_misc-lists.scss +0 -53
- package/src/scss/miscellaneous/_misc-scrolling.scss +0 -5
- package/src/scss/miscellaneous/_misc-shame.scss +0 -37
- package/src/scss/miscellaneous/_misc-tables.scss +0 -53
- package/src/scss/mixins/_mixin-dark-prefers.scss +0 -413
- package/src/scss/mixins/_mixin-dark.scss +0 -415
- package/src/scss/mixins/_mixin-grid-flex.scss +0 -80
- package/src/scss/mixins/_mixin-layout.scss +0 -42
- package/src/scss/mixins/_mixin-texts.scss +0 -37
- package/src/scss/typography/_typography-blockquotes.scss +0 -28
- package/src/scss/typography/_typography-headings.scss +0 -45
- package/src/scss/typography/_typography-html-body.scss +0 -75
- package/src/scss/typography/_typography-misc.scss +0 -90
- package/src/scss/typography/_typography-monospaced-elements.scss +0 -59
- package/src/scss/utilities/_utility-buttons.scss +0 -73
- package/src/scss/utilities/_utility-debugging.scss +0 -31
- package/src/scss/utilities/_utility-embeds.scss +0 -34
- package/src/scss/utilities/_utility-filters.scss +0 -21
- package/src/scss/utilities/_utility-form-states.scss +0 -89
- package/src/scss/utilities/_utility-global-dark-classless.scss +0 -3
- package/src/scss/utilities/_utility-global-dark-prefers-classless.scss +0 -3
- package/src/scss/utilities/_utility-global-dark-prefers.scss +0 -3
- package/src/scss/utilities/_utility-global-dark-scrollbars.scss +0 -34
- package/src/scss/utilities/_utility-global-dark.scss +0 -4
- package/src/scss/utilities/_utility-global-system-default-classless.scss +0 -3
- package/src/scss/utilities/_utility-global-system-default.scss +0 -3
- package/src/scss/utilities/_utility-grid-system.scss +0 -140
- package/src/scss/utilities/_utility-layout.scss +0 -187
- package/src/scss/utilities/_utility-lists.scss +0 -17
- package/src/scss/utilities/_utility-print.scss +0 -101
- package/src/scss/utilities/_utility-reduced-motion.scss +0 -29
- package/src/scss/utilities/_utility-spacing.scss +0 -148
- package/src/scss/utilities/_utility-tables.scss +0 -34
- package/src/scss/utilities/_utility-texts.scss +0 -225
- package/src/scss/utilities/_utility-z-index.scss +0 -83
- package/src/scss/variables/_variables-breakpoints.scss +0 -6
- package/src/scss/variables/_variables-colors.scss +0 -34
- package/src/scss/variables/_variables-spacing.scss +0 -24
- package/src/scss/variables/_variables-texts.scss +0 -8
- package/vite.config.js +0 -148
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["<no source>","../../src/scss/bullframe-classless-system-default.scss","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-blockquotes.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","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/mixins/_mixin-dark-prefers.scss"],"names":[],"mappings":"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pB9QK;IoB+QL,WpBrRU;EHgkCd;EuBzyBI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEE,sBpBpRQ;IoBqRR,iCAAA;EvB00BN;EuBtzBI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEE,4CAAA;EvBq1BN;EuBj1BE;IACE,gMAAA;EvBm1BJ;EuBh1BE,gCAAA;AvBk1BJ;AuBj1BI;EAEE;;;IAIE,sBAAA;EvBi1BN;AACF;AuBr7BE;EA0GE;IACE,6BAAA;EvB80BJ;EuB50BI;IACE,6BAAA;EvB80BN;EuBx0BE;IACE,sBpB5UU;EHspCd;EuBv0BE;IACE,sBpBhVU;EHypCd;EuBt0BE;IAEE,WpBzVI;EHiqCR;EuB10BE;;IAEE,WpBzVI;EHiqCR;EuBr0BE;;;;IAIE,gBpBjWU;EHwqCd;EuBr0BI;;;;;;;;;;IAGE,oCAAA;EvB80BN;EuB30BI;;;;;;;IAEE,+CAAA;EvBk1BN;EuBz0BI;;;;;;;;;IAEE,+CAAA;EvBk1BN;EuB70BE;;IAEE,mCAAA;EvB+0BJ;EuB50BE;IACE,mCAAA;EvB80BJ;EuB30BE;IACE,cAAA;IAEA,6CAAA;EvB40BJ;AACF","file":"bullframe-classless-system-default.css","sourcesContent":[null,"@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}\n\n@media (prefers-color-scheme: dark) {\n html {\n color: #f0f0f0;\n }\n body {\n background-color: rgb(36.125, 36.125, 36.125);\n }\n a {\n color: rgb(102, 175.8, 255);\n }\n a:hover, a:focus {\n color: rgb(26, 136.0223463687, 255);\n }\n mark {\n background-color: #cccc00;\n }\n ins {\n background-color: hsl(60, 100%, 125%);\n }\n [type=email],\n [type=number],\n [type=password],\n [type=tel],\n [type=search],\n [type=text],\n [type=date],\n [type=datetime-local],\n [type=month],\n [type=week],\n [type=time],\n [type=url],\n [type=range],\n input[list],\n select,\n select:not([size], select[multiple]),\n textarea {\n background-color: #111;\n border-color: #000;\n color: #ccc;\n }\n [type=email]:active, [type=email]:focus,\n [type=number]:active,\n [type=number]:focus,\n [type=password]:active,\n [type=password]:focus,\n [type=tel]:active,\n [type=tel]:focus,\n [type=search]:active,\n [type=search]:focus,\n [type=text]:active,\n [type=text]:focus,\n [type=date]:active,\n [type=date]:focus,\n [type=datetime-local]:active,\n [type=datetime-local]:focus,\n [type=month]:active,\n [type=month]:focus,\n [type=week]:active,\n [type=week]:focus,\n [type=time]:active,\n [type=time]:focus,\n [type=url]:active,\n [type=url]:focus,\n [type=range]:active,\n [type=range]:focus,\n input[list]:active,\n input[list]:focus,\n select:active,\n select:focus,\n select:not([size], select[multiple]):active,\n select:not([size], select[multiple]):focus,\n textarea:active,\n textarea:focus {\n background-color: #111;\n border-color: rgb(51, 149.4, 255);\n }\n [type=email]:active, [type=email]:focus,\n [type=number]:active,\n [type=number]:focus,\n [type=password]:active,\n [type=password]:focus,\n [type=tel]:active,\n [type=tel]:focus,\n [type=search]:active,\n [type=search]:focus,\n [type=text]:active,\n [type=text]:focus,\n [type=date]:active,\n [type=date]:focus,\n [type=datetime-local]:active,\n [type=datetime-local]:focus,\n [type=month]:active,\n [type=month]:focus,\n [type=week]:active,\n [type=week]:focus,\n [type=time]:active,\n [type=time]:focus,\n [type=url]:active,\n [type=url]:focus,\n input[list]:active,\n input[list]:focus,\n select:active,\n select:focus,\n select:not([size], select[multiple]):active,\n select:not([size], select[multiple]):focus,\n textarea:active,\n textarea:focus {\n box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.5);\n }\n select:not([size], select[multiple]) {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23f0f0f0' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\");\n }\n /* stylelint-disable-next-line */\n}\n@media screen and (prefers-color-scheme: dark) and (min-width: 0\\0 ) and (min-resolution: 0.001dpcm) {\n select:not([size], select[multiple]),\n *[dir=rtl] select:not([size], select[multiple]),\n select[dir=rtl]:not([size], select[multiple]) {\n background-image: none;\n }\n}\n@media (prefers-color-scheme: dark) {\n [type=range] {\n background-color: transparent;\n }\n [type=range]:focus {\n background-color: transparent;\n }\n [type=range]::-webkit-slider-runnable-track {\n background-color: #111;\n }\n [type=range]::-moz-range-track {\n background-color: #111;\n }\n input::placeholder,\n textarea::placeholder {\n color: #999;\n }\n button,\n [type=button],\n [type=reset],\n [type=submit] {\n background: #ccc;\n }\n button:hover, button:active, button:focus,\n [type=button]:hover,\n [type=button]:active,\n [type=button]:focus,\n [type=reset]:hover,\n [type=reset]:active,\n [type=reset]:focus,\n [type=submit]:hover,\n [type=submit]:active,\n [type=submit]:focus {\n background: rgb(178.5, 178.5, 178.5);\n }\n button:active, button:focus,\n [type=button]:active,\n [type=button]:focus,\n [type=reset]:active,\n [type=reset]:focus,\n [type=submit]:active,\n [type=submit]:focus {\n box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45);\n }\n button:active, button:focus,\n [type=button]:active,\n [type=button]:focus,\n [type=reset]:active,\n [type=reset]:focus,\n [type=submit]:active,\n [type=submit]:focus,\n .bf-btn:active,\n .bf-btn:focus {\n box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45);\n }\n a:focus,\n input:focus {\n outline-color: rgb(178.5, 115.5, 0);\n }\n :focus-visible {\n outline-color: rgb(178.5, 115.5, 0);\n }\n dialog {\n color: #f0f0f0;\n background-color: rgb(36.125, 36.125, 36.125);\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// 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\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","@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","@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@mixin bf-global-dark-prefers {\n @media (prefers-color-scheme: dark) {\n // these are global styles tha that ovveride all the \"light\" styles\n\n // the basics: background and texts\n html {\n color: bf-v-color.$bf-light;\n }\n\n body {\n background-color: color.adjust(\n bf-v-color.$bf-dark-extra,\n $lightness: 7.5%\n );\n }\n\n // anchors\n a {\n color: color.adjust(bf-v-color.$bf-blue, $lightness: 20%);\n\n &:hover,\n &:focus {\n color: color.adjust(bf-v-color.$bf-blue-light, $lightness: 20%);\n }\n }\n\n // typography elements that need tiny adjustments\n mark {\n background-color: color.adjust(bf-v-color.$bf-yellow, $lightness: -10%);\n }\n\n ins {\n background-color: color.adjust(\n bf-v-color.$bf-yellow-light,\n $lightness: 45%\n );\n }\n\n // forms\n [type=\"email\"],\n [type=\"number\"],\n [type=\"password\"],\n [type=\"tel\"],\n [type=\"search\"],\n [type=\"text\"],\n [type=\"date\"],\n [type=\"datetime-local\"],\n [type=\"month\"],\n [type=\"week\"],\n [type=\"time\"],\n [type=\"url\"],\n [type=\"range\"],\n input[list],\n select,\n select:not([size], select[multiple]),\n textarea {\n background-color: bf-v-color.$bf-dark-extra;\n border-color: bf-v-color.$bf-black;\n color: bf-v-color.$bf-gray-light;\n\n &:active,\n &:focus {\n background-color: bf-v-color.$bf-dark-extra;\n border-color: color.adjust(bf-v-color.$bf-blue, $lightness: 10%);\n }\n }\n\n [type=\"email\"],\n [type=\"number\"],\n [type=\"password\"],\n [type=\"tel\"],\n [type=\"search\"],\n [type=\"text\"],\n [type=\"date\"],\n [type=\"datetime-local\"],\n [type=\"month\"],\n [type=\"week\"],\n [type=\"time\"],\n [type=\"url\"],\n input[list],\n select,\n select:not([size], select[multiple]),\n textarea {\n &:active,\n &:focus {\n box-shadow: 0 0 0 3px rgb(3 102 214 / 50%);\n }\n }\n\n .bf-focused {\n border-color: color.adjust(bf-v-color.$bf-blue, $lightness: 10%);\n box-shadow: 0 0 0 3px rgb(3 102 214 / 50%) !important;\n }\n\n .bf-invalid,\n .bf-invalid:focus {\n color: color.adjust(bf-v-color.$bf-red, $lightness: 7.5%) !important;\n border-color: color.adjust(\n bf-v-color.$bf-red,\n $lightness: 7.5%\n ) !important;\n }\n\n select:not([size], select[multiple]) {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23f0f0f0' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\");\n }\n\n /* stylelint-disable-next-line */\n @media screen and (min-width: 0\\0) and (min-resolution: 0.001dpcm) {\n // hide custom arrow\n select:not([size], select[multiple]),\n /* RTL*/\n *[dir=\"rtl\"] select:not([size], select[multiple]),\n select[dir=\"rtl\"]:not([size], select[multiple]) {\n background-image: none;\n }\n }\n\n // range\n\n // override above declaration\n [type=\"range\"] {\n background-color: transparent;\n\n &:focus {\n background-color: transparent;\n }\n }\n\n // darker background\n // the rulesets must be separated\n [type=\"range\"]::-webkit-slider-runnable-track {\n background-color: bf-v-color.$bf-dark-extra;\n }\n\n [type=\"range\"]::-moz-range-track {\n background-color: bf-v-color.$bf-dark-extra;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: bf-v-color.$bf-gray;\n }\n\n button,\n [type=\"button\"],\n [type=\"reset\"],\n [type=\"submit\"],\n .bf-btn,\n button.bf-disabled,\n [type=\"button\"].bf-disabled,\n [type=\"reset\"].bf-disabled,\n [type=\"submit\"].bf-disabled,\n .bf-btn.bf-disabled {\n background: bf-v-color.$bf-gray-light;\n\n &:hover,\n &:active,\n &:focus {\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(255 255 255 / 45%);\n }\n }\n\n button,\n [type=\"button\"],\n [type=\"reset\"],\n [type=\"submit\"],\n .bf-btn {\n &:active,\n &:focus {\n box-shadow: 0 0 0 3px rgb(255 255 255 / 45%);\n }\n }\n\n .bf-btn--primary.bf-disabled,\n .bf-btn.bf-btn--primary {\n background: bf-v-color.$bf-blue;\n\n &:hover,\n &:active,\n &:focus {\n background: color.adjust(bf-v-color.$bf-blue, $lightness: -5%);\n }\n\n &:active,\n &:focus {\n box-shadow: 0 0 0 3px rgb(0 86 179 / 75%);\n }\n }\n\n // focus\n a:focus,\n input:focus {\n outline-color: color.adjust(orange, $lightness: -15%);\n }\n\n :focus-visible {\n outline-color: color.adjust(orange, $lightness: -15%);\n }\n\n // tables\n\n .bf-table th,\n .bf-table td {\n border-color: bf-v-color.$bf-gray-dark;\n }\n\n .bf-table--zebra tbody tr:nth-child(odd),\n .bf-table-responsive--zebra tbody tr:nth-child(odd) {\n background-color: bf-v-color.$bf-gray-dark-extra;\n }\n\n dialog {\n color: color.adjust(bf-v-color.$bf-light, $lightness: 0%);\n // match body background color\n background-color: color.adjust(\n bf-v-color.$bf-dark-extra,\n $lightness: 7.5%\n );\n }\n }\n}\n\n@mixin bf-global-dark-classless-prefers {\n @media (prefers-color-scheme: dark) {\n // these are global styles tha that ovveride all the \"light\" styles\n\n // the basics: background and texts\n html {\n color: bf-v-color.$bf-light;\n }\n\n body {\n background-color: color.adjust(\n bf-v-color.$bf-dark-extra,\n $lightness: 7.5%\n );\n }\n\n // anchors\n a {\n color: color.adjust(bf-v-color.$bf-blue, $lightness: 20%);\n\n &:hover,\n &:focus {\n color: color.adjust(bf-v-color.$bf-blue-light, $lightness: 20%);\n }\n }\n\n // typography elements that need tiny adjustments\n mark {\n background-color: color.adjust(bf-v-color.$bf-yellow, $lightness: -10%);\n }\n\n ins {\n background-color: color.adjust(\n bf-v-color.$bf-yellow-light,\n $lightness: 45%\n );\n }\n\n // forms\n [type=\"email\"],\n [type=\"number\"],\n [type=\"password\"],\n [type=\"tel\"],\n [type=\"search\"],\n [type=\"text\"],\n [type=\"date\"],\n [type=\"datetime-local\"],\n [type=\"month\"],\n [type=\"week\"],\n [type=\"time\"],\n [type=\"url\"],\n [type=\"range\"],\n input[list],\n select,\n select:not([size], select[multiple]),\n textarea {\n background-color: bf-v-color.$bf-dark-extra;\n border-color: bf-v-color.$bf-black;\n color: bf-v-color.$bf-gray-light;\n\n &:active,\n &:focus {\n background-color: bf-v-color.$bf-dark-extra;\n border-color: color.adjust(bf-v-color.$bf-blue, $lightness: 10%);\n }\n }\n\n [type=\"email\"],\n [type=\"number\"],\n [type=\"password\"],\n [type=\"tel\"],\n [type=\"search\"],\n [type=\"text\"],\n [type=\"date\"],\n [type=\"datetime-local\"],\n [type=\"month\"],\n [type=\"week\"],\n [type=\"time\"],\n [type=\"url\"],\n input[list],\n select,\n select:not([size], select[multiple]),\n textarea {\n &:active,\n &:focus {\n box-shadow: 0 0 0 3px rgb(3 102 214 / 50%);\n }\n }\n\n select:not([size], select[multiple]) {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23f0f0f0' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\");\n }\n\n /* stylelint-disable-next-line */\n @media screen and (min-width: 0\\0) and (min-resolution: 0.001dpcm) {\n // hide custom arrow\n select:not([size], select[multiple]),\n /* RTL*/\n *[dir=\"rtl\"] select:not([size], select[multiple]),\n select[dir=\"rtl\"]:not([size], select[multiple]) {\n background-image: none;\n }\n }\n\n // range\n\n // override above declaration\n [type=\"range\"] {\n background-color: transparent;\n\n &:focus {\n background-color: transparent;\n }\n }\n\n // darker background\n // the rulesets must be separated\n [type=\"range\"]::-webkit-slider-runnable-track {\n background-color: bf-v-color.$bf-dark-extra;\n }\n\n [type=\"range\"]::-moz-range-track {\n background-color: bf-v-color.$bf-dark-extra;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: bf-v-color.$bf-gray;\n }\n\n button,\n [type=\"button\"],\n [type=\"reset\"],\n [type=\"submit\"] {\n background: bf-v-color.$bf-gray-light;\n\n &:hover,\n &:active,\n &:focus {\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(255 255 255 / 45%);\n }\n }\n\n button,\n [type=\"button\"],\n [type=\"reset\"],\n [type=\"submit\"],\n .bf-btn {\n &:active,\n &:focus {\n box-shadow: 0 0 0 3px rgb(255 255 255 / 45%);\n }\n }\n\n // focus\n a:focus,\n input:focus {\n outline-color: color.adjust(orange, $lightness: -15%);\n }\n\n :focus-visible {\n outline-color: color.adjust(orange, $lightness: -15%);\n }\n\n dialog {\n color: color.adjust(bf-v-color.$bf-light, $lightness: 0%);\n // match body background color\n background-color: color.adjust(\n bf-v-color.$bf-dark-extra,\n $lightness: 7.5%\n );\n }\n }\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["<no source>","bullframe-classless-system-default.css","bullframe-classless.css","variables.css","miscellaneous/layout.css","miscellaneous/uaplus-enhancements.css","typography/html-body.css","typography/headings.css","typography/blockquotes.css","typography/misc.css","typography/monospaced-elements.css","forms/normalization.css","forms/styling.css","forms/styling-select.css","forms/styling-range.css","miscellaneous/anchors.css","miscellaneous/focus.css","miscellaneous/lists.css","miscellaneous/embedded-content.css","miscellaneous/interactive.css","miscellaneous/scrolling.css","miscellaneous/tables.css","miscellaneous/accessibility.css","miscellaneous/accessibility-preferences.css","utility-global-dark-prefers.css","_utility-global-dark-shared.css","utilities/global-dark-scrollbars.css"],"names":[],"mappings":"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","file":"bullframe-classless-system-default.css","sourcesContent":[null,"/* Classless + system dark via prefers-color-scheme. */\n\n@import './bullframe-classless.css';\n@import './utility-global-dark-prefers.css';\n","/* Classless build: semantic element styles only (no .bf-* utilities). */\n\n/* Variables */\n@import './variables.css';\n\n/* Layout */\n@import './miscellaneous/layout.css';\n@import './miscellaneous/uaplus-enhancements.css';\n\n/* Typography */\n@import './typography/html-body.css';\n@import './typography/headings.css';\n@import './typography/blockquotes.css';\n@import './typography/misc.css';\n@import './typography/monospaced-elements.css';\n\n/* Forms */\n@import './forms/normalization.css';\n@import './forms/styling.css';\n@import './forms/styling-select.css';\n@import './forms/styling-range.css';\n\n/* Miscellaneous */\n@import './miscellaneous/anchors.css';\n@import './miscellaneous/focus.css';\n@import './miscellaneous/lists.css';\n@import './miscellaneous/embedded-content.css';\n@import './miscellaneous/interactive.css';\n@import './miscellaneous/scrolling.css';\n@import './miscellaneous/tables.css';\n@import './miscellaneous/accessibility.css';\n@import './miscellaneous/accessibility-preferences.css';\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","/* 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 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 :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","/* Root type and page chrome. */\n\nhtml {\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 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","/* 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 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: 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 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::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 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 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 (appearance: none) {\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: var(--bf-blue);\n border-radius: 1.5rem;\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 appearance: none;\n\n width: 1.5rem;\n height: 1.5rem;\n background-color: var(--bf-blue);\n border-radius: 1.5rem;\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","/* 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 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: 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","/* System-preference dark: shared dark rules + scrollbars under prefers-color-scheme.\n * postcss-import wraps each import in the media query at build time. */\n\n@import './_utility-global-dark-shared.css' (prefers-color-scheme: dark);\n@import './utilities/global-dark-scrollbars.css' (prefers-color-scheme: dark);\n","/* Shared dark-mode rules for always-dark and prefers-color-scheme builds.\n * Variant-only extras: utility-global-dark.css. Scrollbars: global-dark-scrollbars.css.\n * Underscore prefix excludes this file from the buildAllCss glob. */\n\nhtml {\n color: var(--bf-light);\n}\n\nbody {\n background-color: var(--bf-dark-bg);\n}\n\na {\n color: var(--bf-dark-link);\n}\n\na:hover,\na:focus {\n color: var(--bf-dark-link-hover);\n}\n\nmark {\n background-color: var(--bf-dark-mark-bg);\n}\n\nins {\n background-color: var(--bf-dark-ins-bg);\n}\n\n[type='email'],\n[type='number'],\n[type='password'],\n[type='tel'],\n[type='search'],\n[type='text'],\n[type='date'],\n[type='datetime-local'],\n[type='month'],\n[type='week'],\n[type='time'],\n[type='url'],\n[type='range'],\ninput[list],\nselect,\nselect:not([size], select[multiple]),\ntextarea {\n background-color: var(--bf-dark-extra);\n border-color: var(--bf-black);\n color: var(--bf-gray-light);\n}\n\n[type='email']:active,\n[type='email']:focus,\n[type='number']:active,\n[type='number']:focus,\n[type='password']:active,\n[type='password']:focus,\n[type='tel']:active,\n[type='tel']:focus,\n[type='search']:active,\n[type='search']:focus,\n[type='text']:active,\n[type='text']:focus,\n[type='date']:active,\n[type='date']:focus,\n[type='datetime-local']:active,\n[type='datetime-local']:focus,\n[type='month']:active,\n[type='month']:focus,\n[type='week']:active,\n[type='week']:focus,\n[type='time']:active,\n[type='time']:focus,\n[type='url']:active,\n[type='url']:focus,\ninput[list]:active,\ninput[list]:focus,\nselect:active,\nselect:focus,\nselect:not([size], select[multiple]):active,\nselect:not([size], select[multiple]):focus,\ntextarea:active,\ntextarea:focus {\n background-color: var(--bf-dark-extra);\n border-color: var(--bf-dark-border-focus);\n box-shadow: 0 0 0 3px var(--bf-dark-shadow-focus);\n}\n\n.bf-focused {\n border-color: var(--bf-dark-border-focus) !important;\n box-shadow: 0 0 0 3px var(--bf-dark-shadow-focus) !important;\n}\n\n.bf-invalid,\n.bf-invalid:focus {\n color: var(--bf-dark-invalid) !important;\n border-color: var(--bf-dark-invalid) !important;\n}\n\nselect:not([size], select[multiple]) {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23f0f0f0' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\");\n}\n\n[type='range'] {\n background-color: transparent;\n}\n\n[type='range']:focus {\n background-color: transparent;\n}\n\n[type='range']::-webkit-slider-runnable-track {\n background-color: var(--bf-dark-extra);\n}\n\n[type='range']::-moz-range-track {\n background-color: var(--bf-dark-extra);\n}\n\ninput::placeholder,\ntextarea::placeholder {\n color: var(--bf-gray);\n}\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'],\n.bf-btn {\n background: var(--bf-gray-light);\n}\n\nbutton:hover,\nbutton:active,\nbutton:focus,\n[type='button']:hover,\n[type='button']:active,\n[type='button']:focus,\n[type='reset']:hover,\n[type='reset']:active,\n[type='reset']:focus,\n[type='submit']:hover,\n[type='submit']:active,\n[type='submit']:focus,\n.bf-btn:hover,\n.bf-btn:active,\n.bf-btn:focus {\n background: var(--bf-dark-button-hover);\n}\n\nbutton:active,\nbutton:focus,\n[type='button']:active,\n[type='button']:focus,\n[type='reset']:active,\n[type='reset']:focus,\n[type='submit']:active,\n[type='submit']:focus,\n.bf-btn:active,\n.bf-btn:focus {\n box-shadow: 0 0 0 3px var(--bf-dark-button-shadow);\n}\n\n.bf-btn.bf-btn--primary {\n background: var(--bf-blue);\n}\n\n.bf-btn.bf-btn--primary:hover,\n.bf-btn.bf-btn--primary:active,\n.bf-btn.bf-btn--primary:focus {\n background: var(--bf-blue-light);\n}\n\n.bf-btn.bf-btn--primary:active,\n.bf-btn.bf-btn--primary:focus {\n box-shadow: 0 0 0 3px rgb(190 216 254 / 75%);\n}\n\n.bf-table th,\n.bf-table td {\n border-color: var(--bf-gray-dark);\n}\n\n.bf-table--zebra tbody tr:nth-child(odd),\n.bf-table-responsive--zebra tbody tr:nth-child(odd) {\n background-color: var(--bf-gray-dark-extra);\n}\n\ndialog {\n color: var(--bf-light);\n background-color: var(--bf-dark-bg);\n}\n\ncaption {\n color: var(--bf-gray-light);\n}\n\nprogress[value] {\n background: var(--bf-gray-dark-extra);\n color: var(--bf-blue);\n}\n\nprogress[value]::-webkit-progress-bar {\n background: var(--bf-gray-dark-extra);\n}\n\nprogress[value]::-webkit-progress-value {\n background: var(--bf-blue);\n}\n","/* Dark scrollbar colors (Firefox + WebKit). */\n\nhtml {\n scrollbar-color: rgb(97 97 97) var(--bf-dark-extra); /* gray-dark -5% lightness */\n}\n\n/* WebKit thumb / track. */\n\n::-webkit-scrollbar {\n width: 1.5rem;\n height: 1.5rem;\n}\n\n::-webkit-scrollbar-track {\n background-color: var(--bf-dark-extra);\n}\n\n::-webkit-scrollbar-thumb {\n background-color: rgb(97 97 97); /* gray-dark -5% lightness */\n}\n\n::-webkit-scrollbar-thumb:hover {\n background-color: rgb(115 115 115); /* gray-dark +10% lightness */\n}\n"]}
|
|
@@ -1,3 +1 @@
|
|
|
1
|
-
@charset "UTF-8";
|
|
2
|
-
/* ! Bullframe CSS v5.1.0 | MIT License | https://github.com/marcop135/bullframe.css */*,: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]{display:none!important}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;color:#222;font-family:sans-serif;font-size:62.5%;line-height:1.15;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{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;font-size:1.6rem;font-weight:400;line-height:1.5;margin:0;text-align:left;text-rendering:optimizeLegibility;word-wrap:break-word;background-color:#fff}h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:600;line-height:1.25;margin-bottom:1rem;margin-top:0}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-bottom:2rem;padding-left:0}blockquote p{margin-bottom:0}blockquote small{color:#999;display:block}blockquote small:before{content:"— "}q{quotes:"“" "”" "‘" "’"}pre{display:block;margin:0 0 2rem;overflow:auto;word-break:break-all;word-wrap:break-word;-webkit-hyphens:none;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}p{margin:0 0 2rem}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:#ff0}ins,mark{color:#000}ins{background-color:#ff9;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%}p:has(small){line-height:1.25}hr{border-style:solid;border-width:1px 0 0;box-sizing:content-box;color:inherit;display:block;height:0;margin:2rem 0;overflow:visible;padding:0}a{background-color:transparent;color:#007bff;text-decoration:none}a:focus,a:hover{color:#0056b3;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}:where(a:focus,input:focus){outline:2px solid orange}:where(:focus-visible){outline:2px solid orange}:where(button,[type=button],[type=reset],[type=submit],[type=email],[type=number],[type=password],[type=tel],[type=search],[type=text],[type=date],[type=datetime-local],[type=month],[type=time],[type=week],[type=url],[type=radio],[type=checkbox],input[list],select,textarea):focus{outline:0}dl,menu,ol,ul{margin:0 0 2rem;padding:0}dd,menu ol,menu ul,ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ol,ul{margin-left:2rem}nav ol,nav ul{list-style:none;list-style-image:none;margin-left:0}dt{font-weight:700}dd{margin-left:0}nav li:before{content:"";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:#ccc;border:none;color:#007bff;height:20px;height:2rem}progress[value]::-webkit-progress-bar{background:#ccc}progress[value]::-webkit-progress-value{background:#007bff}iframe{border-style:none}address{font-style:normal;line-height:inherit;margin-bottom:1rem}details>summary:first-of-type{display:list-item}summary{cursor:pointer;font-weight:700;word-break:break-all}dialog{background-color:#fff;border:none;border-radius:.25rem;color:#222;height:-moz-fit-content;height:fit-content;max-width:calc(100vw - 3rem);min-width:25rem;padding:2rem}@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:#999;font-size:90%;line-height:1.375;padding-bottom:.5rem;padding-top:.5rem;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}: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:.5rem;max-width:100%;padding:0;white-space:normal}:where(label){font-size:90%;font-weight:400;line-height:1.375;margin-bottom:.5rem}: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:-.25rem}: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:.25rem}:where([type=radio]){border-radius:50%}:where([type=checkbox]){border-radius:.5rem}:where([type=radio],[type=checkbox]){background-color:#fff;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:rgba(0,0,0,0);background-image:none;border:0;-webkit-user-select:none;-moz-user-select:none;user-select: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:#666}:where(input::placeholder,textarea::placeholder){color:#666}:-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:#fff;border:1px solid #999;padding:.5rem .75rem}: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:#007bff;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:#ccc;color:#222;padding:.6666666667rem 1.3333333333rem;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,:where(button,[type=button],[type=reset],[type=submit]):hover{background:#b3b3b3;color:#222;text-decoration:none}:where(button,[type=button],[type=reset],[type=submit]):active,:where(button,[type=button],[type=reset],[type=submit]):focus{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;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:#fff 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:2rem}:where(select)::-ms-expand{display:none}: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:2rem;padding-right:.75rem}:where([type=checkbox],[type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #999;height:1.8rem;position:relative;vertical-align:top;width:1.8rem}:where([type=checkbox],[type=radio])+label{line-height:1.8rem;margin-left:.5rem;vertical-align:top}:where([type=checkbox],[type=radio])[dir=rtl]+label,[dir=rtl] :where([type=checkbox],[type=radio])+label{margin-left:0;margin-right:.5rem}:where([type=checkbox],[type=radio]):after{content:"";display:block;position:absolute}:where([type=checkbox],[type=radio]):checked{background-color:#007bff;border-color:#000}:where([type=radio]):after{background:#fff;border-radius:50%;height:1.8rem;left:-.05rem;top:-.05rem;transform:scale(.35);width:1.8rem}:where([type=checkbox]):after{border:2px solid #fff;border-left:0;border-top:0;height:.8rem;left:35%;top:20%;transform:rotate(43deg);width:.6rem}: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:#007bff;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:#007bff}:where([type=range])::-moz-range-thumb{-moz-appearance:none;appearance:none;background-color:#007bff;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:#007bff}:where([type=range])::-webkit-slider-runnable-track{background-color:#e9e9e9;border-color:transparent;color:transparent;cursor:pointer;height:.65rem;width:100%}:where([type=range])::-moz-range-track{background-color:#e9e9e9;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,#fff,0 0 0 .2rem rgba(0,123,255,.25)}:where([type=range]):focus::-moz-slider-thumb{box-shadow:0 0 0 .1rem,#fff,0 0 0 .2rem rgba(0,123,255,.25)}:where([type=range])::-moz-focus-outer{border:0}:where([type=range]):focus::-moz-range-thumb{box-shadow:0 0 0 .1rem,#fff,0 0 0 .2rem rgba(0,123,255,.25)}:where([type=range]):disabled{pointer-events:none}:where([type=range]):disabled::-webkit-slider-thumb{background-color:#ccc}:where([type=range]):disabled::-moz-slider-thumb{background-color:#ccc}@media (prefers-color-scheme:dark){html{color:#f0f0f0}body{background-color:#242424}a{color:#66b0ff}a:focus,a:hover{color:#1a88ff}mark{background-color:#cc0}ins{background-color:#fff}[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:#111;border-color:#000;color:#ccc}[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=range]:active,[type=range]: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:#111;border-color:#3395ff}[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{box-shadow:0 0 0 3px rgba(3,102,214,.5)}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")}}@media screen and (prefers-color-scheme:dark) and (min-width:0\0) and (min-resolution:0.001dpcm){[dir=rtl] select:not([size],select[multiple]),select:not([size],select[multiple]),select[dir=rtl]:not([size],select[multiple]){background-image:none}}@media (prefers-color-scheme:dark){[type=range],[type=range]:focus{background-color:transparent}[type=range]::-webkit-slider-runnable-track{background-color:#111}[type=range]::-moz-range-track{background-color:#111}input::-moz-placeholder,textarea::-moz-placeholder{color:#999}input::placeholder,textarea::placeholder{color:#999}[type=button],[type=reset],[type=submit],button{background:#ccc}[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:#b3b3b3}.bf-btn:active,.bf-btn:focus,[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 hsla(0,0%,100%,.45)}a:focus,input:focus{outline-color:#b37400}:focus-visible{outline-color:#b37400}dialog{background-color:#242424;color:#f0f0f0}}
|
|
3
|
-
/*# sourceMappingURL=bullframe-classless-system-default.min.css.map */
|
|
1
|
+
/* ! Bullframe CSS v6.0.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-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{:focus-visible{outline-offset:3px}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;line-height:1.5;scrollbar-gutter:stable}h1{font-size:2em;margin-block:.67em}abbr[title]{cursor:help;text-decoration-line:underline;text-decoration-style:dotted}@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,td,th{border:1px solid}td,th{padding:.25em .5em}@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}}}}[hidden]:not([hidden=until-found]){display:none!important}img{display:block}summary{cursor:default}iframe{border:none}@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;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:.2rem solid var(--bf-orange);outline-offset:.3rem}.bf-btn:focus,[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;list-style-image: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;color:var(--bf-blue);height:20px;height:2rem}progress[value]::-webkit-progress-bar{background:var(--bf-gray-light)}progress[value]::-webkit-progress-value{background:var(--bf-blue)}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}: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}.bf-btn,[type=button],[type=reset],[type=submit],button{border:1px solid ButtonText}}@media (prefers-color-scheme:dark){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)}.bf-focused{border-color:var(--bf-dark-border-focus)!important;box-shadow:0 0 0 3px var(--bf-dark-shadow-focus)!important}.bf-invalid,.bf-invalid:focus{border-color:var(--bf-dark-invalid)!important;color:var(--bf-dark-invalid)!important}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)}.bf-btn,[type=button],[type=reset],[type=submit],button{background:var(--bf-gray-light)}.bf-btn:active,.bf-btn:focus,.bf-btn:hover,[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)}.bf-btn:active,.bf-btn:focus,[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)}.bf-btn.bf-btn--primary{background:var(--bf-blue)}.bf-btn.bf-btn--primary:active,.bf-btn.bf-btn--primary:focus,.bf-btn.bf-btn--primary:hover{background:var(--bf-blue-light)}.bf-btn.bf-btn--primary:active,.bf-btn.bf-btn--primary:focus{box-shadow:0 0 0 3px rgba(190,216,254,.75)}.bf-table td,.bf-table th{border-color:var(--bf-gray-dark)}.bf-table--zebra tbody tr:nth-child(odd),.bf-table-responsive--zebra tbody tr:nth-child(odd){background-color:var(--bf-gray-dark-extra)}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)}}@media (prefers-color-scheme:dark){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}}
|