bullframe.css 5.1.0 → 6.1.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 +63 -2
- package/LICENSE +1 -1
- package/README.md +81 -445
- package/dist/css/bullframe-classless-dark.css +1260 -892
- 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 +1307 -908
- 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 +1083 -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 +2166 -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 +2083 -1438
- 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 +846 -503
- 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 +1963 -1328
- 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 +74 -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 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/typography/_typography-blockquotes.scss","../../src/scss/bullframe-dark-prefers.scss","<no source>","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/miscellaneous/_misc-layout.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/typography/_typography-html-body.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/variables/_variables-colors.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/variables/_variables-texts.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/typography/_typography-headings.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/variables/_variables-spacing.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/typography/_typography-monospaced-elements.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/typography/_typography-misc.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/miscellaneous/_misc-anchors.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/miscellaneous/_misc-focus.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/miscellaneous/_misc-lists.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/miscellaneous/_misc-embedded-content.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/miscellaneous/_misc-interactive.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/miscellaneous/_misc-scrolling.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/miscellaneous/_misc-tables.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/miscellaneous/_misc-accessibility.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/forms/_forms-normalization.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/forms/_forms-styling.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/forms/_forms-styling-select.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/forms/_forms-styling-radio-checkbox.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/forms/_forms-styling-range.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/utilities/_utility-grid-system.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/utilities/_utility-layout.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/utilities/_utility-z-index.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/utilities/_utility-spacing.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/utilities/_utility-texts.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/utilities/_utility-buttons.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/utilities/_utility-form-states.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/utilities/_utility-lists.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/utilities/_utility-embeds.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/utilities/_utility-tables.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/utilities/_utility-print.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/utilities/_utility-reduced-motion.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/mixins/_mixin-dark-prefers.scss"],"names":[],"mappings":"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A,iBACE,sBxBqrCF,CwBlrCA,wBACE,6BxBqrCF,CwBlrCA,gCACE,oCxBqrCF,CwBlrCA,8BACE,kCxBqrCF,CwBlrCA,iCACE,gCxBqrCF,CwBlrCA,uBACE,wBxBqrCF,CwBlrCA,yBACE,0BxBqrCF,CwBlrCA,eACE,oBxBqrCF,CwBlrCA,gBACE,qBxBqrCF,CwBnrCA,mBACE,wBxBsrCF,CwBnrCA,oBACE,yBAAA,CACA,exBsrCF,CwBlrCA,yBACE,2BxBqrCF,CwBlrCA,+BAGE,kBAAA,CAFA,2BAAA,CACA,iBAAA,CAEA,wCxBqrCF,CwBhrCA,sBAEE,kBAAA,CADA,YAAA,CAEA,sBxBmrCF,CwBhrCA,aACE,mBxBmrCF,CwBhrCA,aACE,wBxBmrCF,CwBhrCA,aACE,mBxBmrCF,CwBhrCA,aACE,mBxBmrCF,CwBhrCA,cACE,oBxBmrCF,CwBhrCA,eACE,oBxBmrCF,CyB52CA,cACE,SzB+2CF,CyB52CA,cACE,SzB+2CF,CyB52CA,cACE,SzB+2CF,CyB52CA,cACE,SzB+2CF,CyB52CA,cACE,SzB+2CF,CyB52CA,cACE,SzB+2CF,CyB52CA,cACE,SzB+2CF,CyB52CA,cACE,SzB+2CF,CyB52CA,cACE,SzB+2CF,CyB52CA,eACE,UzB+2CF,CyB52CA,eACE,UzB+2CF,CyB52CA,eACE,UzB+2CF,CyB52CA,eACE,UzB+2CF,CyB52CA,eACE,UzB+2CF,CyB52CA,eACE,UzB+2CF,CyB52CA,eACE,UzB+2CF,CyB52CA,eACE,UzB+2CF,CyB52CA,eACE,UzB+2CF,CyB52CA,gBACE,WzB+2CF,CyBx2CA,gCACE,WzB+2CF,C0Br7CA,QACE,kB1Bw7CF,C0Br7CA,UACE,sB1Bw7CF,C0Br7CA,UACE,yB1Bw7CF,C0Br7CA,UACE,uB1Bw7CF,C0Br7CA,UACE,wB1Bw7CF,C0Br7CA,QACE,6B1Bw7CF,C0Br7CA,QACE,4B1Bw7CF,C0Br7CA,QACE,4B1Bw7CF,C0Br7CA,QACE,4B1Bw7CF,C0Br7CA,UACE,0B1Bw7CF,C0Br7CA,UACE,yB1Bw7CF,C0Br7CA,UACE,yB1Bw7CF,C0Br7CA,UACE,yB1Bw7CF,C0Br7CA,UACE,6B1Bw7CF,C0Br7CA,UACE,4B1Bw7CF,C0Br7CA,UACE,4B1Bw7CF,C0Br7CA,UACE,4B1Bw7CF,C0Bn7CA,QACE,mB1Bs7CF,C0Bn7CA,UACE,uB1Bs7CF,C0Bn7CA,UACE,0B1Bs7CF,C0Bn7CA,UACE,wB1Bs7CF,C0Bn7CA,UACE,yB1Bs7CF,C0Bn7CA,QACE,8B1Bs7CF,C0Bn7CA,QACE,6B1Bs7CF,C0Bn7CA,QACE,6B1Bs7CF,C0Bn7CA,QACE,6B1Bs7CF,C0Bn7CA,UACE,2B1Bs7CF,C0Bn7CA,UACE,0B1Bs7CF,C0Bn7CA,UACE,0B1Bs7CF,C0Bn7CA,UACE,0B1Bs7CF,C0Bn7CA,UACE,8B1Bs7CF,C0Bn7CA,UACE,6B1Bs7CF,C0Bn7CA,UACE,6B1Bs7CF,C0Bn7CA,UACE,6B1Bs7CF,C2BlkDA,0BACE,kC3BqkDF,C2BlkDA,qBACE,6B3BqkDF,C2BlkDA,WACE,yB3BqkDF,C2BlkDA,aACE,2B3BqkDF,C2BlkDA,YACE,0B3BqkDF,C2BlkDA,aACE,kCAAA,CACA,oC3BqkDF,C2BlkDA,aACE,2B3BqkDF,C2BjkDA,mBACE,2B3BokDF,C2BhkDA,iBACE,yB3BmkDF,C2BhkDA,iBACE,yB3BmkDF,C2BhkDA,iBACE,yB3BmkDF,C2BhkDA,iBACE,yB3BmkDF,C2BhkDA,iBACE,yB3BmkDF,C2BhkDA,iBACE,yB3BmkDF,C2BhkDA,eACE,8B3BmkDF,C2BhkDA,eACE,wBAAA,CACA,yBAAA,CACA,gCAAA,CACA,4BAAA,CACA,0B3BmkDF,C2BhkDA,4BAIE,sBAAA,CACA,8B3BokDF,C2BhkDA,wDANE,6BAAA,CAFA,yBAAA,CACA,gCAAA,CAIA,qC3B4kDF,C2BzkDA,4BAIE,sBAAA,CACA,8B3BokDF,C2BhkDA,cACE,kCAAA,CAAA,+BAAA,CAAA,0BAAA,CAQA,oC3B4jDF,C2BzjDA,oBACE,+M3B4jDF,C2BziDA,eACE,2H3B4iDF,C2BjiDA,mBACE,qL3BoiDF,C2BphDA,0CAME,yBAAA,CAEA,yBAAA,CAEA,4BAAA,CAHA,sB3B0hDF,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","file":"bullframe-dark-prefers.min.css","sourcesContent":["@use '../variables/variables-colors' as bf-v-color;\n@use '../variables/variables-texts' as bf-v-text;\n@use '../variables/variables-spacing' as bf-v-space;\n@use '../variables/variables-breakpoints' as bf-v-bp;\n@use 'sass:color';\n\nblockquote {\n margin-bottom: bf-v-space.$bf-spacing-xl-rem;\n padding-left: 0;\n font-style: italic;\n}\n\nblockquote p {\n margin-bottom: 0;\n}\n\nblockquote small {\n color: bf-v-color.$bf-gray;\n display: block;\n}\n\nblockquote small::before {\n content: '\\2014 \\00A0';\n}\n\nq {\n quotes: '\\201C' '\\201D' '\\2018' '\\2019';\n}\n","@charset \"UTF-8\";\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\ndetails {\n display: block;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n\nhtml {\n text-size-adjust: 100%;\n font-size: 62.5%;\n color: #222;\n font-family: sans-serif;\n line-height: 1.15;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\nbody {\n margin: 0;\n font-size: 1.6rem;\n line-height: 1.5;\n font-weight: 400;\n text-align: left;\n font-family: BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n text-rendering: optimizeLegibility;\n word-wrap: break-word;\n background-color: #fff;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n font-weight: 600;\n font-family: inherit;\n color: inherit;\n line-height: 1.25;\n margin-bottom: 1rem;\n}\n\nh1 {\n font-size: 36px;\n font-size: 3.6rem;\n}\n\nh2 {\n font-size: 30px;\n font-size: 3rem;\n}\n\nh3 {\n font-size: 24px;\n font-size: 2.4rem;\n}\n\nh4 {\n font-size: 20px;\n font-size: 2rem;\n}\n\nh5,\nh6 {\n font-size: 16px;\n font-size: 1.6rem;\n}\n\nblockquote {\n margin-bottom: 2rem;\n padding-left: 0;\n font-style: italic;\n}\n\nblockquote p {\n margin-bottom: 0;\n}\n\nblockquote small {\n color: #999;\n display: block;\n}\n\nblockquote small::before {\n content: \"— \";\n}\n\nq {\n quotes: \"“\" \"”\" \"‘\" \"’\";\n}\n\npre {\n margin: 0 0 2rem 0;\n display: block;\n overflow: auto;\n word-break: break-all;\n word-wrap: break-word;\n white-space: pre;\n hyphens: none;\n -ms-overflow-style: auto;\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family: Menlo, Consolas, \"Roboto Mono\", \"Ubuntu Monospace\", \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 0.875em;\n}\n\ncode {\n word-wrap: break-word;\n}\n\na > code {\n color: inherit;\n}\n\npre code {\n font-size: inherit;\n color: inherit;\n word-break: normal;\n}\n\np {\n margin: 0 0 2rem 0;\n}\n\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n text-decoration: underline;\n text-decoration: underline dotted;\n border-bottom: 0;\n}\n\nmark {\n background-color: #ff0;\n color: #000;\n}\n\nins {\n background-color: #ff9;\n color: #000;\n text-decoration: none;\n}\n\nb,\nstrong {\n font-weight: inherit;\n}\n\nb,\nstrong {\n /* stylelint-disable-next-line */\n font-weight: bolder;\n}\n\ndfn {\n font-style: italic;\n}\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -8px;\n top: -0.8rem;\n}\n\nsub {\n bottom: -4px;\n bottom: -0.4rem;\n}\n\nsmall {\n font-size: 80%;\n}\n\np:has(small) {\n line-height: 1.25;\n}\n\nhr {\n box-sizing: content-box;\n display: block;\n height: 0;\n border-style: solid;\n border-width: 1px 0 0;\n color: inherit;\n margin: 2rem 0;\n padding: 0;\n overflow: visible;\n}\n\na {\n color: #007bff;\n text-decoration: none;\n background-color: transparent;\n}\na:hover, a:focus {\n text-decoration: underline;\n color: #0056b3;\n}\n\na:not([href], [tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href], [class]),\na:not([href], [class]):hover {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href], [tabindex]):focus {\n outline: 0;\n}\n\n:where(:focus:not(:focus-visible)) {\n outline: none;\n}\n\n:where([tabindex=\"-1\"]:focus:not(:focus-visible)) {\n outline: 0 !important;\n}\n\n:where(a:focus, input:focus) {\n outline: 2px solid orange;\n}\n\n:where(:focus-visible) {\n outline: 2px solid orange;\n}\n\n:where(button,\n[type=button],\n[type=reset],\n[type=submit],\n[type=email],\n[type=number],\n[type=password],\n[type=tel],\n[type=search],\n[type=text],\n[type=date],\n[type=datetime-local],\n[type=month],\n[type=time],\n[type=week],\n[type=url],\n[type=radio],\n[type=checkbox],\ninput[list],\nselect,\ntextarea):focus {\n outline: 0;\n}\n\nmenu,\nol,\nul,\ndl {\n margin: 0 0 2rem 0;\n padding: 0;\n}\n\nmenu ul,\nmenu ol,\nul ul,\nul ol,\nol ol,\nol ul,\ndd {\n margin-bottom: 0;\n}\n\nul,\nol {\n margin-left: 2rem;\n}\n\nnav ol,\nnav ul {\n list-style: none;\n list-style-image: none;\n margin-left: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-left: 0;\n}\n\nnav li::before {\n content: \"\";\n position: absolute;\n}\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n}\n\nimg,\ncanvas,\naudio,\nvideo,\niframe,\nobject,\nembed {\n max-width: 100%;\n}\n\naudio,\nvideo,\ncanvas,\nimg,\nsvg {\n vertical-align: middle;\n}\n\nimg {\n height: auto;\n border-style: none;\n}\n\nfigure {\n margin: 0;\n}\n\nfigure,\nfigcaption {\n display: block;\n}\n\nfigcaption {\n line-height: 1.375;\n font-size: 90%;\n}\n\nvideo {\n height: auto;\n}\n\naudio {\n width: 100%;\n}\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\nsvg:not([fill]) {\n fill: currentColor;\n}\n\nprogress,\nmeter {\n display: inline-block;\n vertical-align: baseline;\n width: 100%;\n max-width: 100%;\n}\n\nprogress[value] {\n appearance: none;\n border: none;\n height: 20px;\n height: 2rem;\n background: #ccc;\n color: #007bff;\n}\n\nprogress[value]::-webkit-progress-bar {\n background: #ccc;\n}\n\nprogress[value]::-webkit-progress-value {\n background: #007bff;\n}\n\niframe {\n border-style: none;\n}\n\naddress {\n font-style: normal;\n margin-bottom: 10px;\n margin-bottom: 1rem;\n line-height: inherit;\n}\n\ndetails > summary:first-of-type {\n display: list-item;\n}\n\nsummary {\n cursor: pointer;\n font-weight: 700;\n word-break: break-all;\n}\n\ndialog {\n background-color: #fff;\n color: #222;\n border: none;\n border-radius: 0.25rem;\n padding: 20px;\n padding: 2rem;\n height: fit-content;\n min-width: 25rem;\n max-width: calc(100vw - 3rem);\n}\n@media (min-width: 768px) {\n dialog {\n max-width: 50rem;\n }\n}\n\ndialog[open] {\n display: block !important;\n}\n\ndialog::backdrop {\n background: rgba(0, 0, 0, 0.4);\n}\n\n@media (prefers-reduced-motion: no-preference) {\n :root {\n scroll-behavior: smooth;\n }\n}\ntable {\n caption-side: bottom;\n max-width: 100%;\n border-collapse: collapse;\n border-color: currentcolor;\n text-indent: 0;\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n}\n\nthead th {\n vertical-align: bottom;\n}\n\nth,\ntd {\n vertical-align: top;\n}\n\nth {\n text-align: inherit;\n text-align: -webkit-match-parent;\n font-weight: 700;\n}\n\ncaption {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n color: #999;\n text-align: left;\n caption-side: bottom;\n line-height: 1.375;\n font-size: 90%;\n}\n\n/* Accessibility\n * ========================================================================== */\n/**\n * Change the cursor on busy elements in all browsers (opinionated).\n */\n:where([aria-busy=true i]) {\n cursor: progress;\n}\n\n/*\n * Change the cursor on disabled, not-editable, or otherwise\n * inoperable elements in all browsers (opinionated).\n */\n:where([aria-disabled=true i], [disabled]) {\n cursor: not-allowed;\n}\n\n/*\n * Change the display on visually hidden accessible elements\n * in all browsers (opinionated).\n */\n:where([aria-hidden=false i][hidden]) {\n display: initial;\n}\n\n:where([aria-hidden=false i][hidden]:not(:focus)) {\n clip: rect(0, 0, 0, 0);\n position: absolute;\n}\n\n:where(html input, button, select, optgroup, textarea) {\n color: inherit;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\n:where(html input,\nbutton,\n[type=radio],\n[type=checkbox],\nselect,\noptgroup,\ntextarea) {\n margin: 0;\n}\n\n:where(html input, select, textarea, legend) {\n width: 100%;\n}\n\n:where(html label,\nbutton,\n[type=image],\n[type=submit],\n[type=reset],\nhtml [type=button],\n[type=radio],\n[type=checkbox]) {\n width: auto;\n}\n\n:where(html input,\nlabel,\nselect,\ntextarea,\nbutton,\nhtml [type=button],\n[type=reset],\n[type=submit],\noutput) {\n display: inline-block;\n}\n\n:where([type=file]) {\n display: block;\n background-color: transparent;\n}\n\n:where(button, html input, select, textarea) {\n background-image: none;\n}\n\n:where(input, select, textarea) {\n vertical-align: baseline;\n}\n\n:where(form) {\n margin: 0;\n}\n\n:where(fieldset) {\n border: 0;\n padding: 0;\n margin: 0;\n min-width: 0;\n}\n\n:where(legend) {\n display: table;\n max-width: 100%;\n white-space: normal;\n border: 0;\n padding: 0;\n font-weight: 400;\n margin-bottom: 5px;\n margin-bottom: 0.5rem;\n font-size: inherit;\n line-height: 1.375;\n color: inherit;\n}\n\n:where(label) {\n font-weight: 400;\n font-size: 90%;\n line-height: 1.375;\n margin-bottom: 5px;\n margin-bottom: 0.5rem;\n}\n\n:where(label input, label select, label textarea) {\n font-size: 110%;\n}\n\n::-webkit-inner-spin-button {\n height: auto;\n}\n\n::-webkit-datetime-edit-fields-wrapper,\n::-webkit-datetime-edit-text,\n::-webkit-datetime-edit-minute,\n::-webkit-datetime-edit-hour-field,\n::-webkit-datetime-edit-day-field,\n::-webkit-datetime-edit-month-field,\n::-webkit-datetime-edit-year-field {\n padding: 0;\n}\n\n::-webkit-color-swatch-wrapper {\n padding: 0;\n}\n\n:where([type=search]) {\n outline-offset: -0.25rem;\n}\n\n:where(output) {\n vertical-align: middle;\n}\n\n:where(button, select) {\n text-transform: none;\n}\n\n:where(select) {\n word-wrap: normal;\n}\n\n:where([list]):not([type=date],\n[type=datetime-local],\n[type=month],\n[type=week],\n[type=time])::-webkit-calendar-picker-indicator {\n display: none !important;\n}\n\n:where(optgroup) {\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: 600;\n}\n\n:where(button,\nhtml [type=button],\n[type=reset],\n[type=submit],\n[type=email],\n[type=number],\n[type=text],\n[type=tel],\n[type=date],\n[type=datetime-local],\n[type=month],\n[type=week],\n[type=url],\n[type=image],\n[type=password],\n[type=search],\n[type=search]::-webkit-search-decoration,\n[type=search]::-webkit-search-cancel-button,\ninput[list],\ntextarea) {\n appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n appearance: auto;\n}\n\n::file-selector-button {\n font: inherit;\n appearance: auto;\n}\n\n:where(button, input, select, textarea) {\n border-radius: 0.25rem;\n}\n\n:where([type=radio]) {\n border-radius: 50%;\n}\n\n:where([type=checkbox]) {\n border-radius: 0.5rem;\n}\n\n:where([type=radio], [type=checkbox]) {\n padding: 0;\n background-color: #fff;\n}\n\n:where([type=range i]) {\n background-color: transparent;\n}\n\n:where(select[size], select[multiple]) {\n height: auto;\n}\n\n:where(select[multiple]) {\n background-image: none;\n}\n\n:where(textarea) {\n height: auto;\n min-height: 60px;\n min-height: 6rem;\n overflow: auto;\n vertical-align: top;\n resize: vertical;\n}\n\n::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\n:where(button, [type=button], [type=reset], [type=submit]) {\n line-height: normal;\n text-align: center;\n margin: 0;\n background-clip: padding-box;\n vertical-align: baseline;\n overflow: visible;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n user-select: none;\n border: 0;\n background-image: none;\n}\n:where(button, [type=button], [type=reset], [type=submit]):hover, :where(button, [type=button], [type=reset], [type=submit]):active, :where(button, [type=button], [type=reset], [type=submit]):focus {\n text-decoration: none;\n color: #222;\n}\n\n:where(button:not(:disabled),\n[type=button]:not(:disabled),\n[type=reset]:not(:disabled),\n[type=submit]:not(:disabled)) {\n cursor: pointer;\n}\n\n:where(input::placeholder, textarea::placeholder) {\n color: #666;\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n:-moz-focusring {\n outline: auto;\n}\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n:where([type=email],\n[type=number],\n[type=password],\n[type=tel],\n[type=search],\n[type=text],\n[type=date],\n[type=datetime-local],\n[type=month],\n[type=week],\n[type=time],\n[type=url],\ninput[list],\nselect,\ntextarea) {\n background-color: #fff;\n border: 1px solid #999;\n padding: 0.5rem 0.75rem;\n}\n\n:where([type=email],\n[type=number],\n[type=password],\n[type=tel],\n[type=search],\n[type=text],\n[type=date],\n[type=datetime-local],\n[type=month],\n[type=week],\n[type=time],\n[type=url],\ninput[list],\nselect,\ntextarea,\n[type=radio],\n[type=checkbox]):active, :where([type=email],\n[type=number],\n[type=password],\n[type=tel],\n[type=search],\n[type=text],\n[type=date],\n[type=datetime-local],\n[type=month],\n[type=week],\n[type=time],\n[type=url],\ninput[list],\nselect,\ntextarea,\n[type=radio],\n[type=checkbox]):focus {\n transition: border 0.2s, background-color 0.2s, box-shadow 0.2s;\n border-color: #007bff;\n box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25);\n}\n\n:where(button, [type=button], [type=reset], [type=submit]) {\n color: #222;\n padding: 0.6666666667rem 1.3333333333rem;\n background: #ccc;\n transition: color 0.2s, background 0.2s, box-shadow 0.2s;\n}\n:where(button, [type=button], [type=reset], [type=submit]):hover, :where(button, [type=button], [type=reset], [type=submit]):active, :where(button, [type=button], [type=reset], [type=submit]):focus {\n text-decoration: none;\n color: #222;\n background: rgb(178.5, 178.5, 178.5);\n}\n:where(button, [type=button], [type=reset], [type=submit]):active, :where(button, [type=button], [type=reset], [type=submit]):focus {\n box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);\n}\n\n:where(fieldset[disabled] button,\nfieldset[disabled] input,\nfieldset[disabled] input::after,\nfieldset[disabled] input::before,\nfieldset[disabled] input:checked,\nfieldset[disabled] select,\nfieldset[disabled] textarea,\nfieldset[disabled] label,\nbutton[disabled],\ninput[disabled],\ninput[disabled]::after,\ninput[disabled]::before,\ninput[disabled]:checked,\nselect[disabled],\ntextarea[disabled],\nlabel[disabled],\nbutton:disabled,\ninput:disabled,\ninput:disabled::after,\ninput:disabled::before,\ninput:disabled:checked,\nselect:disabled,\ntextarea:disabled,\nlabel:disabled,\nbutton[aria-disabled=true],\ninput[aria-disabled=true],\ninput[aria-disabled=true]::after,\ninput[aria-disabled=true]::before,\ninput[aria-disabled=true]:checked,\nselect[aria-disabled=true],\ntextarea[aria-disabled=true],\nlabel[aria-disabled=true]) {\n cursor: default !important;\n cursor: not-allowed !important;\n pointer-events: none !important;\n user-select: none !important;\n box-shadow: none !important;\n opacity: 0.5 !important;\n}\n\n:where(select):not([size], select[multiple]) {\n appearance: none;\n background: #fff url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\") no-repeat right 0.85rem center/8px 10px;\n padding-right: 2rem;\n}\n\n:where(select)::-ms-expand {\n display: none;\n}\n\n:where(*[dir=rtl]) :where(select):not([size], select[multiple]),\n:where(select[dir=rtl]):not([size], select[multiple]) {\n background-position: left 0.85rem top 50%;\n padding-right: 0.75rem;\n padding-left: 2rem;\n}\n\n:where([type=checkbox], [type=radio]) {\n appearance: none;\n height: 1.8rem;\n width: 1.8rem;\n vertical-align: top;\n position: relative;\n border: 1px solid/#999;\n}\n:where([type=checkbox], [type=radio]) + label {\n line-height: 1.8rem;\n vertical-align: top;\n margin-left: 5px;\n margin-left: 0.5rem;\n}\n*[dir=rtl] :where([type=checkbox], [type=radio]) + label, :where([type=checkbox], [type=radio])[dir=rtl] + label {\n margin-left: 0;\n margin-right: 5px;\n margin-right: 0.5rem;\n}\n:where([type=checkbox], [type=radio])::after {\n content: \"\";\n display: block;\n position: absolute;\n}\n:where([type=checkbox], [type=radio]):checked {\n background-color: #007bff;\n border-color: #000;\n}\n\n:where([type=radio])::after {\n width: 1.8rem;\n height: 1.8rem;\n left: -0.05rem;\n top: -0.05rem;\n border-radius: 50%;\n background: #fff;\n transform: scale(0.35);\n}\n\n:where([type=checkbox])::after {\n width: 0.6rem;\n height: 0.8rem;\n border: 2px solid/#fff;\n border-top: 0;\n border-left: 0;\n left: 35%;\n top: 20%;\n transform: rotate(43deg);\n}\n\n:where([type=range]) {\n appearance: none;\n width: 100%;\n height: 1.4rem;\n}\n\n:where([type=range])::-webkit-slider-thumb {\n border: 0;\n appearance: none;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -0.25rem;\n background-color: #007bff;\n border-radius: 1.5rem;\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n:where([type=range])::-webkit-slider-thumb:active {\n background-color: #007bff;\n}\n\n:where([type=range])::-moz-range-thumb {\n border: 0;\n appearance: none;\n width: 1.5rem;\n height: 1.5rem;\n background-color: #007bff;\n border-radius: 1.5rem;\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n:where([type=range])::-moz-range-thumb:active {\n background-color: #007bff;\n}\n\n:where([type=range])::-webkit-slider-runnable-track {\n color: transparent;\n border-color: transparent;\n width: 100%;\n height: 0.65rem;\n cursor: pointer;\n background-color: #e9e9e9;\n}\n\n:where([type=range])::-moz-range-track {\n color: transparent;\n border-color: transparent;\n width: 100%;\n height: 0.65rem;\n cursor: pointer;\n background-color: #e9e9e9;\n}\n\n:where([type=range]):focus {\n outline: none;\n}\n:where([type=range]):focus::-webkit-slider-thumb {\n box-shadow: 0 0 0 0.1rem/#fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n}\n:where([type=range]):focus::-moz-slider-thumb {\n box-shadow: 0 0 0 0.1rem/#fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n}\n\n:where([type=range])::-moz-focus-outer {\n border: 0;\n}\n\n:where([type=range]):focus::-moz-range-thumb {\n box-shadow: 0 0 0 0.1rem/#fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n}\n\n:where([type=range]):disabled {\n pointer-events: none;\n}\n:where([type=range]):disabled::-webkit-slider-thumb {\n background-color: #ccc;\n}\n:where([type=range]):disabled::-moz-slider-thumb {\n background-color: #ccc;\n}\n\n.bf-container,\n.bf-container--fluid {\n box-sizing: border-box;\n display: block;\n margin-right: auto;\n margin-left: auto;\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.bf-container {\n max-width: 114rem;\n}\n\n.bf-row {\n display: flex;\n flex-wrap: wrap;\n margin-left: -1.5rem;\n margin-right: -1.5rem;\n}\n\n[class^=bf-col-] {\n position: relative;\n min-height: 1px;\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n flex-grow: 0;\n flex-shrink: 0;\n}\n\n.bf-no-gutters {\n margin-right: 0;\n margin-left: 0;\n}\n.bf-no-gutters > [class^=bf-col] {\n padding-right: 0;\n padding-left: 0;\n}\n\n.bf-col-12 {\n flex-basis: 100%;\n max-width: 100%;\n}\n\n.bf-col-11 {\n flex-basis: 91.6667%;\n max-width: 91.6667%;\n}\n\n.bf-col-10 {\n flex-basis: 83.3333%;\n max-width: 83.3333%;\n}\n\n.bf-col-9 {\n flex-basis: 75%;\n max-width: 75%;\n}\n\n.bf-col-8 {\n flex-basis: 66.6667%;\n max-width: 66.6667%;\n}\n\n.bf-col-7 {\n flex-basis: 58.3333%;\n max-width: 58.3333%;\n}\n\n.bf-col-6 {\n flex-basis: 50%;\n max-width: 50%;\n}\n\n.bf-col-5 {\n flex-basis: 41.6667%;\n max-width: 41.6667%;\n}\n\n.bf-col-4 {\n flex-basis: 33.3333%;\n max-width: 33.3333%;\n}\n\n.bf-col-3 {\n flex-basis: 25%;\n max-width: 25%;\n}\n\n.bf-col-2 {\n flex-basis: 16.6667%;\n max-width: 16.6667%;\n}\n\n.bf-col-1 {\n flex-basis: 8.3333%;\n max-width: 8.3333%;\n}\n\n@media (max-width: 575px) {\n .bf-container--break-xs .bf-row {\n margin-left: 0;\n margin-right: 0;\n }\n .bf-container--break-xs [class^=bf-col] {\n flex-basis: 100%;\n max-width: 100%;\n margin-left: 0;\n padding-left: 0;\n padding-right: 0;\n }\n}\n@media (max-width: 767px) {\n .bf-container--break-md .bf-row {\n margin-left: 0;\n margin-right: 0;\n }\n .bf-container--break-md [class^=bf-col] {\n flex-basis: 100%;\n max-width: 100%;\n margin-left: 0;\n padding-left: 0;\n padding-right: 0;\n }\n}\n@media (max-width: 991px) {\n .bf-container--break-lg .bf-row {\n margin-left: 0;\n margin-right: 0;\n }\n .bf-container--break-lg [class^=bf-col] {\n flex-basis: 100%;\n max-width: 100%;\n margin-left: 0;\n padding-left: 0;\n padding-right: 0;\n }\n}\ntable td[class^=bf-col],\ntable th[class^=bf-col] {\n position: static;\n}\n\n.bf-clearfix::before,\n.bf-clearfix::after {\n content: \" \";\n display: table;\n}\n\n.bf-clearfix::after {\n clear: both;\n}\n\n.bf-hide {\n display: none !important;\n}\n\n.bf-hidden {\n display: none !important;\n visibility: hidden !important;\n}\n\n.bf-text-hide {\n /* stylelint-disable-next-line */\n font: 0/0 a !important;\n color: transparent !important;\n text-shadow: none !important;\n background-color: transparent !important;\n border: 0 !important;\n margin: 0 !important;\n padding: 0 !important;\n}\n\n/*\n// taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css\n//\n* Hide only visually, but have it available for screen readers:\n* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility\n*\n* 1. For long content, line feeds are not interpreted as spaces and small width\n* causes content to wrap 1 word per line:\n* https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe\n*/\n.bf-sr-only {\n border: 0 !important;\n clip: rect(0, 0, 0, 0) !important;\n height: 1px !important;\n margin: -1px !important;\n overflow: hidden !important;\n padding: 0 !important;\n position: absolute !important;\n white-space: nowrap !important;\n width: 1px !important;\n}\n\n/*\n// taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css\n//\n* Extends the .sr-only class to allow the element\n* to be focusable when navigated to via the keyboard:\n* https://www.drupal.org/node/897638\n*/\n.bf-sr-only.focusable:active,\n.bf-sr-only.focusable:focus {\n clip: auto !important;\n height: auto !important;\n margin: 0 !important;\n overflow: visible !important;\n position: static !important;\n white-space: inherit !important;\n width: auto !important;\n}\n\n.bf-invisible {\n visibility: hidden !important;\n}\n\n.bf-visible {\n visibility: visible !important;\n}\n\n.bf-display-block {\n display: block !important;\n}\n\n.bf-display-block-center {\n display: block !important;\n margin-left: auto !important;\n margin-right: auto !important;\n text-align: center !important;\n}\n\n.bf-display-inline {\n display: inline !important;\n}\n\n.bf-display-inline-block {\n display: inline-block !important;\n}\n\n.bf-display-flex {\n display: flex !important;\n}\n\n.bf-display-inline-flex {\n display: inline-flex !important;\n}\n\n.bf-display-flex--justify-start {\n justify-content: flex-start !important;\n}\n\n.bf-display-flex--justify-end {\n justify-content: flex-end !important;\n}\n\n.bf-display-flex--justify-center {\n justify-content: center !important;\n}\n\n.bf-display-flex--wrap {\n flex-wrap: wrap !important;\n}\n\n.bf-display-flex--nowrap {\n flex-wrap: nowrap !important;\n}\n\n.bf-float-left {\n float: left !important;\n}\n\n.bf-float-right {\n float: right !important;\n}\n\n.bf-position-fixed {\n position: fixed !important;\n}\n\n.bf-position-sticky {\n position: sticky !important;\n top: 0 !important;\n}\n\n.bf-align-center-unknown {\n position: relative !important;\n}\n\n.bf-align-center-unknown--item {\n position: absolute !important;\n top: 50% !important;\n left: 50% !important;\n transform: translate(-50%, -50%) !important;\n}\n\n.bf-align-center-flex {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.bf-width-25 {\n width: 25% !important;\n}\n\n.bf-width-33 {\n width: 33.3333% !important;\n}\n\n.bf-width-50 {\n width: 50% !important;\n}\n\n.bf-width-75 {\n width: 75% !important;\n}\n\n.bf-width-100 {\n width: 100% !important;\n}\n\n.bf-width-auto {\n width: auto !important;\n}\n\n.bf-z-index-1 {\n z-index: 1;\n}\n\n.bf-z-index-2 {\n z-index: 2;\n}\n\n.bf-z-index-3 {\n z-index: 3;\n}\n\n.bf-z-index-4 {\n z-index: 4;\n}\n\n.bf-z-index-5 {\n z-index: 5;\n}\n\n.bf-z-index-6 {\n z-index: 6;\n}\n\n.bf-z-index-7 {\n z-index: 7;\n}\n\n.bf-z-index-8 {\n z-index: 8;\n}\n\n.bf-z-index-9 {\n z-index: 9;\n}\n\n.bf-z-index-10 {\n z-index: 10;\n}\n\n.bf-z-index-20 {\n z-index: 20;\n}\n\n.bf-z-index-30 {\n z-index: 30;\n}\n\n.bf-z-index-40 {\n z-index: 40;\n}\n\n.bf-z-index-50 {\n z-index: 50;\n}\n\n.bf-z-index-60 {\n z-index: 60;\n}\n\n.bf-z-index-70 {\n z-index: 70;\n}\n\n.bf-z-index-80 {\n z-index: 80;\n}\n\n.bf-z-index-90 {\n z-index: 90;\n}\n\n.bf-z-index-100 {\n z-index: 100;\n}\n\n.bf-z-index-200 {\n z-index: 200;\n}\n\n.bf-z-index-300 {\n z-index: 200;\n}\n\n.bf-m-0 {\n margin: 0 !important;\n}\n\n.bf-m-t-0 {\n margin-top: 0 !important;\n}\n\n.bf-m-b-0 {\n margin-bottom: 0 !important;\n}\n\n.bf-m-l-0 {\n margin-left: 0 !important;\n}\n\n.bf-m-r-0 {\n margin-right: 0 !important;\n}\n\n.bf-m-1 {\n margin-bottom: 0.5rem !important;\n}\n\n.bf-m-2 {\n margin-bottom: 1rem !important;\n}\n\n.bf-m-3 {\n margin-bottom: 2rem !important;\n}\n\n.bf-m-4 {\n margin-bottom: 3rem !important;\n}\n\n.bf-m-t-1 {\n margin-top: 0.5rem !important;\n}\n\n.bf-m-t-2 {\n margin-top: 1rem !important;\n}\n\n.bf-m-t-3 {\n margin-top: 2rem !important;\n}\n\n.bf-m-t-4 {\n margin-top: 3rem !important;\n}\n\n.bf-m-b-1 {\n margin-bottom: 0.5rem !important;\n}\n\n.bf-m-b-2 {\n margin-bottom: 1rem !important;\n}\n\n.bf-m-b-3 {\n margin-bottom: 2rem !important;\n}\n\n.bf-m-b-4 {\n margin-bottom: 3rem !important;\n}\n\n.bf-p-0 {\n padding: 0 !important;\n}\n\n.bf-p-t-0 {\n padding-top: 0 !important;\n}\n\n.bf-p-b-0 {\n padding-bottom: 0 !important;\n}\n\n.bf-p-l-0 {\n padding-left: 0 !important;\n}\n\n.bf-p-r-0 {\n padding-right: 0 !important;\n}\n\n.bf-p-1 {\n padding-bottom: 0.5rem !important;\n}\n\n.bf-p-2 {\n padding-bottom: 1rem !important;\n}\n\n.bf-p-3 {\n padding-bottom: 2rem !important;\n}\n\n.bf-p-4 {\n padding-bottom: 3rem !important;\n}\n\n.bf-p-t-1 {\n padding-top: 0.5rem !important;\n}\n\n.bf-p-t-2 {\n padding-top: 1rem !important;\n}\n\n.bf-p-t-3 {\n padding-top: 2rem !important;\n}\n\n.bf-p-t-4 {\n padding-top: 3rem !important;\n}\n\n.bf-p-b-1 {\n padding-bottom: 0.5rem !important;\n}\n\n.bf-p-b-2 {\n padding-bottom: 1rem !important;\n}\n\n.bf-p-b-3 {\n padding-bottom: 2rem !important;\n}\n\n.bf-p-b-4 {\n padding-bottom: 3rem !important;\n}\n\n.bf-t-transform-uppercase {\n text-transform: uppercase !important;\n}\n\n.bf-t-transform-none {\n text-transform: none !important;\n}\n\n.bf-t-left {\n text-align: left !important;\n}\n\n.bf-t-center {\n text-align: center !important;\n}\n\n.bf-t-right {\n text-align: right !important;\n}\n\n.bf-t-shadow {\n text-shadow: 0 0 2px #222 !important;\n text-shadow: 0 0 0.2rem #222 !important;\n}\n\n.bf-t-italic {\n font-style: italic !important;\n}\n\n.bf-t-style-normal {\n font-style: normal !important;\n}\n\n.bf-t-weight-300 {\n font-weight: 300 !important;\n}\n\n.bf-t-weight-400 {\n font-weight: 400 !important;\n}\n\n.bf-t-weight-500 {\n font-weight: 500 !important;\n}\n\n.bf-t-weight-600 {\n font-weight: 600 !important;\n}\n\n.bf-t-weight-700 {\n font-weight: 700 !important;\n}\n\n.bf-t-weight-800 {\n font-weight: 800 !important;\n}\n\n.bf-text-break {\n word-wrap: break-word !important;\n}\n\n.bf-t-truncate {\n max-width: 100% !important;\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n word-wrap: normal !important;\n}\n\n.bf-t-truncate--multiline-2 {\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n display: -webkit-box !important;\n line-clamp: 2 !important;\n -webkit-line-clamp: 2 !important;\n -webkit-box-orient: vertical !important;\n}\n\n.bf-t-truncate--multiline-3 {\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n display: -webkit-box !important;\n line-clamp: 3 !important;\n -webkit-line-clamp: 3 !important;\n -webkit-box-orient: vertical !important;\n}\n\n.bf-no-select {\n user-select: none !important;\n -webkit-touch-callout: none !important;\n}\n\n.bf-font-sans-serif {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !important;\n}\n\n.bf-font-serif {\n font-family: Georgia, Times, \"Times New Roman\", serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !important;\n}\n\n.bf-font-monospace {\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\" !important;\n}\n\n.bf-h1,\n.bf-h2,\n.bf-h3,\n.bf-h4,\n.bf-h5,\n.bf-h6 {\n font-weight: 600 !important;\n margin-top: 0 !important;\n line-height: 1.2 !important;\n margin-bottom: 10px !important;\n margin-bottom: 1rem !important;\n}\n\n.bf-h1 {\n font-size: 36px !important;\n font-size: 3.6rem !important;\n}\n\n.bf-h2 {\n font-size: 30px !important;\n font-size: 3rem !important;\n}\n\n.bf-h3 {\n font-size: 24px !important;\n font-size: 2.4rem !important;\n}\n\n.bf-h4 {\n font-size: 20px !important;\n font-size: 2rem !important;\n}\n\n.bf-h5,\n.bf-h6 {\n font-size: 16px !important;\n font-size: 1.6rem !important;\n}\n\np.bf-lead {\n font-size: 120% !important;\n}\n\nbody.bf-responsive-typography {\n --body-rt-font-size-flex: calc(1.5rem + 3 * ((100vw - 320px) / 680));\n --body-rt-font-size-max: 1.8rem;\n}\n\n@media (min-width: 320px) {\n body.bf-responsive-typography {\n font-size: var(--body-rt-font-size-flex);\n }\n}\n@media (min-width: 1000px) {\n body.bf-responsive-typography {\n font-size: var(--body-rt-font-size-max);\n }\n}\n.bf-btn {\n display: inline-block;\n cursor: pointer;\n color: #222;\n padding: 0.6666666667rem 1.3333333333rem;\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-radius: 0.25rem;\n border: 0;\n background-image: none;\n background-color: #ccc;\n transition: all 0.2s;\n}\n.bf-btn:hover, .bf-btn:active, .bf-btn:focus {\n text-decoration: none;\n color: #222;\n background: rgb(178.5, 178.5, 178.5);\n}\n.bf-btn:active, .bf-btn:focus {\n box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);\n}\n.bf-btn:focus {\n outline: 0;\n}\n.bf-btn.bf-btn--primary {\n color: #fff;\n background: #007bff;\n}\n.bf-btn.bf-btn--primary:hover, .bf-btn.bf-btn--primary:active, .bf-btn.bf-btn--primary:focus {\n color: #fff;\n background: rgb(0, 98.4, 204);\n}\n.bf-btn.bf-btn--primary:active, .bf-btn.bf-btn--primary:focus {\n box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25);\n}\n\nfieldset[disabled] .bf-btn,\n.bf-btn[disabled],\n.bf-btn:disabled,\n.bf-btn[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 background-color: #ccc;\n}\n\n.bf-focused {\n transition: border 0.2s, background-color 0.2s, box-shadow 0.2s !important;\n border-color: #007bff !important;\n box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25) !important;\n}\n\n.bf-disabled,\n.bf-disabled:hover,\n.bf-disabled:active,\n.bf-disabled:focus,\n.bf-disabled::after,\n.bf-disabled::before,\n.bf-disabled:invalid,\n.bf-disabled:checked {\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 background-color: #fff;\n border-color: #999;\n}\n\nlabel.bf-disabled {\n background-color: transparent;\n border-color: transparent;\n}\n\nbutton.bf-disabled,\n[type=button].bf-disabled,\n[type=reset].bf-disabled,\n[type=submit].bf-disabled,\n.bf-btn.bf-disabled {\n cursor: default;\n cursor: not-allowed;\n pointer-events: none;\n user-select: none;\n box-shadow: none;\n opacity: 0.5;\n color: #222;\n background: #ccc;\n}\nbutton.bf-disabled:hover, button.bf-disabled:active, button.bf-disabled:focus,\n[type=button].bf-disabled:hover,\n[type=button].bf-disabled:active,\n[type=button].bf-disabled:focus,\n[type=reset].bf-disabled:hover,\n[type=reset].bf-disabled:active,\n[type=reset].bf-disabled:focus,\n[type=submit].bf-disabled:hover,\n[type=submit].bf-disabled:active,\n[type=submit].bf-disabled:focus,\n.bf-btn.bf-disabled:hover,\n.bf-btn.bf-disabled:active,\n.bf-btn.bf-disabled:focus {\n box-shadow: none;\n color: #222;\n background: #ccc;\n}\n\n.bf-btn--primary.bf-disabled {\n cursor: default;\n cursor: not-allowed;\n pointer-events: none;\n user-select: none;\n box-shadow: none;\n opacity: 0.5;\n color: #fff;\n background: #007bff;\n}\n.bf-btn--primary.bf-disabled:hover, .bf-btn--primary.bf-disabled:active, .bf-btn--primary.bf-disabled:focus {\n box-shadow: none;\n color: #fff;\n background: #007bff;\n}\n\n.bf-invalid,\n.bf-invalid:focus {\n color: #f00 !important;\n border-color: #f00 !important;\n box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.25) !important;\n}\n\n.bf-list-unstyled,\nmenu ul.bf-list-unstyled,\nmenu ol.bf-list-unstyled,\nul.bf-list-unstyled ul,\nul.bf-list-unstyled ol,\nol.bf-list-unstyled ol,\nol.bf-list-unstyled ul,\ndd.bf-list-unstyled {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\ndt {\n font-weight: 700;\n}\n\n.bf-embed-responsive {\n position: relative;\n display: block;\n width: 100%;\n padding: 0;\n overflow: hidden;\n}\n.bf-embed-responsive::before {\n display: block;\n content: \"\";\n padding-top: 56.25%;\n}\n.bf-embed-responsive .bf-embed-responsive--4-3::before {\n padding-top: 75%;\n}\n.bf-embed-responsive .bf-embed-responsive--item, .bf-embed-responsive iframe, .bf-embed-responsive embed, .bf-embed-responsive object, .bf-embed-responsive video {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0;\n}\n\n.bf-table th,\n.bf-table td {\n padding: 1rem;\n border-bottom: 1px solid #999;\n margin-bottom: 0.5rem;\n}\n\n.bf-table-responsive {\n overflow: auto hidden;\n -ms-overflow-style: scrollbar;\n}\n\n.bf-table-responsive table {\n width: 100%;\n margin-bottom: 0.5rem;\n}\n\n.bf-table-responsive.scrollbar {\n -webkit-overflow-scrolling: auto;\n}\n\n.bf-table--zebra tbody tr:nth-child(odd),\n.bf-table-responsive--zebra tbody tr:nth-child(odd) {\n background-color: #e9e9e9;\n}\n\n/* main.css 3.0.0 | MIT License | https://github.com/h5bp/main.css#readme */\n/* ==========================================================================\n Print styles.\n Inlined to avoid the additional HTTP request:\n https://www.phpied.com/delay-loading-your-print-css/\n ========================================================================== */\n@media print {\n *,\n *::before,\n *::after {\n background: #fff !important;\n color: #000 !important;\n /* Black prints faster */\n box-shadow: none !important;\n text-shadow: none !important;\n }\n a,\n a:visited {\n text-decoration: underline;\n }\n a[href]::after {\n content: \" (\" attr(href) \")\";\n }\n abbr[title]::after {\n content: \" (\" attr(title) \")\";\n }\n /*\n * Don't show links that are fragment identifiers,\n * or use the `javascript:` pseudo protocol\n */\n a[href^=\"#\"]::after,\n a[href^=\"javascript:\"]::after {\n content: \"\";\n }\n pre {\n white-space: pre-wrap !important;\n }\n pre,\n blockquote {\n border: 1px solid #999;\n page-break-inside: avoid;\n }\n tr,\n img {\n page-break-inside: avoid;\n }\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3;\n }\n h2,\n h3 {\n page-break-after: avoid;\n }\n}\n@media print {\n body,\n .bf-container {\n min-width: 992px !important;\n }\n .bf-table-responsive {\n overflow: auto;\n }\n .bf-table-responsive table {\n width: auto;\n }\n .bf-table-responsive table,\n .bf-table {\n border-collapse: collapse !important;\n }\n}\n@media (prefers-reduced-motion: reduce) {\n .bf-reduced-motion,\n .bf-reduced-motion::before,\n .bf-reduced-motion::after,\n .bf-reduced-motion *,\n .bf-reduced-motion *::before,\n .bf-reduced-motion *::after {\n animation-delay: -1ms !important;\n animation-duration: 1ms !important;\n animation-iteration-count: 1 !important;\n background-attachment: initial !important;\n scroll-behavior: auto !important;\n transition-delay: 0s !important;\n transition-duration: 0s !important;\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}",null,"*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\ndetails {\n display: block;\n}\n\ntemplate {\n display: none;\n}\n\n// Always hide an element with the `hidden` HTML attribute\n[hidden] {\n display: none !important;\n}\n","@use '../variables/variables-colors' as bf-v-color;\n@use '../variables/variables-texts' as bf-v-text;\n@use '../variables/variables-spacing' as bf-v-space;\n@use '../variables/variables-breakpoints' as bf-v-bp;\n@use 'sass:color';\n\nhtml {\n text-size-adjust: 100%;\n\n // resize the base font-size and get an easy math for rem units\n // https://snook.ca/archives/html_and_css/font-size-with-rem\n font-size: 62.5%;\n\n color: bf-v-color.$bf-dark;\n\n // set a default font-family and line-height\n font-family: sans-serif;\n line-height: 1.15;\n\n // remove a tap background when a link or interactive element is focused\n // if is touch\n -webkit-tap-highlight-color: rgb(0 0 0 / 0%);\n}\n\nbody {\n margin: 0;\n font-size: bf-v-text.$bf-body-font-size-rem; // '1.6rem' by default\n line-height: bf-v-text.$bf-body-line-height; // '1.5' by default\n\n // this is useful to inherit values for some elements (e.g. forms)\n font-weight: 400;\n text-align: left;\n\n // native font stack for optimum text rendering on every device and OS\n // this stack mimics the system font UI\n // a web apps looks like a native app (e.g. Android = Roboto font)\n // Read more:\n // https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/\n font-family:\n\n\t\t// Safari for OS X and iOS (San Francisco) -apple-system,\n // Chrome < 56 for OS X (San Francisco)\n BlinkMacSystemFont,\n // Windows\n 'Segoe UI',\n // Android\n Roboto,\n // Linux with KDE\n Oxygen-Sans,\n // Ubuntu (all variants)\n Ubuntu,\n // Linux with GNOME Shell\n Cantarell,\n // macOS 1.10 and below\n 'Helvetica Neue',\n Helvetica,\n // Basic web fallback\n Arial,\n 'Noto Sans',\n sans-serif,\n // emoji fonts\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol',\n 'Noto Color Emoji';\n\n // this enable font ligatures\n text-rendering: optimizeLegibility;\n\n // break very long texts by default, especially on old browsers\n // e.g. big <h1> or <h2> headlines\n word-wrap: break-word;\n\n background-color: bf-v-color.$bf-white;\n}\n","@use 'sass:color';\n\n// TIP: make colors lighter/darker with Sass\n// https://sass-lang.com/documentation/modules/color/\n// e.g., lighter: \"color: color.adjust($gray, $lightness: 15%);\"\n// e.g., darker: \"color: color.adjust($gray, $lightness: -15%);\"\n\n// customise/enlarge this small selection as needed\n\n// hex to rgba online converter http://www.hex2rgba.devoth.com/\n\n// backgrounds, texts and borders\n$bf-white: #fff; // rgba(255,255,255,1)\n$bf-light: #f0f0f0; // rgba(240,240,240,1)\n$bf-gray-light-extra: #e9e9e9; // rgba(233,233,233,1)\n$bf-gray-light: #ccc; // rgba(204,204,204,1)\n$bf-gray: #999; // rgba(153,153,153,1)\n$bf-gray-dark: #666; // rgba(102,102,102,1)\n$bf-gray-dark-extra: #333; // rgba(51,51,51,1)\n$bf-dark: #222; // rgba(34,34,34,1)\n$bf-dark-extra: #111; // rgba(17,17,17,1)\n$bf-black: #000; // rgba(0,0,0,1)\n\n// <mark> and <ins>\n$bf-yellow-light: #ff9; // rgba(255,255,153,1)\n$bf-yellow: #ff0; // rgba(255,255,0,1)\n\n// anchors and accent\n$bf-blue: #007bff; // rgba(0,123,255,1)\n$bf-blue-light: #0056b3; // rgba(0,86,179,1)\n$bf-blue-light-extra: #bed8fe; // rgba(190, 216, 254, 1)\n\n// invalid forms\n$bf-red: #f00; // rgba(255,0,0,1)\n","$bf-font-sans-serif:\n -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell,\n 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n 'Segoe UI Symbol', 'Noto Color Emoji';\n$bf-font-serif: Georgia, Times, 'Times New Roman', serif;\n$bf-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;\n$bf-body-font-size-rem: 1.6rem;\n$bf-body-line-height: 1.5;\n","@use '../variables/variables-colors' as bf-v-color;\n@use '../variables/variables-texts' as bf-v-text;\n@use '../variables/variables-spacing' as bf-v-space;\n@use '../variables/variables-breakpoints' as bf-v-bp;\n@use 'sass:color';\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0; // fallback\n font-weight: 600;\n font-family: inherit;\n color: inherit;\n line-height: 1.25;\n margin-bottom: bf-v-space.$bf-spacing-lg-rem;\n}\n\nh1 {\n font-size: 36px;\n font-size: 3.6rem;\n}\n\nh2 {\n font-size: 30px;\n font-size: 3rem;\n}\n\nh3 {\n font-size: 24px;\n font-size: 2.4rem;\n}\n\nh4 {\n font-size: 20px;\n font-size: 2rem;\n}\n\nh5,\nh6 {\n font-size: 16px;\n font-size: 1.6rem;\n}\n","// customise this spacing selection as needed\n\n// the REM unit is the default,\n// preceded by the PX unit as fallback for old browsers (IE)\n// https://caniuse.com/#search=rem\n//\n// e.g.\n// html { font-size: 62.5%; }\n// body { font-size: 16px; }\n// h1 { font-size: 30px; font-size: 3rem; }\n\n$bf-spacing-sm-px: 2.5px;\n$bf-spacing-md-px: 5px;\n$bf-spacing-lg-px: 10px;\n$bf-spacing-xl-px: 20px;\n$bf-spacing-xxl-px: 30px;\n$bf-spacing-sm-rem: 0.25rem;\n$bf-spacing-md-rem: 0.5rem;\n$bf-spacing-lg-rem: 1rem;\n$bf-spacing-xl-rem: 2rem;\n$bf-spacing-xxl-rem: 3rem;\n\n// ! grid system only\n$bf-spacing-grid-gutter-rem: 1.5rem;\n","@use '../variables/variables-colors' as bf-v-color;\n@use '../variables/variables-texts' as bf-v-text;\n@use '../variables/variables-spacing' as bf-v-space;\n@use '../variables/variables-breakpoints' as bf-v-bp;\n@use 'sass:color';\n\npre {\n margin: 0 0 bf-v-space.$bf-spacing-xl-rem 0;\n\n display: block;\n overflow: auto;\n word-break: break-all; // webkit\n word-wrap: break-word;\n white-space: pre;\n hyphens: none;\n\n // Disable auto-hiding scrollbar in legacy Edge\n // https://github.com/twbs/bootstrap/pull/30685\n -ms-overflow-style: auto;\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family:\n\n /* macOS 1.10+ */\n Menlo,\n Consolas,\n 'Roboto Mono',\n 'Ubuntu Monospace',\n 'Noto Mono',\n 'Oxygen Mono',\n 'Liberation Mono',\n monospace,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol',\n 'Noto Color Emoji';\n\n // a monospaced text font should looks bigger, so a smaller font-size\n // is preferred\n font-size: 0.875em;\n}\n\ncode {\n word-wrap: break-word;\n}\n\na > code {\n color: inherit;\n}\n\npre code {\n font-size: inherit;\n color: inherit;\n word-break: normal;\n}\n","@use \"../variables/variables-colors\" as bf-v-color;\n@use \"../variables/variables-texts\" as bf-v-text;\n@use \"../variables/variables-spacing\" as bf-v-space;\n@use \"../variables/variables-breakpoints\" as bf-v-bp;\n@use \"sass:color\";\n\np {\n margin: 0 0 bf-v-space.$bf-spacing-xl-rem 0;\n}\n\n// Abbreviations (taken from Bootstrap 4)\n//\n// 1. Remove the bottom border in Firefox 39-.\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n border-bottom: 0; // 2\n}\n\nmark {\n background-color: bf-v-color.$bf-yellow;\n color: bf-v-color.$bf-black;\n}\n\nins {\n background-color: bf-v-color.$bf-yellow-light;\n color: bf-v-color.$bf-black;\n text-decoration: none;\n}\n\n// Prevent the duplicate application of `bolder` by the next rule\n// in Safari 6\nb,\nstrong {\n font-weight: inherit;\n}\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n /* stylelint-disable-next-line */\n font-weight: bolder;\n}\n\ndfn {\n font-style: italic;\n}\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -8px;\n top: -0.8rem;\n}\n\nsub {\n bottom: -4px;\n bottom: -0.4rem;\n}\n\nsmall {\n font-size: 80%;\n}\n\n// Reduce line-height for <small> elements inside <p>\np:has(small) {\n line-height: 1.25;\n}\n\nhr {\n box-sizing: content-box;\n display: block;\n height: 0;\n border-style: solid;\n border-width: 1px 0 0;\n color: inherit;\n margin: bf-v-space.$bf-spacing-xl-rem 0;\n padding: 0;\n overflow: visible; // Show the overflow in Edge\n}\n","@use '../variables/variables-colors' as bf-v-color;\n@use '../variables/variables-texts' as bf-v-text;\n@use '../variables/variables-spacing' as bf-v-space;\n@use '../variables/variables-breakpoints' as bf-v-bp;\n@use 'sass:color';\n\na {\n color: bf-v-color.$bf-blue; // bootstrap blue\n text-decoration: none;\n\n // Edge Legacy: Remove grey background on active links\n background-color: transparent;\n\n &:hover,\n &:focus {\n text-decoration: underline;\n color: bf-v-color.$bf-blue-light;\n }\n}\n\n// this is taken from Bootstrap's reboot\n// https://getbootstrap.com/docs/4.4/content/reboot/\n\na:not([href], [tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href], [class]),\na:not([href], [class]):hover {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href], [tabindex]):focus {\n outline: 0;\n}\n","// remove focus if is not keyboard\n// and if these elements are not focused globally\n:where(:focus:not(:focus-visible)) {\n outline: none;\n}\n\n// Suppress the focus outline on elements that cannot be accessed via keyboard.\n// This prevents an unwanted focus outline from appearing around elements that\n// might still respond to pointer events.\n//\n// Taken from SuitCSS https://github.com/suitcss/base\n//\n// Copyright 2020 Harry Roberts\n\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n\n// http://www.apache.org/licenses/LICENSE-2.0\n\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\n:where([tabindex=\"-1\"]:focus:not(:focus-visible)) {\n outline: 0 !important;\n}\n\n:where(a:focus, input:focus) {\n outline: 2px solid orange;\n}\n\n// style it again (must be separated)\n:where(:focus-visible) {\n outline: 2px solid orange;\n}\n\n// these form elements get some ':focus' styles that enhance and improve the focus\n// see '_form-elements.scss'\n// so, we can remove it safely\n//\n// ! but do not touch\n// [type=\"color\"]\n// [type=\"range\"]\n// [type=\"file\"]\n// because usually are replaced with a custom version\n// with JS or extra <div>s\n// https://getbootstrap.com/docs/4.4/components/input-group/#custom-file-input\n:where(\n button,\n [type=\"button\"],\n [type=\"reset\"],\n [type=\"submit\"],\n [type=\"email\"],\n [type=\"number\"],\n [type=\"password\"],\n [type=\"tel\"],\n [type=\"search\"],\n [type=\"text\"],\n [type=\"date\"],\n [type=\"datetime-local\"],\n [type=\"month\"],\n [type=\"time\"],\n [type=\"week\"],\n [type=\"url\"],\n [type=\"radio\"],\n [type=\"checkbox\"],\n input[list],\n select,\n textarea\n ) {\n &:focus {\n outline: 0;\n }\n}\n\n// More resources to read on this matter\n// https://gist.github.com/chrisdemars/a74c5bd210dc739fa63e9b985c937bcb\n","@use '../variables/variables-colors' as bf-v-color;\n@use '../variables/variables-texts' as bf-v-text;\n@use '../variables/variables-spacing' as bf-v-space;\n@use '../variables/variables-breakpoints' as bf-v-bp;\n@use 'sass:color';\n\nmenu,\nol,\nul,\ndl {\n margin: 0 0 bf-v-space.$bf-spacing-xl-rem 0;\n padding: 0;\n}\n\nmenu ul,\nmenu ol,\nul ul,\nul ol,\nol ol,\nol ul,\ndd {\n margin-bottom: 0;\n}\n\nul,\nol {\n margin-left: bf-v-space.$bf-spacing-xl-rem;\n}\n\nnav ol,\nnav ul {\n list-style: none;\n list-style-image: none;\n margin-left: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-left: 0;\n}\n\n// taken from https://github.com/jensimmons/cssremedy\n//\n// 1. Add zero-width-space to prevent VoiceOver disable\n// 2. Absolute position ensures no extra space\n// See: https://unfetteredthoughts.net/2017/09/26/voiceover-and-list-style-type-none/\nnav li::before {\n content: '\\200B';\n position: absolute;\n}\n","@use '../variables/variables-colors' as bf-v-color;\n@use '../variables/variables-texts' as bf-v-text;\n@use '../variables/variables-spacing' as bf-v-space;\n@use '../variables/variables-breakpoints' as bf-v-bp;\n@use 'sass:color';\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n}\n\nimg,\ncanvas,\naudio,\nvideo,\niframe,\nobject,\nembed {\n max-width: 100%;\n}\n\naudio,\nvideo,\ncanvas,\nimg,\nsvg {\n vertical-align: middle;\n}\n\nimg {\n height: auto;\n border-style: none;\n}\n\nfigure {\n margin: 0;\n}\n\nfigure,\nfigcaption {\n display: block;\n}\n\nfigcaption {\n line-height: 1.375;\n font-size: 90%;\n}\n\nvideo {\n height: auto;\n}\n\naudio {\n width: 100%;\n}\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\nsvg:not([fill]) {\n fill: currentColor;\n}\n\nprogress,\nmeter {\n display: inline-block;\n vertical-align: baseline;\n width: 100%;\n max-width: 100%;\n}\n\n// <progress> normalization\n//\n// https://css-tricks.com/html5-progress-element/\nprogress[value] {\n appearance: none; // reset the default appearance\n border: none; // Get rid of default border in Firefox\n\n height: 20px;\n height: 2rem;\n\n // progress bar background color\n background: bf-v-color.$bf-gray-light;\n\n // progress value background color in IE10+\n color: bf-v-color.$bf-blue;\n}\n\n// progress value background color in webkit\nprogress[value]::-webkit-progress-bar {\n background: bf-v-color.$bf-gray-light;\n}\nprogress[value]::-webkit-progress-value {\n background: bf-v-color.$bf-blue;\n}\n\n// remove default border in old browsers\n// and for embeds (e.g. youtube) that don't remove the border with the attribute\n// frameborder=\"0\"\n//\n// e.g.\n// <iframe\n// width=\" 560 \"\n// height=\" 315 \"\n// src=\" https:\n// www.youtube-nocookie.com/embed/Z-4v4I7Gzk0\"\niframe {\n border-style: none;\n}\n","@use \"../variables/variables-colors\" as bf-v-color;\n@use \"../variables/variables-texts\" as bf-v-text;\n@use \"../variables/variables-spacing\" as bf-v-space;\n@use \"../variables/variables-breakpoints\" as bf-v-bp;\n@use \"sass:color\";\n\naddress {\n font-style: normal;\n margin-bottom: bf-v-space.$bf-spacing-lg-px;\n margin-bottom: bf-v-space.$bf-spacing-lg-rem;\n line-height: inherit;\n}\n\ndetails > summary:first-of-type {\n display: list-item;\n}\n\nsummary {\n cursor: pointer;\n font-weight: 700;\n word-break: break-all;\n}\n\ndialog {\n // match body background color\n background-color: bf-v-color.$bf-white;\n color: bf-v-color.$bf-dark;\n border: none;\n border-radius: bf-v-space.$bf-spacing-sm-rem;\n padding: bf-v-space.$bf-spacing-xl-px;\n padding: bf-v-space.$bf-spacing-xl-rem;\n height: fit-content;\n min-width: 25rem;\n max-width: calc(100vw - (bf-v-space.$bf-spacing-grid-gutter-rem * 2));\n @media (min-width: bf-v-bp.$bf-breakpoint-md) {\n max-width: 50rem;\n }\n}\n\n// Overrides 'hidden' attribute\n// <dialog id=\"myDialog\" hidden>...</dialog>\ndialog[open] {\n display: block !important;\n}\n\ndialog::backdrop {\n background: rgb(0 0 0 / 40%);\n}\n","@media (prefers-reduced-motion: no-preference) {\n :root {\n scroll-behavior: smooth;\n }\n}\n","@use '../variables/variables-colors' as bf-v-color;\n@use '../variables/variables-texts' as bf-v-text;\n@use '../variables/variables-spacing' as bf-v-space;\n@use '../variables/variables-breakpoints' as bf-v-bp;\n@use 'sass:color';\n\ntable {\n caption-side: bottom;\n max-width: 100%;\n border-collapse: collapse;\n // Correct table border color inheritance in Chrome and Safari\n // https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016\n border-color: currentcolor;\n // Remove text indentation from table contents in Chrome and Safari\n // https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297\n text-indent: 0;\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n}\n\nthead th {\n vertical-align: bottom;\n}\n\nth,\ntd {\n vertical-align: top;\n}\n\nth {\n text-align: inherit;\n text-align: -webkit-match-parent;\n font-weight: 700;\n}\n\ncaption {\n padding-top: bf-v-space.$bf-spacing-md-rem;\n padding-bottom: bf-v-space.$bf-spacing-md-rem;\n color: bf-v-color.$bf-gray;\n text-align: left;\n caption-side: bottom;\n line-height: 1.375;\n font-size: 90%;\n}\n","// Taken from sanitize.css\n// https://github.com/csstools/sanitize.css/blob/v13.0.0/sanitize.css\n\n/* Accessibility\n * ========================================================================== */\n\n/**\n * Change the cursor on busy elements in all browsers (opinionated).\n */\n\n:where([aria-busy='true' i]) {\n cursor: progress;\n}\n\n/*\n * Change the cursor on disabled, not-editable, or otherwise\n * inoperable elements in all browsers (opinionated).\n */\n\n:where([aria-disabled='true' i], [disabled]) {\n cursor: not-allowed;\n}\n\n/*\n * Change the display on visually hidden accessible elements\n * in all browsers (opinionated).\n */\n\n:where([aria-hidden='false' i][hidden]) {\n display: initial;\n}\n\n:where([aria-hidden='false' i][hidden]:not(:focus)) {\n clip: rect(0, 0, 0, 0);\n position: absolute;\n}\n","@use \"../variables/variables-colors\" as bf-v-color;\n@use \"../variables/variables-texts\" as bf-v-text;\n@use \"../variables/variables-spacing\" as bf-v-space;\n@use \"../variables/variables-breakpoints\" as bf-v-bp;\n@use \"sass:color\";\n\n// normalization, enhancement and responsiveness\n\n:where(html input, button, select, optgroup, textarea) {\n color: inherit;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\n:where(\n html input,\n button,\n [type=\"radio\"],\n [type=\"checkbox\"],\n select,\n optgroup,\n textarea\n ) {\n margin: 0;\n}\n\n:where(html input, select, textarea, legend) {\n width: 100%;\n}\n\n// re-set width auto where needed\n:where(\n html label,\n button,\n [type=\"image\"],\n [type=\"submit\"],\n [type=\"reset\"],\n html [type=\"button\"],\n [type=\"radio\"],\n [type=\"checkbox\"]\n ) {\n width: auto;\n}\n\n// inline-block display gives the best cross-browser combination\n// and allow several properties\n:where(\n html input,\n label,\n select,\n textarea,\n button,\n html [type=\"button\"],\n [type=\"reset\"],\n [type=\"submit\"],\n output\n ) {\n display: inline-block;\n}\n\n:where([type=\"file\"]) {\n display: block;\n background-color: transparent;\n}\n\n:where(button, html input, select, textarea) {\n background-image: none; // FF mobile\n}\n\n:where(input, select, textarea) {\n vertical-align: baseline;\n}\n\n:where(form) {\n margin: 0;\n}\n\n// 1. Remove intrinsic min-width of fieldset\n// https://github.com/necolas/normalize.css/pull/269\n:where(fieldset) {\n border: 0;\n padding: 0;\n margin: 0;\n min-width: 0; // 1.\n}\n\n:where(legend) {\n display: table; // Correct the text wrapping in Edge and IE.\n max-width: 100%;\n white-space: normal; // enable line-wrapping in FF4/5\n border: 0;\n padding: 0;\n font-weight: 400;\n margin-bottom: bf-v-space.$bf-spacing-md-px;\n margin-bottom: bf-v-space.$bf-spacing-md-rem;\n font-size: inherit;\n line-height: 1.375;\n color: inherit;\n}\n\n:where(label) {\n font-weight: 400;\n font-size: 90%;\n line-height: 1.375;\n margin-bottom: bf-v-space.$bf-spacing-md-px;\n margin-bottom: bf-v-space.$bf-spacing-md-rem;\n}\n\n:where(label input, label select, label textarea) {\n font-size: 110%;\n}\n\n::-webkit-inner-spin-button {\n height: auto;\n}\n\n::-webkit-datetime-edit-fields-wrapper,\n::-webkit-datetime-edit-text,\n::-webkit-datetime-edit-minute,\n::-webkit-datetime-edit-hour-field,\n::-webkit-datetime-edit-day-field,\n::-webkit-datetime-edit-month-field,\n::-webkit-datetime-edit-year-field {\n padding: 0;\n}\n\n::-webkit-color-swatch-wrapper {\n padding: 0;\n}\n\n:where([type=\"search\"]) {\n outline-offset: calc(-1 * bf-v-space.$bf-spacing-sm-rem);\n}\n\n:where(output) {\n vertical-align: middle;\n}\n\n:where(button, select) {\n text-transform: none;\n}\n\n:where(select) {\n word-wrap: normal;\n}\n\n// Taken from Bootstrap Reboot v5.2\n// https://unpkg.com/browse/bootstrap@5.2.0/dist/css/bootstrap-reboot.css\n:where([list]):not(\n [type=\"date\"],\n [type=\"datetime-local\"],\n [type=\"month\"],\n [type=\"week\"],\n [type=\"time\"]\n )::-webkit-calendar-picker-indicator {\n display: none !important;\n}\n\n:where(optgroup) {\n font-family: inherit;\n font-size: inherit;\n font-style: inherit; // fallback for font families without 600 */\n font-weight: 600;\n}\n\n// remove -webkit-appearance listing every single elements that needed it\n:where(\n button,\n html [type=\"button\"],\n [type=\"reset\"],\n [type=\"submit\"],\n [type=\"email\"],\n [type=\"number\"],\n [type=\"text\"],\n [type=\"tel\"],\n [type=\"date\"],\n [type=\"datetime-local\"],\n [type=\"month\"],\n [type=\"week\"],\n [type=\"url\"],\n [type=\"image\"],\n [type=\"password\"],\n [type=\"search\"],\n [type=\"search\"]::-webkit-search-decoration,\n [type=\"search\"]::-webkit-search-cancel-button,\n input[list],\n textarea\n ) {\n appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n appearance: auto;\n}\n\n::file-selector-button {\n font: inherit;\n appearance: auto;\n}\n\n:where(button, input, select, textarea) {\n border-radius: bf-v-space.$bf-spacing-sm-rem;\n}\n\n:where([type=\"radio\"]) {\n border-radius: 50%;\n}\n\n:where([type=\"checkbox\"]) {\n border-radius: bf-v-space.$bf-spacing-md-rem;\n}\n\n:where([type=\"radio\"], [type=\"checkbox\"]) {\n padding: 0;\n background-color: bf-v-color.$bf-white;\n}\n\n:where([type=\"range\" i]) {\n background-color: transparent; // FF and Chrome mobile\n}\n\n:where(select[size], select[multiple]) {\n height: auto;\n}\n\n:where(select[multiple]) {\n background-image: none; // FF mobile\n}\n\n:where(textarea) {\n height: auto;\n min-height: 60px;\n min-height: 6rem;\n overflow: auto;\n vertical-align: top;\n resize: vertical;\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\n:where(button, [type=\"button\"], [type=\"reset\"], [type=\"submit\"]) {\n line-height: normal;\n text-align: center;\n margin: 0;\n background-clip: padding-box;\n vertical-align: baseline;\n overflow: visible;\n -webkit-tap-highlight-color: rgb(0 0 0 / 0%);\n user-select: none;\n border: 0;\n background-image: none; // FF mobile\n\n &:hover,\n &:active,\n &:focus {\n text-decoration: none;\n color: bf-v-color.$bf-dark;\n }\n}\n\n:where(\n button:not(:disabled),\n [type=\"button\"]:not(:disabled),\n [type=\"reset\"]:not(:disabled),\n [type=\"submit\"]:not(:disabled)\n ) {\n cursor: pointer;\n}\n\n// FF placeholder bug\n// Issue: If one change the text color of input fields, FF will change\n// the default color of placeholders too!\n// Fix: Use '!important' https://github.com/necolas/normalize.css/issues/150\n:where(input::placeholder, textarea::placeholder) {\n color: bf-v-color.$bf-gray-dark;\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n outline: auto;\n}\n\n// remove ':invalid' styles in FF\n// https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-ui-invalid\n//\n// for form validation in JavaScript\n// use '.bf-invalid' class in /utilities/_utility-form-states.scss' instead\n// documentation https://developer.mozilla.org/en-US/docs/Web/CSS/:invalid\n:-moz-ui-invalid {\n box-shadow: none;\n}\n","@use \"../variables/variables-colors\" as bf-v-color;\n@use \"../variables/variables-texts\" as bf-v-text;\n@use \"../variables/variables-spacing\" as bf-v-space;\n@use \"../variables/variables-breakpoints\" as bf-v-bp;\n@use \"sass:color\";\n\n:where(\n [type=\"email\"],\n [type=\"number\"],\n [type=\"password\"],\n [type=\"tel\"],\n [type=\"search\"],\n [type=\"text\"],\n [type=\"date\"],\n [type=\"datetime-local\"],\n [type=\"month\"],\n [type=\"week\"],\n [type=\"time\"],\n [type=\"url\"],\n input[list],\n select,\n textarea\n ) {\n background-color: bf-v-color.$bf-white;\n border: 1px solid bf-v-color.$bf-gray;\n padding: bf-v-space.$bf-spacing-md-rem (bf-v-space.$bf-spacing-lg-rem * 0.75);\n}\n\n:where(\n [type=\"email\"],\n [type=\"number\"],\n [type=\"password\"],\n [type=\"tel\"],\n [type=\"search\"],\n [type=\"text\"],\n [type=\"date\"],\n [type=\"datetime-local\"],\n [type=\"month\"],\n [type=\"week\"],\n [type=\"time\"],\n [type=\"url\"],\n input[list],\n select,\n textarea,\n [type=\"radio\"],\n [type=\"checkbox\"]\n ) {\n &:active,\n &:focus {\n transition: border 0.2s, background-color 0.2s, box-shadow 0.2s;\n border-color: bf-v-color.$bf-blue;\n box-shadow: 0 0 0 3px rgb(0 86 179 / 25%);\n }\n}\n\n:where(button, [type=\"button\"], [type=\"reset\"], [type=\"submit\"]) {\n color: bf-v-color.$bf-dark;\n padding: calc(bf-v-space.$bf-spacing-xl-rem / 3)\n (calc(bf-v-space.$bf-spacing-xl-rem / 3) * 2);\n background: bf-v-color.$bf-gray-light;\n transition: color 0.2s, background 0.2s, box-shadow 0.2s;\n\n &:hover,\n &:active,\n &:focus {\n text-decoration: none;\n color: bf-v-color.$bf-dark;\n background: color.adjust(bf-v-color.$bf-gray-light, $lightness: -10%);\n }\n\n &:active,\n &:focus {\n box-shadow: 0 0 0 3px rgb(0 0 0 / 15%);\n }\n}\n\n// disabled groups\n:where(\n fieldset[disabled] button,\n fieldset[disabled] input,\n fieldset[disabled] input::after,\n fieldset[disabled] input::before,\n fieldset[disabled] input:checked,\n fieldset[disabled] select,\n fieldset[disabled] textarea,\n fieldset[disabled] label,\n button[disabled],\n input[disabled],\n input[disabled]::after,\n input[disabled]::before,\n input[disabled]:checked,\n select[disabled],\n textarea[disabled],\n label[disabled],\n button:disabled,\n input:disabled,\n input:disabled::after,\n input:disabled::before,\n input:disabled:checked,\n select:disabled,\n textarea:disabled,\n label:disabled,\n button[aria-disabled=\"true\"],\n input[aria-disabled=\"true\"],\n input[aria-disabled=\"true\"]::after,\n input[aria-disabled=\"true\"]::before,\n input[aria-disabled=\"true\"]:checked,\n select[aria-disabled=\"true\"],\n textarea[aria-disabled=\"true\"],\n label[aria-disabled=\"true\"]\n ) {\n cursor: default !important; // fallback\n cursor: not-allowed !important;\n pointer-events: none !important;\n user-select: none !important;\n box-shadow: none !important;\n opacity: 0.5 !important;\n}\n","@use \"../variables/variables-colors\" as bf-v-color;\n@use \"../variables/variables-texts\" as bf-v-text;\n@use \"../variables/variables-spacing\" as bf-v-space;\n@use \"../variables/variables-breakpoints\" as bf-v-bp;\n@use \"sass:color\";\n\n// custom <select> arrow and appearance with a base64 embedded SVG icon\n// https://css-tricks.com/probably-dont-base64-svg/#article-header-id-2\n//\n// this is inspired from https://github.com/kognise/water.css\n// and from Bootstrap custom select\n// https://getbootstrap.com/docs/4.4/components/input-group/#custom-select\n\n// ! 12px = the icon width/height, and must be in pixels because\n// calc() is just for values\n// https://css-tricks.com/a-complete-guide-to-calc-in-css/#0-calc-is-for-values\n//\n// a select with a [multiple] attribute doesn't show an arrow by default\n// a select with a [size] attribute gets and arrow on iOS (Webkit) for instance\n// but on Chrome and FF desktop\n// so, is not safe to style every kind of <select>\n//\n// remove the arrow and the appearance, especially on Webkit\n:where(select):not([size], select[multiple]) {\n appearance: none;\n\n // add a new svg arrow\n background: bf-v-color.$bf-white\n url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\")\n no-repeat right 0.85rem center/8px 10px;\n\n // space the arrow\n padding-right: bf-v-space.$bf-spacing-lg-rem + bf-v-space.$bf-spacing-lg-rem;\n}\n\n// Legacy Edge browser support\n:where(select)::-ms-expand {\n display: none;\n}\n\n// add support for RTL languages\n// 'appearance: none' removes the default styling but introduces a bug\n// that occurs when a right to the left language (e.g. Arabic) is set\n//\n// Read more\n// 1. http://bootstrap.rtlcss.com\n// 2. https://rtlstyling.com/\n:where(*[dir=\"rtl\"]) :where(select):not([size], select[multiple]),\n:where(select[dir=\"rtl\"]):not([size], select[multiple]) {\n // move the arrow icon to the left\n background-position: left 0.85rem top 50%;\n\n // go back to default forms padding\n padding-right: (bf-v-space.$bf-spacing-lg-rem * 0.75);\n\n // add custom left padding, matching the custom LTR one\n padding-left: bf-v-space.$bf-spacing-lg-rem + bf-v-space.$bf-spacing-lg-rem;\n}\n","@use \"../variables/variables-colors\" as bf-v-color;\n@use \"../variables/variables-texts\" as bf-v-text;\n@use \"../variables/variables-spacing\" as bf-v-space;\n@use \"../variables/variables-breakpoints\" as bf-v-bp;\n@use \"sass:color\";\n\n// heavily inspired by '2020 toggles' by Aaron Iker\n// https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/\n// https://codepen.io/aaroniker/pen/ZEYoxEY?editors=0100\n\n:where([type=\"checkbox\"], [type=\"radio\"]) {\n appearance: none;\n\n height: 1.8rem;\n width: 1.8rem;\n\n vertical-align: top;\n position: relative;\n\n border: 1px solid / bf-v-color.$bf-gray;\n\n + label {\n line-height: 1.8rem;\n vertical-align: top;\n margin-left: bf-v-space.$bf-spacing-md-px;\n margin-left: bf-v-space.$bf-spacing-md-rem;\n }\n\n // add support for RTL languages\n // Read more\n // 1. http://bootstrap.rtlcss.com\n // 2. https://rtlstyling.com/\n *[dir=\"rtl\"] & + label,\n &[dir=\"rtl\"] + label {\n margin-left: 0;\n margin-right: bf-v-space.$bf-spacing-md-px;\n margin-right: bf-v-space.$bf-spacing-md-rem;\n }\n\n &::after {\n content: \"\";\n display: block;\n position: absolute;\n }\n\n &:checked {\n background-color: bf-v-color.$bf-blue;\n border-color: bf-v-color.$bf-black;\n }\n}\n\n:where([type=\"radio\"]) {\n &::after {\n width: 1.8rem;\n height: 1.8rem;\n\n left: -0.05rem;\n top: -0.05rem;\n\n border-radius: 50%;\n background: bf-v-color.$bf-white;\n\n transform: scale(0.35);\n }\n}\n\n:where([type=\"checkbox\"]) {\n &::after {\n width: 0.6rem;\n height: 0.8rem;\n\n border: 2px solid / bf-v-color.$bf-white;\n border-top: 0;\n border-left: 0;\n\n left: 35%;\n top: 20%;\n\n transform: rotate(43deg);\n }\n}\n","@use \"../variables/variables-colors\" as bf-v-color;\n@use \"../variables/variables-texts\" as bf-v-text;\n@use \"../variables/variables-spacing\" as bf-v-space;\n@use \"../variables/variables-breakpoints\" as bf-v-bp;\n@use \"sass:color\";\n\n// styling input range in modern browsers safely using the @supports CSS-at-rule\n// https://developer.mozilla.org/en-US/docs/Web/CSS/@supports\n//\n// standalone CodePen demo https://codepen.io/marcop135/pen/JjGrNMx\n\n:where([type=\"range\"]) {\n appearance: none;\n width: 100%;\n height: 1.4rem;\n}\n\n:where([type=\"range\"])::-webkit-slider-thumb {\n border: 0;\n appearance: none;\n\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -0.25rem;\n background-color: bf-v-color.$bf-blue;\n border-radius: 1.5rem;\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out;\n\n &:active {\n background-color: bf-v-color.$bf-blue;\n }\n}\n\n:where([type=\"range\"])::-moz-range-thumb {\n border: 0;\n appearance: none;\n\n width: 1.5rem;\n height: 1.5rem;\n background-color: bf-v-color.$bf-blue;\n border-radius: 1.5rem;\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out;\n\n &:active {\n background-color: bf-v-color.$bf-blue;\n }\n}\n\n:where([type=\"range\"])::-webkit-slider-runnable-track {\n color: transparent;\n border-color: transparent;\n\n width: 100%;\n height: 0.65rem;\n cursor: pointer;\n background-color: bf-v-color.$bf-gray-light-extra;\n}\n\n:where([type=\"range\"])::-moz-range-track {\n color: transparent;\n border-color: transparent;\n\n width: 100%;\n height: 0.65rem;\n cursor: pointer;\n background-color: bf-v-color.$bf-gray-light-extra;\n}\n\n:where([type=\"range\"]):focus {\n outline: none;\n\n &::-webkit-slider-thumb {\n box-shadow: 0 0 0 0.1rem / bf-v-color.$bf-white,\n 0 0 0 0.2rem rgb(0 123 255 / 25%);\n }\n\n &::-moz-slider-thumb {\n box-shadow: 0 0 0 0.1rem / bf-v-color.$bf-white,\n 0 0 0 0.2rem rgb(0 123 255 / 25%);\n }\n}\n\n:where([type=\"range\"])::-moz-focus-outer {\n border: 0;\n}\n\n:where([type=\"range\"]):focus::-moz-range-thumb {\n box-shadow: 0 0 0 0.1rem / bf-v-color.$bf-white,\n 0 0 0 0.2rem rgb(0 123 255 / 25%);\n}\n\n// disabled\n\n:where([type=\"range\"]):disabled {\n pointer-events: none;\n\n &::-webkit-slider-thumb {\n background-color: bf-v-color.$bf-gray-light;\n }\n\n &::-moz-slider-thumb {\n background-color: bf-v-color.$bf-gray-light;\n }\n}\n","@use '../variables/variables-spacing' as bf-v-space;\n@use '../variables/variables-breakpoints' as bf-v-bp;\n\n.bf-container,\n.bf-container--fluid {\n box-sizing: border-box;\n display: block;\n margin-right: auto;\n margin-left: auto;\n padding-left: bf-v-space.$bf-spacing-grid-gutter-rem;\n padding-right: bf-v-space.$bf-spacing-grid-gutter-rem;\n}\n\n.bf-container {\n max-width: 114rem;\n}\n\n.bf-row {\n display: flex;\n flex-wrap: wrap;\n margin-left: calc(-1 * bf-v-space.$bf-spacing-grid-gutter-rem);\n margin-right: calc(-1 * bf-v-space.$bf-spacing-grid-gutter-rem);\n}\n\n[class^='bf-col-'] {\n position: relative;\n min-height: 1px;\n padding-left: bf-v-space.$bf-spacing-grid-gutter-rem;\n padding-right: bf-v-space.$bf-spacing-grid-gutter-rem;\n flex-grow: 0;\n flex-shrink: 0;\n}\n\n.bf-no-gutters {\n margin-right: 0;\n margin-left: 0;\n > [class^='bf-col'] {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n// Column widths\n.bf-col-12 {\n flex-basis: 100%;\n max-width: 100%;\n}\n.bf-col-11 {\n flex-basis: 91.6667%;\n max-width: 91.6667%;\n}\n.bf-col-10 {\n flex-basis: 83.3333%;\n max-width: 83.3333%;\n}\n.bf-col-9 {\n flex-basis: 75%;\n max-width: 75%;\n}\n.bf-col-8 {\n flex-basis: 66.6667%;\n max-width: 66.6667%;\n}\n.bf-col-7 {\n flex-basis: 58.3333%;\n max-width: 58.3333%;\n}\n.bf-col-6 {\n flex-basis: 50%;\n max-width: 50%;\n}\n.bf-col-5 {\n flex-basis: 41.6667%;\n max-width: 41.6667%;\n}\n.bf-col-4 {\n flex-basis: 33.3333%;\n max-width: 33.3333%;\n}\n.bf-col-3 {\n flex-basis: 25%;\n max-width: 25%;\n}\n.bf-col-2 {\n flex-basis: 16.6667%;\n max-width: 16.6667%;\n}\n.bf-col-1 {\n flex-basis: 8.3333%;\n max-width: 8.3333%;\n}\n\n// Responsive breakpoints: stack columns\n@media (max-width: 575px) {\n .bf-container--break-xs .bf-row {\n margin-left: 0;\n margin-right: 0;\n }\n .bf-container--break-xs [class^='bf-col'] {\n flex-basis: 100%;\n max-width: 100%;\n margin-left: 0;\n padding-left: 0;\n padding-right: 0;\n }\n}\n\n@media (max-width: 767px) {\n .bf-container--break-md .bf-row {\n margin-left: 0;\n margin-right: 0;\n }\n .bf-container--break-md [class^='bf-col'] {\n flex-basis: 100%;\n max-width: 100%;\n margin-left: 0;\n padding-left: 0;\n padding-right: 0;\n }\n}\n\n@media (max-width: 991px) {\n .bf-container--break-lg .bf-row {\n margin-left: 0;\n margin-right: 0;\n }\n .bf-container--break-lg [class^='bf-col'] {\n flex-basis: 100%;\n max-width: 100%;\n margin-left: 0;\n padding-left: 0;\n padding-right: 0;\n }\n}\n\n// Table fix (not needed for flexbox, but kept for compatibility with Bullframe v4.x)\ntable td[class^='bf-col'],\ntable th[class^='bf-col'] {\n position: static;\n}\n","// micro-clearfix\n// http://nicolasgallagher.com/micro-clearfix-hack/\n.bf-clearfix::before,\n.bf-clearfix::after {\n content: \" \";\n display: table;\n}\n\n.bf-clearfix::after {\n clear: both;\n}\n\n.bf-hide {\n display: none !important;\n}\n\n// assistive text for screen reader only (e.g. form labels)\n.bf-hidden {\n display: none !important;\n visibility: hidden !important;\n}\n\n.bf-text-hide {\n /* stylelint-disable-next-line */\n font: 0/0 a !important;\n color: transparent !important;\n text-shadow: none !important;\n background-color: transparent !important;\n border: 0 !important;\n margin: 0 !important;\n padding: 0 !important;\n}\n\n/*\n// taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css\n//\n* Hide only visually, but have it available for screen readers:\n* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility\n*\n* 1. For long content, line feeds are not interpreted as spaces and small width\n* causes content to wrap 1 word per line:\n* https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe\n*/\n.bf-sr-only {\n border: 0 !important;\n clip: rect(0, 0, 0, 0) !important;\n height: 1px !important;\n margin: -1px !important;\n overflow: hidden !important;\n padding: 0 !important;\n position: absolute !important;\n white-space: nowrap !important;\n width: 1px !important;\n}\n\n/*\n// taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css\n//\n* Extends the .sr-only class to allow the element\n* to be focusable when navigated to via the keyboard:\n* https://www.drupal.org/node/897638\n*/\n.bf-sr-only.focusable:active,\n.bf-sr-only.focusable:focus {\n clip: auto !important;\n height: auto !important;\n margin: 0 !important;\n overflow: visible !important;\n position: static !important;\n white-space: inherit !important;\n width: auto !important;\n}\n\n.bf-invisible {\n visibility: hidden !important;\n}\n\n.bf-visible {\n visibility: visible !important;\n}\n\n.bf-display-block {\n display: block !important;\n}\n\n.bf-display-block-center {\n display: block !important;\n margin-left: auto !important;\n margin-right: auto !important;\n text-align: center !important;\n}\n\n.bf-display-inline {\n display: inline !important;\n}\n\n.bf-display-inline-block {\n display: inline-block !important;\n}\n\n.bf-display-flex {\n display: flex !important;\n}\n\n.bf-display-inline-flex {\n display: inline-flex !important;\n}\n\n.bf-display-flex--justify-start {\n justify-content: flex-start !important;\n}\n\n.bf-display-flex--justify-end {\n justify-content: flex-end !important;\n}\n\n.bf-display-flex--justify-center {\n justify-content: center !important;\n}\n\n.bf-display-flex--wrap {\n flex-wrap: wrap !important;\n}\n\n.bf-display-flex--nowrap {\n flex-wrap: nowrap !important;\n}\n\n.bf-float-left {\n float: left !important;\n}\n\n.bf-float-right {\n float: right !important;\n}\n.bf-position-fixed {\n position: fixed !important;\n}\n\n.bf-position-sticky {\n position: sticky !important;\n top: 0 !important;\n}\n\n// https://css-tricks.com/centering-css-complete-guide\n.bf-align-center-unknown {\n position: relative !important;\n}\n\n.bf-align-center-unknown--item {\n position: absolute !important;\n top: 50% !important;\n left: 50% !important;\n transform: translate(-50%, -50%) !important;\n}\n\n// align items horizontally and vertically\n// https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container\n.bf-align-center-flex {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.bf-width-25 {\n width: 25% !important;\n}\n\n.bf-width-33 {\n width: 33.3333% !important;\n}\n\n.bf-width-50 {\n width: 50% !important;\n}\n\n.bf-width-75 {\n width: 75% !important;\n}\n\n.bf-width-100 {\n width: 100% !important;\n}\n\n.bf-width-auto {\n width: auto !important;\n}\n",".bf-z-index-1 {\n z-index: 1;\n}\n\n.bf-z-index-2 {\n z-index: 2;\n}\n\n.bf-z-index-3 {\n z-index: 3;\n}\n\n.bf-z-index-4 {\n z-index: 4;\n}\n\n.bf-z-index-5 {\n z-index: 5;\n}\n\n.bf-z-index-6 {\n z-index: 6;\n}\n\n.bf-z-index-7 {\n z-index: 7;\n}\n\n.bf-z-index-8 {\n z-index: 8;\n}\n\n.bf-z-index-9 {\n z-index: 9;\n}\n\n.bf-z-index-10 {\n z-index: 10;\n}\n\n.bf-z-index-20 {\n z-index: 20;\n}\n\n.bf-z-index-30 {\n z-index: 30;\n}\n\n.bf-z-index-40 {\n z-index: 40;\n}\n\n.bf-z-index-50 {\n z-index: 50;\n}\n\n.bf-z-index-60 {\n z-index: 60;\n}\n\n.bf-z-index-70 {\n z-index: 70;\n}\n\n.bf-z-index-80 {\n z-index: 80;\n}\n\n.bf-z-index-90 {\n z-index: 90;\n}\n\n.bf-z-index-100 {\n z-index: 100;\n}\n\n.bf-z-index-200 {\n z-index: 200;\n}\n\n.bf-z-index-300 {\n z-index: 200;\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// this is something similar to Bootstrap's spacing utility\n// https://getbootstrap.com/docs/4.4/utilities/spacing/\n\n// margins and paddings classes\n\n.bf-m-0 {\n margin: 0 !important;\n}\n\n.bf-m-t-0 {\n margin-top: 0 !important;\n}\n\n.bf-m-b-0 {\n margin-bottom: 0 !important;\n}\n\n.bf-m-l-0 {\n margin-left: 0 !important;\n}\n\n.bf-m-r-0 {\n margin-right: 0 !important;\n}\n\n.bf-m-1 {\n margin-bottom: bf-v-space.$bf-spacing-md-rem !important;\n}\n\n.bf-m-2 {\n margin-bottom: bf-v-space.$bf-spacing-lg-rem !important;\n}\n\n.bf-m-3 {\n margin-bottom: bf-v-space.$bf-spacing-xl-rem !important;\n}\n\n.bf-m-4 {\n margin-bottom: bf-v-space.$bf-spacing-xxl-rem !important;\n}\n\n.bf-m-t-1 {\n margin-top: bf-v-space.$bf-spacing-md-rem !important;\n}\n\n.bf-m-t-2 {\n margin-top: bf-v-space.$bf-spacing-lg-rem !important;\n}\n\n.bf-m-t-3 {\n margin-top: bf-v-space.$bf-spacing-xl-rem !important;\n}\n\n.bf-m-t-4 {\n margin-top: bf-v-space.$bf-spacing-xxl-rem !important;\n}\n\n.bf-m-b-1 {\n margin-bottom: bf-v-space.$bf-spacing-md-rem !important;\n}\n\n.bf-m-b-2 {\n margin-bottom: bf-v-space.$bf-spacing-lg-rem !important;\n}\n\n.bf-m-b-3 {\n margin-bottom: bf-v-space.$bf-spacing-xl-rem !important;\n}\n\n.bf-m-b-4 {\n margin-bottom: bf-v-space.$bf-spacing-xxl-rem !important;\n}\n\n// paddings\n\n.bf-p-0 {\n padding: 0 !important;\n}\n\n.bf-p-t-0 {\n padding-top: 0 !important;\n}\n\n.bf-p-b-0 {\n padding-bottom: 0 !important;\n}\n\n.bf-p-l-0 {\n padding-left: 0 !important;\n}\n\n.bf-p-r-0 {\n padding-right: 0 !important;\n}\n\n.bf-p-1 {\n padding-bottom: bf-v-space.$bf-spacing-md-rem !important;\n}\n\n.bf-p-2 {\n padding-bottom: bf-v-space.$bf-spacing-lg-rem !important;\n}\n\n.bf-p-3 {\n padding-bottom: bf-v-space.$bf-spacing-xl-rem !important;\n}\n\n.bf-p-4 {\n padding-bottom: bf-v-space.$bf-spacing-xxl-rem !important;\n}\n\n.bf-p-t-1 {\n padding-top: bf-v-space.$bf-spacing-md-rem !important;\n}\n\n.bf-p-t-2 {\n padding-top: bf-v-space.$bf-spacing-lg-rem !important;\n}\n\n.bf-p-t-3 {\n padding-top: bf-v-space.$bf-spacing-xl-rem !important;\n}\n\n.bf-p-t-4 {\n padding-top: bf-v-space.$bf-spacing-xxl-rem !important;\n}\n\n.bf-p-b-1 {\n padding-bottom: bf-v-space.$bf-spacing-md-rem !important;\n}\n\n.bf-p-b-2 {\n padding-bottom: bf-v-space.$bf-spacing-lg-rem !important;\n}\n\n.bf-p-b-3 {\n padding-bottom: bf-v-space.$bf-spacing-xl-rem !important;\n}\n\n.bf-p-b-4 {\n padding-bottom: bf-v-space.$bf-spacing-xxl-rem !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.bf-t-transform-uppercase {\n text-transform: uppercase !important;\n}\n\n.bf-t-transform-none {\n text-transform: none !important;\n}\n\n.bf-t-left {\n text-align: left !important;\n}\n\n.bf-t-center {\n text-align: center !important;\n}\n\n.bf-t-right {\n text-align: right !important;\n}\n\n.bf-t-shadow {\n text-shadow: 0 0 2px bf-v-color.$bf-dark !important;\n text-shadow: 0 0 0.2rem bf-v-color.$bf-dark !important;\n}\n\n.bf-t-italic {\n font-style: italic !important;\n}\n\n// useful to 'reset' <i> inherited style\n.bf-t-style-normal {\n font-style: normal !important;\n}\n\n// useful to 'reset' <b> inherited style\n.bf-t-weight-300 {\n font-weight: 300 !important;\n}\n\n.bf-t-weight-400 {\n font-weight: 400 !important;\n}\n\n.bf-t-weight-500 {\n font-weight: 500 !important;\n}\n\n.bf-t-weight-600 {\n font-weight: 600 !important;\n}\n\n.bf-t-weight-700 {\n font-weight: 700 !important;\n}\n\n.bf-t-weight-800 {\n font-weight: 800 !important;\n}\n\n.bf-text-break {\n word-wrap: break-word !important;\n}\n\n.bf-t-truncate {\n max-width: 100% !important;\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n word-wrap: normal !important;\n}\n\n.bf-t-truncate--multiline-2 {\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n display: -webkit-box !important;\n line-clamp: 2 !important;\n -webkit-line-clamp: 2 !important;\n -webkit-box-orient: vertical !important;\n}\n\n.bf-t-truncate--multiline-3 {\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n display: -webkit-box !important;\n line-clamp: 3 !important;\n -webkit-line-clamp: 3 !important;\n -webkit-box-orient: vertical !important;\n}\n\n.bf-no-select {\n user-select: none !important;\n\n // this is a not standard CSS property, so it's for webkit only\n // https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-touch-callout\n // useful on iOS\n // https://css-tricks.com/force-selection-text-block/#article-header-id-7\n // https://ishadeed.com/article/selection-in-css scroll down to\n // 'selection on mobile' section\n -webkit-touch-callout: none !important;\n}\n\n.bf-font-sans-serif {\n font-family:\n /* Safari for OS X and iOS (San Francisco) */\n -apple-system,\n /* Chrome < 56 for OS X (San Francisco) */ BlinkMacSystemFont,\n /* Windows */ 'Segoe UI',\n /* Android */ Roboto,\n /* Linux with KDE */ Oxygen-Sans,\n /* Ubuntu (all variants) */ Ubuntu,\n /* Linux with GNOME Shell */ Cantarell,\n /* macOS 1.10 and below */ 'Helvetica Neue',\n Helvetica,\n /* Basic web fallback */ Arial,\n sans-serif,\n /* emoji fonts */ 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol',\n 'Noto Color Emoji' !important;\n}\n\n.bf-font-serif {\n font-family:\n Georgia,\n Times,\n 'Times New Roman',\n serif,\n /* emoji fonts */ 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol',\n 'Noto Color Emoji' !important;\n}\n\n.bf-font-monospace {\n font-family:\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' !important;\n}\n\n.bf-h1,\n.bf-h2,\n.bf-h3,\n.bf-h4,\n.bf-h5,\n.bf-h6 { // fallback\n font-weight: 600 !important;\n margin-top: 0 !important;\n line-height: 1.2 !important;\n margin-bottom: bf-v-space.$bf-spacing-lg-px !important;\n margin-bottom: bf-v-space.$bf-spacing-lg-rem !important;\n}\n\n.bf-h1 {\n font-size: 36px !important;\n font-size: 3.6rem !important;\n}\n\n.bf-h2 {\n font-size: 30px !important;\n font-size: 3rem !important;\n}\n\n.bf-h3 {\n font-size: 24px !important;\n font-size: 2.4rem !important;\n}\n\n.bf-h4 {\n font-size: 20px !important;\n font-size: 2rem !important;\n}\n\n.bf-h5,\n.bf-h6 {\n font-size: 16px !important;\n font-size: 1.6rem !important;\n}\n\np.bf-lead {\n font-size: 120% !important;\n}\n\n// responsive typography\n// https://codepen.io/marcop135/pen/eYmPmJm\n// https://css-tricks.com/snippets/css/fluid-typography/\n//\n// old browsers that don't support CSS variables ignore what follows\n// (mostly IE and Opera Mini)\n// in this way, old browsers will ignore 'calc' property too, avoiding issues\n// https://caniuse.com/#feat=calc\n// https://caniuse.com/#feat=css-variables\n// https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties\nbody.bf-responsive-typography {\n --body-rt-font-size-flex: calc(1.5rem + 3 * ((100vw - 320px) / 680));\n --body-rt-font-size-max: 1.8rem;\n}\n\n@media (min-width: 320px) {\n body.bf-responsive-typography {\n font-size: var(--body-rt-font-size-flex);\n }\n}\n\n@media (min-width: 1000px) {\n body.bf-responsive-typography {\n font-size: var(--body-rt-font-size-max);\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.bf-btn {\n display: inline-block;\n cursor: pointer;\n color: bf-v-color.$bf-dark;\n padding: calc(bf-v-space.$bf-spacing-xl-rem / 3) (calc(bf-v-space.$bf-spacing-xl-rem / 3) * 2); // 8px 16px\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-radius: bf-v-space.$bf-spacing-sm-rem;\n\n border: 0;\n background-image: none; // FF mobile\n background-color: bf-v-color.$bf-gray-light;\n transition: all 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 &:focus {\n outline: 0;\n }\n\n &.bf-btn--primary {\n color: bf-v-color.$bf-white;\n background: bf-v-color.$bf-blue;\n\n &:hover,\n &:active,\n &:focus {\n color: bf-v-color.$bf-white;\n background: color.adjust(bf-v-color.$bf-blue, $lightness: -10%);\n }\n\n &:active,\n &:focus {\n box-shadow: 0 0 0 3px rgb(0 86 179 / 25%);\n }\n }\n}\n\nfieldset[disabled] .bf-btn,\n.bf-btn[disabled],\n.bf-btn:disabled,\n.bf-btn[aria-disabled='true'] {\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 background-color: bf-v-color.$bf-gray-light;\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.bf-focused {\n transition:\n border 0.2s,\n background-color 0.2s,\n box-shadow 0.2s !important;\n border-color: bf-v-color.$bf-blue !important;\n box-shadow: 0 0 0 3px rgb(0 86 179 / 25%) !important;\n}\n\n.bf-disabled,\n.bf-disabled:hover,\n.bf-disabled:active,\n.bf-disabled:focus,\n.bf-disabled::after,\n.bf-disabled::before,\n.bf-disabled:invalid,\n.bf-disabled:checked {\n cursor: default !important; // IE8-10 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 background-color: bf-v-color.$bf-white;\n border-color: bf-v-color.$bf-gray;\n}\n\nlabel.bf-disabled {\n background-color: transparent;\n border-color: transparent;\n}\n\nbutton.bf-disabled,\n[type='button'].bf-disabled,\n[type='reset'].bf-disabled,\n[type='submit'].bf-disabled,\n.bf-btn.bf-disabled {\n cursor: default;\n cursor: not-allowed;\n pointer-events: none;\n user-select: none;\n box-shadow: none;\n opacity: 0.5;\n\n color: bf-v-color.$bf-dark;\n background: bf-v-color.$bf-gray-light;\n\n &:hover,\n &:active,\n &:focus {\n box-shadow: none;\n color: bf-v-color.$bf-dark;\n background: bf-v-color.$bf-gray-light;\n }\n}\n\n.bf-btn--primary.bf-disabled {\n cursor: default;\n cursor: not-allowed;\n pointer-events: none;\n user-select: none;\n box-shadow: none;\n opacity: 0.5;\n\n color: bf-v-color.$bf-white;\n background: bf-v-color.$bf-blue;\n\n &:hover,\n &:active,\n &:focus {\n box-shadow: none;\n color: bf-v-color.$bf-white;\n background: bf-v-color.$bf-blue;\n }\n}\n\n.bf-invalid,\n.bf-invalid:focus {\n color: bf-v-color.$bf-red !important;\n border-color: bf-v-color.$bf-red !important;\n box-shadow: 0 0 0 3px rgb(255 0 0 / 25%) !important;\n}\n","// this is useful for navbars\n.bf-list-unstyled,\nmenu ul.bf-list-unstyled,\nmenu ol.bf-list-unstyled,\nul.bf-list-unstyled ul,\nul.bf-list-unstyled ol,\nol.bf-list-unstyled ol,\nol.bf-list-unstyled ul,\ndd.bf-list-unstyled {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\ndt {\n font-weight: 700;\n}\n","// taken from https://getbootstrap.com/docs/4.4/utilities/embed/\n// but lightened a bit\n\n.bf-embed-responsive {\n position: relative;\n display: block;\n width: 100%;\n padding: 0;\n overflow: hidden;\n\n &::before {\n display: block;\n content: \"\";\n padding-top: 56.25%; // 16:9 by default\n }\n\n .bf-embed-responsive--4-3::before {\n padding-top: 75%;\n }\n\n & .bf-embed-responsive--item,\n & iframe,\n & embed,\n & object,\n & video {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0;\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.bf-table th,\n.bf-table td {\n padding: bf-v-space.$bf-spacing-lg-rem;\n border-bottom: 1px solid bf-v-color.$bf-gray;\n margin-bottom: bf-v-space.$bf-spacing-md-rem;\n}\n\n// responsive tables\n.bf-table-responsive {\n overflow: auto hidden;\n -ms-overflow-style: scrollbar;\n}\n\n.bf-table-responsive table {\n width: 100%;\n margin-bottom: bf-v-space.$bf-spacing-md-rem;\n}\n\n// force webkit scrollbars appearance\n.bf-table-responsive.scrollbar {\n -webkit-overflow-scrolling: auto;\n}\n\n// zebra striping\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-light-extra;\n}\n","/* main.css 3.0.0 | MIT License | https://github.com/h5bp/main.css#readme */\n/* ==========================================================================\n Print styles.\n Inlined to avoid the additional HTTP request:\n https://www.phpied.com/delay-loading-your-print-css/\n ========================================================================== */\n\n@media print {\n *,\n *::before,\n *::after {\n background: #fff !important;\n color: #000 !important;\n /* Black prints faster */\n box-shadow: none !important;\n text-shadow: none !important;\n }\n\n a,\n a:visited {\n text-decoration: underline;\n }\n\n a[href]::after {\n content: \" (\" attr(href) \")\";\n }\n\n abbr[title]::after {\n content: \" (\" attr(title) \")\";\n }\n\n /*\n * Don't show links that are fragment identifiers,\n * or use the `javascript:` pseudo protocol\n */\n a[href^=\"#\"]::after,\n a[href^=\"javascript:\"]::after {\n content: \"\";\n }\n\n pre {\n white-space: pre-wrap !important;\n }\n\n pre,\n blockquote {\n border: 1px solid #999;\n page-break-inside: avoid;\n }\n\n tr,\n img {\n page-break-inside: avoid;\n }\n\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3;\n }\n\n h2,\n h3 {\n page-break-after: avoid;\n }\n}\n\n// the rulesets below target bullframe.css\n\n@media print {\n // adjust the grid system making the layout always fixed\n body,\n .bf-container {\n min-width: 992px !important;\n }\n\n // a few fixes for '_utility_tables.scss'\n //\n // a <table> with a responsive container (.table-responsive) is cut\n // horizontally because there an overflow-x is applied\n // let's re-set the overflow of that container on 'auto'\n // and let the <table> element flows without a fixed/flexible with\n\n .bf-table-responsive {\n overflow: auto;\n }\n\n .bf-table-responsive table {\n width: auto;\n }\n\n .bf-table-responsive table,\n .bf-table {\n border-collapse: collapse !important;\n }\n}\n\n// Need more?\n//\n// This project looks promising https://github.com/BafS/Gutenberg\n","// prefers-reduced-motion media feature query\n// https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion\n//\n// @media (prefers-reduced-motion: reduce) { ... }\n// Indicates that user has notified the system that they prefer an\n// interface that minimizes the amount of movement or animation,\n// preferably to the point where all non-essential movement is removed.\n\n// taken from https://github.com/jensimmons/cssremedy\n//\n// 1. Immediately jump any animation to the end point\n// 2. Remove transitions & fixed background attachment\n// See: https://github.com/mozdevs/cssremedy/issues/11\n@media (prefers-reduced-motion: reduce) {\n .bf-reduced-motion,\n .bf-reduced-motion::before,\n .bf-reduced-motion::after,\n .bf-reduced-motion *,\n .bf-reduced-motion *::before,\n .bf-reduced-motion *::after {\n animation-delay: -1ms !important;\n animation-duration: 1ms !important;\n animation-iteration-count: 1 !important;\n background-attachment: initial !important;\n scroll-behavior: auto !important;\n transition-delay: 0s !important;\n transition-duration: 0s !important;\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"]}
|