bullframe.css 4.1.0 → 4.1.2

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.
Files changed (34) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/README.md +24 -21
  3. package/dist/css/bullframe-classless-dark-prefers.css +110 -117
  4. package/dist/css/bullframe-classless-dark-prefers.min.css +3 -2
  5. package/dist/css/bullframe-classless-dark-prefers.min.css.map +1 -1
  6. package/dist/css/bullframe-classless-dark.css +12 -11
  7. package/dist/css/bullframe-classless-dark.min.css +3 -2
  8. package/dist/css/bullframe-classless-dark.min.css.map +1 -1
  9. package/dist/css/bullframe-classless-system-default.css +110 -117
  10. package/dist/css/bullframe-classless-system-default.min.css +3 -2
  11. package/dist/css/bullframe-classless-system-default.min.css.map +1 -1
  12. package/dist/css/bullframe-classless.css +7 -7
  13. package/dist/css/bullframe-classless.min.css +2 -2
  14. package/dist/css/bullframe-classless.min.css.map +1 -1
  15. package/dist/css/bullframe-dark-prefers.css +180 -199
  16. package/dist/css/bullframe-dark-prefers.min.css +2 -2
  17. package/dist/css/bullframe-dark-prefers.min.css.map +1 -1
  18. package/dist/css/bullframe-dark.css +29 -32
  19. package/dist/css/bullframe-dark.min.css +2 -2
  20. package/dist/css/bullframe-dark.min.css.map +1 -1
  21. package/dist/css/bullframe-system-default.css +180 -199
  22. package/dist/css/bullframe-system-default.min.css +2 -2
  23. package/dist/css/bullframe-system-default.min.css.map +1 -1
  24. package/dist/css/bullframe-utilities.css +20 -23
  25. package/dist/css/bullframe-utilities.min.css +1 -1
  26. package/dist/css/bullframe-utilities.min.css.map +1 -1
  27. package/dist/css/bullframe.css +26 -29
  28. package/dist/css/bullframe.min.css +1 -1
  29. package/dist/css/bullframe.min.css.map +1 -1
  30. package/gulpfile.js +1 -1
  31. package/index.html +1 -1
  32. package/package.json +1 -1
  33. package/src/scss/bullframe-utilities.scss +1 -1
  34. package/src/scss/forms/_forms-normalization.scss +3 -1
@@ -1 +1 @@
1
- {"version":3,"sources":["bullframe-system-default.css","bullframe-system-default.scss","miscellaneous/_misc-layout.scss","typography/_typography-html-body.scss","variables/_variables-colors.scss","variables/_variables-texts.scss","typography/_typography-headings.scss","variables/_variables-spacing.scss","typography/_typography-blockquotes.scss","typography/_typography-monospaced-elements.scss","typography/_typography-misc.scss","miscellaneous/_misc-anchors.scss","miscellaneous/_misc-focus.scss","miscellaneous/_misc-lists.scss","miscellaneous/_misc-embedded-content.scss","forms/_forms-normalization.scss","forms/_forms-styling.scss","forms/_forms-styling-select.scss","forms/_forms-styling-radio-checkbox.scss","forms/_forms-styling-range.scss","miscellaneous/_misc-tables.scss","utilities/_utility-grid-system.scss","utilities/_utility-layout.scss","utilities/_utility-z-index.scss","utilities/_utility-spacing.scss","utilities/_utility-texts.scss","utilities/_utility-buttons.scss","utilities/_utility-form-states.scss","utilities/_utility-lists.scss","utilities/_utility-embeds.scss","utilities/_utility-tables.scss","utilities/_utility-print.scss","utilities/_utility-reduced-motion.scss","miscellaneous/_misc-accessibility.scss","utilities/_utility-global-system-default.scss","utilities/_utility-global-dark-scrollbars.scss","utilities/_utility-global-dark.scss"],"names":[],"mappings":"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B+2CF,CuB52CA,cACE,SvB+2CF,CuB52CA,cACE,SvB+2CF,CuB52CA,cACE,SvB+2CF,CuB52CA,cACE,SvB+2CF,CuB52CA,cACE,SvB+2CF,CuB52CA,cACE,SvB+2CF,CuB52CA,eACE,UvB+2CF,CuB52CA,eACE,UvB+2CF,CuB52CA,eACE,UvB+2CF,CuB52CA,eACE,UvB+2CF,CuB52CA,eACE,UvB+2CF,CuB52CA,eACE,UvB+2CF,CuB52CA,eACE,UvB+2CF,CuB52CA,eACE,UvB+2CF,CuB52CA,eACE,UvB+2CF,CuB52CA,gBACE,WvB+2CF,CuBx2CA,gCACE,WvB+2CF,CwB37CA,QACE,kBxB87CF,CwB37CA,UACE,sBxB87CF,CwB37CA,UACE,yBxB87CF,CwB37CA,UACE,uBxB87CF,CwB37CA,UACE,wBxB87CF,CwB37CA,QAEE,6BxB87CF,CwB37CA,QAEE,4BxB87CF,CwB37CA,QAEE,4BxB87CF,CwB37CA,QAEE,4BxB87CF,CwB37CA,UAEE,6BxB87CF,CwB37CA,UAEE,4BxB87CF,CwB37CA,UAEE,4BxB87CF,CwB37CA,UAEE,4BxB87CF,CwBz7CA,QACE,mBxB47CF,CwBz7CA,UACE,uBxB47CF,CwBz7CA,UACE,0BxB47CF,CwBz7CA,UACE,wBxB47CF,CwBz7CA,UACE,yBxB47CF,CwBz7CA,QAEE,8BxB47CF,CwBz7CA,QAEE,6BxB47CF,CwBz7CA,QAEE,6BxB47CF,CwBz7CA,QAEE,6BxB47CF,CwBz7CA,UAEE,2BxB47CF,CwBz7CA,UAEE,0BxB47CF,CwBz7CA,UAEE,0BxB47CF,CwBz7CA,UAEE,0BxB47CF,CwBz7CA,UAEE,8BxB47CF,CwBz7CA,UAEE,6BxB47CF,CwBz7CA,UAEE,6BxB47CF,CwBz7CA,UAEE,6BxB47CF,CyB5kDA,0BACE,kCzB+kDF,CyB5kDA,qBACE,6BzB+kDF,CyB5kDA,WACE,yBzB+kDF,CyB5kDA,aACE,2BzB+kDF,CyB5kDA,YACE,0BzB+kDF,CyB5kDA,aACE,kCAAA,CACA,oCzB+kDF,CyB5kDA,aACE,2BzB+kDF,CyB3kDA,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0B/Bm8DF,C+Bh8DA,YAEE,yB/Bk8DF,C+B/7DA,cACE,2B/Bi8DF,C+B97DA,kBACE,4B/Bg8DF,C+Bz7DA,gDAEE,U/B+7DF,C+B57DA,IACE,8B/B87DF,C+B37DA,eAEE,qB/B87DF,C+B17DA,sBAHE,uB/Bi8DF,C+Bz7DA,QAGE,SAAA,CACA,Q/B27DF,C+Bx7DA,MAEE,sB/B07DF,C+Bl7DA,mBAEE,yB/Bs7DF,C+B56DA,qBACE,a/B86DF,C+B36DA,2BACE,U/B66DF,C+B16DA,qCAEE,kC/B46DF,CAfF,CgC9+DA,uCACE,gJAME,sCAAA,CAAA,8BAAA,CACA,wCAAA,CAAA,gCAAA,CACA,6CAAA,CAAA,qCAAA,CACA,sCAAA,CACA,8BAAA,CACA,6BAAA,CACA,gChCggEF,CACF,CiCphEC,iBACC,ejCyhEF,CiClhEA,gBACE,cjCwhEF,CiChhEA,gCAEE,kBjCuhEF,CiC/gEA,4BACE,ejCshEF,CiCnhEA,wCACE,kBAAA,CACA,iBjCshEF,CkC9jEA,mCCKA,KACE,4BnC6jEA,CmCtjEF,oBAEE,aAAA,CADA,YnCyjEA,CmCrjEF,0BACE,qBnCujEA,CmCpjEF,0BACE,wBnCsjEA,CmCnjEF,gCACE,qBnCqjEA,CoC1kEF,KACE,apC4kEA,CoCzkEF,KACE,wBpC2kEA,CoCvkEF,EACE,apCykEA,CoCvkEA,gBAEE,apCwkEF,CoCnkEF,KACE,qBpCqkEA,CoClkEF,IACE,wBpCokEA,CoC/jEF,8OAiBE,qBhCnCc,CgCoCd,iBhCnCS,CgCoCT,UpCikEA,CoC/jEA,yrBAEE,qBhCzCY,CgC0CZ,oBpCgmEF,CoC5kEA,kpBAEE,uCpC2mEF,CoCvmEF,YACE,oBAAA,CACA,iDpCymEA,CoCtmEF,8BAGE,8BAAA,CADA,uBpCymEA,CoCrmEF,mCACE,2LpCumEA,CACF,CoCnmEA,mMAEE,4HAIE,qBpCmmEF,CACF,CkChtEA,mCEmHA,qFAKI,gCACE,4BpC+lEF,CoCzlEF,4CACE,qBpC2lEA,CoCxlEF,+BACE,qBpC0lEA,CACF,CACF,CkChuEA,mCEwIA,mDAEE,UpC2lEA,CoC7lEF,yCAEE,UpC2lEA,CACF,CkCtuEA,mCE6IA,4KAUE,epC4lEA,CoC1lEA,ksBAGE,kBpCqnEF,CoCvmEA,0dAEE,wCpCuoEF,CoCnoEF,qDAEE,kBpCuoEA,CoCroEA,qMAGE,kBpCwoEF,CoCroEA,oIAEE,uCpCwoEF,CoCnoEF,oBAEE,qBpCuoEA,CAnCF,CkCvyEA,mCEsMA,eACE,qBpCwoEA,CACF,CkCh1EA,mCE4MA,0BAEE,iBpCuoEA,CoCpoEF,6FAEE,qBpCwoEA,CALF","file":"bullframe-system-default.min.css","sourcesContent":["/*! bullframe.css v4.1.0 | MIT License | https://github.com/marcop135/bullframe.css */\n/*! custom build: bullframe-system-default */\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: 16px;\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: 700;\n font-weight: 600;\n font-family: inherit;\n color: inherit;\n line-height: 1.25;\n margin-bottom: 10px;\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: 0 0 20px 0;\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 20px 0;\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 20px 0;\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\n/* stylelint-disable-next-line */\nb,\nstrong {\n font-weight: bolder;\n}\n\ndfn {\n font-style: italic;\n}\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -8px;\n top: -0.8rem;\n}\n\nsub {\n bottom: -4px;\n bottom: -0.4rem;\n}\n\nsmall {\n font-size: 80%;\n}\n\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: 20px 0;\n margin: 2rem 0;\n padding: 0;\n overflow: visible;\n}\n\naddress {\n font-style: normal;\n margin-bottom: 10px;\n margin-bottom: 1rem;\n line-height: inherit;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\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]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):hover,\na:not([href]):not([tabindex]):focus,\na:not([href]):not([class]),\na:not([href]):not([class]):hover {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):focus {\n outline: 0;\n}\n\n:focus:not(:focus-visible) {\n outline: none;\n}\n\n[tabindex=\"-1\"]:focus:not(:focus-visible) {\n outline: 0 !important;\n}\n\na:focus,\ninput:focus {\n outline: 2px solid orange;\n}\n\n:focus-visible {\n outline: 2px solid orange;\n}\n\nbutton:focus,\n[type=button]:focus,\n[type=reset]:focus,\n[type=submit]:focus,\n[type=email]:focus,\n[type=number]:focus,\n[type=password]:focus,\n[type=tel]:focus,\n[type=search]:focus,\n[type=text]:focus,\n[type=date]:focus,\n[type=datetime-local]:focus,\n[type=month]:focus,\n[type=time]:focus,\n[type=week]:focus,\n[type=url]:focus,\n[type=radio]:focus,\n[type=checkbox]:focus,\ninput[list]:focus,\nselect:focus,\ntextarea:focus {\n outline: 0;\n}\n\nmenu,\nol,\nul,\ndl {\n margin: 0 0 20px 0;\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: 20px;\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\nhtml input,\nbutton,\nselect,\noptgroup,\ntextarea {\n color: inherit;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nhtml input,\nbutton,\n[type=radio],\n[type=checkbox],\nselect,\noptgroup,\ntextarea {\n margin: 0;\n}\n\nhtml input,\nselect,\ntextarea,\nlegend {\n width: 100%;\n}\n\nhtml 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\nhtml input,\nlabel,\nselect,\ntextarea,\nbutton,\nhtml [type=button],\n[type=reset],\n[type=submit],\noutput {\n display: inline-block;\n}\n\n[type=file] {\n display: block;\n background-color: transparent;\n}\n\nbutton,\nhtml input,\nselect,\ntextarea {\n background-image: none;\n}\n\ninput,\nselect,\ntextarea {\n vertical-align: baseline;\n}\n\nform {\n margin: 0;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n margin: 0;\n min-width: 0;\n}\n\nlegend {\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\nlabel {\n font-weight: 400;\n font-size: 90%;\n line-height: 1.375;\n margin-bottom: 5px;\n margin-bottom: 0.5rem;\n}\n\nlabel input,\nlabel select,\nlabel textarea {\n font-size: 110%;\n}\n\n[type=number]::-webkit-outer-spin-button,\n[type=number]::-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[type=search] {\n outline-offset: -2.5px;\n outline-offset: -0.25rem;\n}\n\noutput {\n vertical-align: middle;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\n word-wrap: normal;\n}\n\n[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {\n display: none !important;\n}\n\noptgroup {\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: 700;\n font-weight: 600;\n}\n\nbutton,\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 -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n border-radius: 2.5px;\n border-radius: 0.25rem;\n}\n\n[type=radio] {\n border-radius: 50%;\n}\n\n[type=checkbox] {\n border-radius: 5px;\n border-radius: 0.5rem;\n}\n\n[type=radio],\n[type=checkbox] {\n padding: 0;\n background-color: #fff;\n}\n\n[type=range] {\n background-color: transparent;\n}\n\nselect[size],\nselect[multiple] {\n height: auto;\n}\n\nselect[multiple] {\n background-image: none;\n}\n\ntextarea {\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\nbutton,\n[type=button],\n[type=reset],\n[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}\nbutton: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 text-decoration: none;\n color: #222;\n}\n\nbutton,\nselect,\ninput[type=submit],\ninput[type=button],\n[type=checkbox],\n[type=range],\n[type=radio],\n[role=button] {\n cursor: pointer;\n}\n\ninput::placeholder,\ntextarea::placeholder {\n color: #666;\n}\n\n:-moz-ui-invalid {\n box-shadow: none;\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],\ninput[list],\nselect,\ntextarea {\n background-color: #fff;\n border: 1px solid #999;\n padding: 5px 7.5px;\n padding: 0.5rem 0.75rem;\n}\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,\ninput[list]:active,\ninput[list]:focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus,\n[type=radio]:active,\n[type=radio]:focus,\n[type=checkbox]:active,\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\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n color: #222;\n padding: 6.6666666667px 13.3333333333px;\n padding: 0.6666666667rem 1.3333333333rem;\n background: #ccc;\n transition: color 0.2s, background 0.2s, box-shadow 0.2s;\n}\nbutton: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 text-decoration: none;\n color: #222;\n background: #b3b3b3;\n}\nbutton: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(0, 0, 0, 0.15);\n}\n\nfieldset[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\nselect:not([size]):not([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: 20px;\n padding-right: 2rem;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\n*[dir=rtl] select:not([size]):not([multiple]),\nselect[dir=rtl]:not([size]):not([multiple]) {\n background-position: left 0.85rem top 50%;\n padding-right: 7.5px;\n padding-right: 0.75rem;\n padding-left: 20px;\n padding-left: 2rem;\n}\n\n@supports (appearance: none) {\n [type=checkbox],\n[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 [type=checkbox] + label,\n[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] [type=checkbox] + label, [type=checkbox][dir=rtl] + label,\n*[dir=rtl] [type=radio] + label,\n[type=radio][dir=rtl] + label {\n margin-left: 0;\n margin-right: 5px;\n margin-right: 0.5rem;\n }\n [type=checkbox]:after,\n[type=radio]:after {\n content: \"\";\n display: block;\n position: absolute;\n }\n [type=checkbox]:checked,\n[type=radio]:checked {\n background-color: #007bff;\n border-color: #000;\n }\n [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 [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@supports (appearance: none) {\n [type=range] {\n appearance: none;\n width: 100%;\n height: 1.4rem;\n }\n [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 [type=range]::-webkit-slider-thumb:active {\n background-color: #007bff;\n }\n [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 [type=range]::-moz-range-thumb:active {\n background-color: #007bff;\n }\n [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 [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 [type=range]:focus {\n outline: none;\n }\n [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 [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 [type=range]::-moz-focus-outer {\n border: 0;\n }\n [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 [type=range]:disabled {\n pointer-events: none;\n }\n [type=range]:disabled::-webkit-slider-thumb {\n background-color: #ccc;\n }\n [type=range]:disabled::-moz-slider-thumb {\n background-color: #ccc;\n }\n}\ntable {\n max-width: 100%;\n border-collapse: collapse;\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 font-weight: 700;\n}\n\ncaption {\n padding-top: 5px;\n padding-top: 0.5rem;\n padding-bottom: 5px;\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.bf-container,\n.bf-container--fluid {\n box-sizing: content-box;\n display: block;\n margin-right: auto;\n margin-left: auto;\n padding-left: 15px;\n padding-left: 1.5rem;\n padding-right: 15px;\n padding-right: 1.5rem;\n}\n.bf-container:before, .bf-container:after,\n.bf-container--fluid:before,\n.bf-container--fluid:after {\n display: table;\n content: \" \";\n}\n.bf-container:after,\n.bf-container--fluid:after {\n clear: both;\n}\n\n.bf-container {\n max-width: 1140px;\n max-width: 114rem;\n}\n\n.bf-row {\n display: block;\n margin-left: -15px;\n margin-left: -1.5rem;\n margin-right: -15px;\n margin-right: -1.5rem;\n}\n.bf-row:before, .bf-row:after {\n content: \" \";\n display: table;\n}\n.bf-row:after {\n clear: both;\n}\n\n[class^=bf-col-] {\n float: left;\n position: relative;\n min-height: 1px;\n padding-left: 15px;\n padding-left: 1.5rem;\n padding-right: 15px;\n padding-right: 1.5rem;\n}\n\n.bf-no-gutters {\n margin-right: 0;\n margin-left: 0;\n}\n\n.bf-no-gutters > [class^=bf-col] {\n padding-right: 0;\n padding-left: 0;\n}\n\n.bf-col-12 {\n width: 100%;\n}\n\n.bf-col-11 {\n width: 91.6666666667%;\n}\n\n.bf-col-10 {\n width: 83.3333333333%;\n}\n\n.bf-col-9 {\n width: 75%;\n}\n\n.bf-col-8 {\n width: 66.6666666667%;\n}\n\n.bf-col-7 {\n width: 58.3333333333%;\n}\n\n.bf-col-6 {\n width: 50%;\n}\n\n.bf-col-5 {\n width: 41.6666666667%;\n}\n\n.bf-col-4 {\n width: 33.3333333333%;\n}\n\n.bf-col-3 {\n width: 25%;\n}\n\n.bf-col-2 {\n width: 16.6666666667%;\n}\n\n.bf-col-1 {\n 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 width: 100%;\n float: none;\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 width: 100%;\n float: none;\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 width: 100%;\n float: none;\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.3333333333% !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: 5px !important;\n margin-bottom: 0.5rem !important;\n}\n\n.bf-m-2 {\n margin-bottom: 10px !important;\n margin-bottom: 1rem !important;\n}\n\n.bf-m-3 {\n margin-bottom: 20px !important;\n margin-bottom: 2rem !important;\n}\n\n.bf-m-4 {\n margin-bottom: 30px !important;\n margin-bottom: 3rem !important;\n}\n\n.bf-m-b-1 {\n margin-bottom: 5px !important;\n margin-bottom: 0.5rem !important;\n}\n\n.bf-m-b-2 {\n margin-bottom: 10px !important;\n margin-bottom: 1rem !important;\n}\n\n.bf-m-b-3 {\n margin-bottom: 20px !important;\n margin-bottom: 2rem !important;\n}\n\n.bf-m-b-4 {\n margin-bottom: 30px !important;\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: 5px !important;\n padding-bottom: 0.5rem !important;\n}\n\n.bf-p-2 {\n padding-bottom: 10px !important;\n padding-bottom: 1rem !important;\n}\n\n.bf-p-3 {\n padding-bottom: 20px !important;\n padding-bottom: 2rem !important;\n}\n\n.bf-p-4 {\n padding-bottom: 30px !important;\n padding-bottom: 3rem !important;\n}\n\n.bf-p-t-1 {\n padding-top: 5px !important;\n padding-top: 0.5rem !important;\n}\n\n.bf-p-t-2 {\n padding-top: 10px !important;\n padding-top: 1rem !important;\n}\n\n.bf-p-t-3 {\n padding-top: 20px !important;\n padding-top: 2rem !important;\n}\n\n.bf-p-t-4 {\n padding-top: 30px !important;\n padding-top: 3rem !important;\n}\n\n.bf-p-b-1 {\n padding-bottom: 5px !important;\n padding-bottom: 0.5rem !important;\n}\n\n.bf-p-b-2 {\n padding-bottom: 10px !important;\n padding-bottom: 1rem !important;\n}\n\n.bf-p-b-3 {\n padding-bottom: 20px !important;\n padding-bottom: 2rem !important;\n}\n\n.bf-p-b-4 {\n padding-bottom: 30px !important;\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 -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 -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: 700 !important;\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.6rem + 3 * ((100vw - 320px) / 680));\n --body-rt-font-size-max: 1.9rem;\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: 6.6666666667px 13.3333333333px;\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: 2.5px;\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: #b3b3b3;\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: #0062cc;\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}\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: #ff0000 !important;\n border-color: #ff0000 !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: 10px;\n padding: 1rem;\n border-bottom: 1px solid #999;\n margin-bottom: 5px;\n margin-bottom: 0.5rem;\n}\n\n.bf-table-responsive {\n overflow-x: auto;\n overflow-y: hidden;\n -ms-overflow-style: scrollbar;\n}\n\n.bf-table-responsive table {\n width: 100%;\n margin-bottom: 5px;\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,\na: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,\na[href^=\"javascript:\"]::after {\n content: \"\";\n }\n pre {\n white-space: pre-wrap !important;\n }\n pre,\nblockquote {\n border: 1px solid #999;\n page-break-inside: avoid;\n }\n tr,\nimg {\n page-break-inside: avoid;\n }\n p,\nh2,\nh3 {\n orphans: 3;\n widows: 3;\n }\n h2,\nh3 {\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/**\n * Change the cursor on busy elements in all browsers (opinionated).\n */\n[aria-busy=true] {\n cursor: progress;\n}\n\n/*\n * Change the cursor on control elements in all browsers (opinionated).\n */\n[aria-controls] {\n cursor: pointer;\n}\n\n/*\n * Change the cursor on disabled, not-editable, or otherwise\n * inoperable elements in all browsers (opinionated).\n */\n[aria-disabled=true],\n[disabled] {\n cursor: not-allowed;\n}\n\n/*\n * Change the display on visually hidden accessible elements\n * in all browsers (opinionated).\n */\n[aria-hidden=false][hidden] {\n display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n clip: rect(0, 0, 0, 0);\n position: absolute;\n}\n\n@media (prefers-color-scheme: dark) {\n html {\n scrollbar-color: #595959 #111;\n }\n ::-webkit-scrollbar {\n width: 1.5rem;\n height: 1.5rem;\n }\n ::-webkit-scrollbar-track {\n background-color: #111;\n }\n ::-webkit-scrollbar-thumb {\n background-color: #595959;\n }\n ::-webkit-scrollbar-thumb:hover {\n background-color: gray;\n }\n html {\n color: #f0f0f0;\n }\n body {\n background-color: #242424;\n }\n a {\n color: #66b0ff;\n }\n a:hover, a:focus {\n color: #1a88ff;\n }\n mark {\n background-color: #cccc00;\n }\n ins {\n background-color: #b3b300;\n }\n [type=email],\n[type=number],\n[type=password],\n[type=tel],\n[type=search],\n[type=text],\n[type=date],\n[type=datetime-local],\n[type=month],\n[type=week],\n[type=time],\n[type=url],\n[type=range],\ninput[list],\nselect,\nselect:not([size]):not([multiple]),\ntextarea {\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,\ninput[list]:active,\ninput[list]:focus,\nselect:active,\nselect:focus,\nselect:not([size]):not([multiple]):active,\nselect:not([size]):not([multiple]):focus,\ntextarea:active,\ntextarea:focus {\n background-color: #111;\n border-color: #3395ff;\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,\ninput[list]:active,\ninput[list]:focus,\nselect:active,\nselect:focus,\nselect:not([size]):not([multiple]):active,\nselect:not([size]):not([multiple]):focus,\ntextarea:active,\ntextarea:focus {\n box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.5);\n }\n .bf-focused {\n border-color: #3395ff;\n box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.5) !important;\n }\n .bf-invalid,\n.bf-invalid:focus {\n color: #ff2626 !important;\n border-color: #ff2626 !important;\n }\n select:not([size]):not([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@media screen and (prefers-color-scheme: dark) and (min-width: 0\\0 ) and (min-resolution: 0.001dpcm) {\n select:not([size]):not([multiple]),\n*[dir=rtl] select:not([size]):not([multiple]),\nselect[dir=rtl]:not([size]):not([multiple]) {\n background-image: none;\n }\n}\n@media (prefers-color-scheme: dark) {\n @supports (appearance: none) {\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 }\n}\n@media (prefers-color-scheme: dark) {\n input::placeholder,\ntextarea::placeholder {\n color: #999;\n }\n}\n@media (prefers-color-scheme: dark) {\n button,\n[type=button],\n[type=reset],\n[type=submit],\n.bf-btn,\nbutton.bf-disabled,\n[type=button].bf-disabled,\n[type=reset].bf-disabled,\n[type=submit].bf-disabled,\n.bf-btn.bf-disabled {\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.bf-btn:hover,\n.bf-btn:active,\n.bf-btn:focus,\nbutton.bf-disabled:hover,\nbutton.bf-disabled:active,\nbutton.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 background: #b3b3b3;\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,\nbutton.bf-disabled:active,\nbutton.bf-disabled:focus,\n[type=button].bf-disabled:active,\n[type=button].bf-disabled:focus,\n[type=reset].bf-disabled:active,\n[type=reset].bf-disabled:focus,\n[type=submit].bf-disabled:active,\n[type=submit].bf-disabled:focus,\n.bf-btn.bf-disabled:active,\n.bf-btn.bf-disabled:focus {\n box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45);\n }\n}\n@media (prefers-color-scheme: dark) {\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}\n@media (prefers-color-scheme: dark) {\n .bf-btn--primary.bf-disabled,\n.bf-btn.bf-btn--primary {\n background: #007bff;\n }\n .bf-btn--primary.bf-disabled:hover, .bf-btn--primary.bf-disabled:active, .bf-btn--primary.bf-disabled:focus,\n.bf-btn.bf-btn--primary:hover,\n.bf-btn.bf-btn--primary:active,\n.bf-btn.bf-btn--primary:focus {\n background: #006fe6;\n }\n .bf-btn--primary.bf-disabled:active, .bf-btn--primary.bf-disabled:focus,\n.bf-btn.bf-btn--primary:active,\n.bf-btn.bf-btn--primary:focus {\n box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.75);\n }\n}\n@media (prefers-color-scheme: dark) {\n a:focus,\ninput:focus {\n outline-color: #b37400;\n }\n}\n@media (prefers-color-scheme: dark) {\n :focus-visible {\n outline-color: #b37400;\n }\n}\n@media (prefers-color-scheme: dark) {\n .bf-table th,\n.bf-table td {\n border-color: #666;\n }\n}\n@media (prefers-color-scheme: dark) {\n .bf-table--zebra tbody tr:nth-child(odd),\n.bf-table-responsive--zebra tbody tr:nth-child(odd) {\n background-color: #333;\n }\n}","/*! custom build: bullframe-system-default */\n\n@import 'bullframe';\n@import 'utilities/utility-global-system-default';\n","*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\ndetails {\n display: block;\n}\n\ntemplate {\n display: none;\n}\n\n// Always hide an element with the `hidden` HTML attribute\n[hidden] {\n display: none !important;\n}\n","html {\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: #222;\n\n // set a default font-family and line-height\n font-family: sans-serif;\n line-height: 1.15;\n\n // ! this is not a standard feature, is webkit only\n // https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-tap-highlight-color\n\n // remove a tap background when a link or interactive element is focused\n // if is touch\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\nbody {\n margin: 0;\n font-size: $bf-body-font-size-px; // '16px' by default\n font-size: $bf-body-font-size-rem; // '1.6rem' by default\n line-height: $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\n // Basic web fallback\n Arial,\n 'Noto Sans', sans-serif,\n\n // emoji fonts\n 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', '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-white;\n}\n","// ! CSS Variables (Custom Properties) are not IE-friendly\n// https://caniuse.com/#feat=css-variables\n// let's Sass do the job instead\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: #ff0000; // rgba(255,0,0,1)\n","$bf-font-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif,\n 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n\n$bf-font-serif: Georgia, Times, 'Times New Roman', serif;\n\n$bf-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',\n 'Courier New', monospace;\n\n$bf-body-font-size-px: 16px;\n$bf-body-font-size-rem: 1.6rem;\n$bf-body-line-height: 1.5;\n","h1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n\n font-weight: 700; // fallback\n font-weight: 600;\n font-family: inherit;\n color: inherit;\n line-height: 1.25;\n margin-bottom: $bf-spacing-lg-px;\n margin-bottom: $bf-spacing-lg-rem;\n\n\n}\n\nh1 {\n font-size: 36px;\n font-size: 3.6rem;\n}\n\nh2 {\n font-size: 30px;\n font-size: 3rem;\n}\n\nh3 {\n font-size: 24px;\n font-size: 2.4rem;\n}\n\nh4 {\n font-size: 20px;\n font-size: 2rem;\n}\n\nh5,\nh6 {\n font-size: 16px;\n font-size: 1.6rem;\n}","// 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\n$bf-spacing-sm-rem: .25rem;\n$bf-spacing-md-rem: .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-px: 15px;\n$bf-spacing-grid-gutter-rem: 1.5rem;","blockquote {\n margin: 0 0 $bf-spacing-xl-px 0;\n margin-bottom: $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-gray;\n display: block;\n}\n\nblockquote small:before {\n content: '\\2014 \\00A0';\n}\n\nq {\n quotes: '\\201C''\\201D''\\2018''\\2019';\n}\n","pre {\n margin: 0 0 $bf-spacing-xl-px 0;\n margin: 0 0 $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 // this is a not standard CSS property, so it's for IE only\n // https://developer.mozilla.org/en-US/docs/Web/CSS/-ms-overflow-style\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+ */ 'Menlo', /* Windows 6+ */ 'Consolas',\n /* Android 4+ */ 'Roboto Mono', /* Ubuntu 1.10+ */ 'Ubuntu Monospace',\n /* KDE Plasma 5+ */ 'Noto Mono', /* KDE Plasma 4+ */ 'Oxygen Mono',\n /* Linux/OpenOffice fallback */ 'Liberation Mono', /* fallback */ monospace,\n /* emoji fonts */ 'Apple Color Emoji', 'Segoe UI Emoji', '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","p {\n margin: 0 0 $bf-spacing-xl-px 0;\n margin: 0 0 $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-yellow;\n color: $bf-black;\n}\n\nins {\n background-color: $bf-yellow-light;\n 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\n/* stylelint-disable-next-line */\nb,\nstrong {\n font-weight: bolder;\n}\n\ndfn {\n font-style: italic;\n}\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -8px;\n top: -0.8rem;\n}\n\nsub {\n bottom: -4px;\n bottom: -0.4rem;\n}\n\nsmall {\n font-size: 80%;\n}\n\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-spacing-xl-px 0;\n margin: $bf-spacing-xl-rem 0;\n padding: 0;\n overflow: visible; // Show the overflow in Edge and IE\n}\n\naddress {\n font-style: normal;\n margin-bottom: $bf-spacing-lg-px;\n margin-bottom: $bf-spacing-lg-rem;\n line-height: inherit;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n","a {\n color: $bf-blue; // bootstrap blue\n text-decoration: none;\n\n // IE10+: Remove grey background on active links\n background-color: transparent;\n \n &:hover,\n &:focus {\n text-decoration: underline;\n 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//\n// ':not' is IE9+\n// https://caniuse.com/#feat=mdn-css_selectors_not\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):hover,\na:not([href]):not([tabindex]):focus,\na:not([href]):not([class]),\na:not([href]):not([class]):hover {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):focus {\n outline: 0;\n}\n","// ! ':not' is IE9+\n// https://caniuse.com/#feat=mdn-css_selectors_not\n//\n// ! and ':focus-visible'\n// https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible\n//\n// don't have some much browser support now (May 2020)\n// https://caniuse.com/#feat=css-focus-visible\n//\n// but is good in a progressive enhancement future view\n//\n// and you could polyfill it for a wide cross-browser support right now\n// https://github.com/WICG/focus-visible\n//\n// remove focus if is not keyboard\n// and if these elements are not focused globally\n: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[tabindex='-1']:focus:not(:focus-visible) {\n outline: 0 !important;\n}\n\n// style the ':focus' outline on anchors and inputs\n// this is for consistency\n// e.g.\n// in webkit (Chrome, Safari) the outline is blue with a subtle box-shadow\n// in trident (IE) is just pointed black\n// in gecko (FF) is pointed black, but it's a thiner\n// ...\na:focus,\ninput:focus {\n outline: 2px solid orange;\n}\n\n// style it again (must be separated)\n: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 verion\n// with JS or extra <div>s\n// https://getbootstrap.com/docs/4.4/components/input-group/#custom-file-input\nbutton,\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 {\n &:focus {\n outline: 0;\n }\n}\n\n// More resources to read on this matter\n// https://gist.github.com/chrisdemars/a74c5bd210dc739fa63e9b985c937bcb\n","menu,\nol,\nul,\ndl {\n margin: 0 0 $bf-spacing-xl-px 0;\n margin: 0 0 $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-spacing-xl-px;\n margin-left: $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","audio,\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\n// useful for CMS generated images\n// but causes layout breaking\n// img[width],\n// img[height] {\n// \tmax-width: 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-gray-light;\n\n // progress value background color in IE10+\n color: $bf-blue;\n}\n\n// ! this is not a standard feature, is webkit only\n// https://developer.mozilla.org/en-US/docs/Web/CSS/%3A%3A-webkit-progress-bar\n//\n// progress value background color in webkit\nprogress[value]::-webkit-progress-bar {\n background: $bf-gray-light;\n}\nprogress[value]::-webkit-progress-value {\n background: $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://www.youtube-nocookie.com/embed/Z-4v4I7Gzk0\"\n// frameborder=\"0\"\n// allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n// allowfullscreen>\n// </iframe>\niframe {\n border-style: none;\n}\n","// normalization, enhancement and responsiveness\n\nhtml input,\nbutton,\nselect,\noptgroup,\ntextarea {\n color: inherit;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nhtml input,\nbutton,\n[type='radio'],\n[type='checkbox'],\nselect,\noptgroup,\ntextarea {\n margin: 0;\n}\n\nhtml input,\nselect,\ntextarea,\nlegend {\n width: 100%;\n}\n\n// re-set width auto where needed\nhtml 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// inline-block display gives the best cross-browser combination\n// and allow several properties\nhtml input,\nlabel,\nselect,\ntextarea,\nbutton,\nhtml [type='button'],\n[type='reset'],\n[type='submit'],\noutput {\n display: inline-block;\n}\n\n[type='file'] {\n display: block;\n background-color: transparent;\n}\n\nbutton,\nhtml input,\nselect,\ntextarea {\n background-image: none; // FF mobile\n}\n\ninput,\nselect,\ntextarea {\n vertical-align: baseline;\n}\n\nform {\n margin: 0;\n}\n\n// 1. Remove intrinsic min-width of fieldset\n// https://github.com/necolas/normalize.css/pull/269\nfieldset {\n border: 0;\n padding: 0;\n margin: 0;\n min-width: 0; // 1.\n}\n\nlegend {\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-spacing-md-px;\n margin-bottom: $bf-spacing-md-rem;\n font-size: inherit;\n line-height: 1.375;\n color: inherit;\n}\n\nlabel {\n font-weight: 400;\n font-size: 90%;\n line-height: 1.375;\n margin-bottom: $bf-spacing-md-px;\n margin-bottom: $bf-spacing-md-rem;\n}\n\nlabel input,\nlabel select,\nlabel textarea {\n font-size: 110%;\n}\n\n[type='number']::-webkit-outer-spin-button,\n[type='number']::-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[type='search'] {\n outline-offset: -$bf-spacing-sm-px;\n outline-offset: -$bf-spacing-sm-rem;\n}\n\noutput {\n vertical-align: middle;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\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[list]:not([type='date']):not([type='datetime-local']):not([type='month']):not([type='week']):not([type='time'])::-webkit-calendar-picker-indicator {\n display: none !important;\n}\n\noptgroup {\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: 700; // fallback for font families without 600 */\n font-weight: 600;\n}\n\n// remove -webkit-appearance listing every single elements that needed it\nbutton,\n// avoid destroying native android audio/video players\nhtml [type=\"button\"], \n[type=\"reset\"],\n[type=\"submit\"],\n\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 -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; // iOS and Safari\n font: inherit; // Safari\n}\n\n// ! IE9+\n// https://caniuse.com/#feat=border-radius\nbutton,\ninput,\nselect,\ntextarea {\n border-radius: $bf-spacing-sm-px;\n border-radius: $bf-spacing-sm-rem;\n}\n\n// ! IE9+\n// https://caniuse.com/#feat=border-radius\n[type='radio'] {\n border-radius: 50%;\n}\n\n[type='checkbox'] {\n border-radius: $bf-spacing-md-px;\n border-radius: $bf-spacing-md-rem;\n}\n\n[type='radio'],\n[type='checkbox'] {\n padding: 0;\n background-color: $bf-white;\n}\n\n[type='range'] {\n background-color: transparent; // FF and Chrome mobile\n}\n\nselect[size],\nselect[multiple] {\n height: auto;\n}\n\nselect[multiple] {\n background-image: none; // FF mobile\n}\n\ntextarea {\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\nbutton,\n[type='button'],\n[type='reset'],\n[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; // FF mobile\n\n &:hover,\n &:active,\n &:focus {\n text-decoration: none;\n color: $bf-dark;\n }\n}\n\nbutton,\nselect,\ninput[type='submit'],\ninput[type='button'],\n[type='checkbox'],\n[type='range'],\n[type='radio'],\n[role='button'] {\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\ninput::placeholder,\ntextarea::placeholder {\n color: $bf-gray-dark;\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","[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: $bf-white;\n border: 1px solid $bf-gray;\n padding: $bf-spacing-md-px ($bf-spacing-lg-px * 0.75);\n padding: $bf-spacing-md-rem ($bf-spacing-lg-rem * 0.75);\n}\n\n// Old browsers and Opera Mini don't fully support all type of inputs\n// e.g. [type=\"range\"]\n// so, let's try to add styles carefully and selective\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'],\ninput[list],\nselect,\ntextarea,\n[type='radio'],\n[type='checkbox'] {\n &:active,\n &:focus {\n transition: border 0.2s, background-color 0.2s, box-shadow 0.2s;\n border-color: $bf-blue;\n box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25);\n }\n}\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n color: $bf-dark;\n padding: calc($bf-spacing-xl-px / 3) (calc($bf-spacing-xl-px / 3) * 2); // 8px 16px\n padding: calc($bf-spacing-xl-rem / 3) (calc($bf-spacing-xl-rem / 3) * 2);\n background: $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-dark;\n background: darken($bf-gray-light, 10%);\n }\n\n &:active,\n &:focus {\n box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);\n }\n}\n\n// disabled groups\nfieldset[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,\n\n// disabled singles\nbutton[disabled],\ninput[disabled],\ninput[disabled]:after,\ninput[disabled]:before,\ninput[disabled]:checked,\nselect[disabled],\ntextarea[disabled],\nlabel[disabled],\n\n// pseudo class\nbutton:disabled,\ninput:disabled,\ninput:disabled:after,\ninput:disabled:before,\ninput:disabled:checked,\nselect:disabled,\ntextarea:disabled,\nlabel:disabled,\n\n// aria \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; // 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","// 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// ! :not and calc() are IE9+\n// https://caniuse.com/#feat=mdn-css_selectors_not\n// https://caniuse.com/#feat=calc\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\nselect:not([size]):not([multiple]) {\n appearance: none;\n\n // add a new svg arrow\n background: $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-spacing-lg-px + $bf-spacing-lg-px;\n padding-right: $bf-spacing-lg-rem + $bf-spacing-lg-rem;\n}\n\n// IE10+\n// The '::-ms-expand' CSS pseudo-element is a Microsoft extension that represents\n// the button of a <select> menu control that opens or closes the drop-down\n// menu. Typically it is a triangle that points downward.\n// https://developer.mozilla.org/en-US/docs/Web/CSS/::-ms-expand\nselect::-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*[dir='rtl'] select:not([size]):not([multiple]),\nselect[dir='rtl']:not([size]):not([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-spacing-lg-px * 0.75);\n padding-right: ($bf-spacing-lg-rem * 0.75);\n\n // add custom left padding, matching the custom LTR one\n padding-left: $bf-spacing-lg-px + $bf-spacing-lg-px;\n padding-left: $bf-spacing-lg-rem + $bf-spacing-lg-rem;\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// https://developer.mozilla.org/en-US/docs/Web/CSS/@supports\n// https://caniuse.com/#feat=mdn-css_at-rules_supports_selector\n//\n// Anyway are safe and future-friendly because more browser compatibility\n// will come\n\n@supports (appearance: none) {\n [type='checkbox'],\n [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-gray;\n\n + label {\n line-height: 1.8rem;\n vertical-align: top;\n margin-left: $bf-spacing-md-px;\n margin-left: $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-spacing-md-px;\n margin-right: $bf-spacing-md-rem;\n }\n\n &:after {\n content: '';\n display: block;\n position: absolute;\n }\n\n &:checked {\n background-color: $bf-blue;\n border-color: $bf-black;\n }\n }\n\n [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-white;\n\n transform: scale(0.35);\n }\n }\n\n [type='checkbox'] {\n &:after {\n width: 0.6rem;\n height: 0.8rem;\n\n border: 2px solid $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}\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@supports (appearance: none) {\n [type='range'] {\n appearance: none;\n width: 100%;\n height: 1.4rem;\n }\n\n [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-blue;\n border-radius: 1.5rem;\n transition: background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n\n &:active {\n background-color: $bf-blue;\n }\n }\n\n [type='range']::-moz-range-thumb {\n border: 0;\n appearance: none;\n\n width: 1.5rem;\n height: 1.5rem;\n background-color: $bf-blue;\n border-radius: 1.5rem;\n transition: background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n\n &:active {\n background-color: $bf-blue;\n }\n }\n\n [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-gray-light-extra;\n }\n\n [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-gray-light-extra;\n }\n\n [type='range']:focus {\n outline: none;\n\n &::-webkit-slider-thumb {\n box-shadow: 0 0 0 0.1rem $bf-white, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n\n &::-moz-slider-thumb {\n box-shadow: 0 0 0 0.1rem $bf-white, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n }\n\n [type='range']::-moz-focus-outer {\n border: 0;\n }\n\n [type='range']:focus::-moz-range-thumb {\n box-shadow: 0 0 0 0.1rem $bf-white, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n\n // disabled\n\n [type='range']:disabled {\n pointer-events: none;\n\n &::-webkit-slider-thumb {\n background-color: $bf-gray-light;\n }\n\n &::-moz-slider-thumb {\n background-color: $bf-gray-light;\n }\n }\n}\n","table {\n max-width: 100%;\n border-collapse: collapse;\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 font-weight: 700;\n}\n\ncaption {\n padding-top: $bf-spacing-md-px;\n padding-top: $bf-spacing-md-rem;\n padding-bottom: $bf-spacing-md-px;\n padding-bottom: $bf-spacing-md-rem;\n color: $bf-gray;\n text-align: left;\n caption-side: bottom;\n line-height: 1.375;\n font-size: 90%;\n}\n",".bf-container,\n.bf-container--fluid {\n // avoid IE8 issue with 'box-sizing: border-box' in combination\n // with max/min-width and max/min-height\n // https://github.com/twbs/bootstrap/issues/10014\n //\n box-sizing: content-box;\n\n // you could add these classes to an inline/inline-block element\n // but it's not recommended\n display: block;\n\n // centering\n margin-right: auto;\n margin-left: auto;\n\n // spacing\n //\n // match the default Bootstrap Grid gutter width\n // https://getbootstrap.com/docs/3.4/css/#grid-options\n padding-left: $bf-spacing-grid-gutter-px;\n padding-left: $bf-spacing-grid-gutter-rem;\n padding-right: $bf-spacing-grid-gutter-px;\n padding-right: $bf-spacing-grid-gutter-rem;\n\n // clearfix\n &:before,\n &:after {\n display: table;\n content: ' ';\n }\n\n &:after {\n clear: both;\n }\n}\n\n.bf-container {\n max-width: 1140px; // 1140 + 15 + 15 = 1170\n max-width: 114rem;\n}\n\n.bf-row {\n display: block;\n\n margin-left: -$bf-spacing-grid-gutter-px;\n margin-left: -$bf-spacing-grid-gutter-rem;\n margin-right: -$bf-spacing-grid-gutter-px;\n margin-right: -$bf-spacing-grid-gutter-rem;\n\n // clearfix\n &:before,\n &:after {\n content: ' ';\n display: table;\n }\n\n &:after {\n clear: both;\n }\n}\n\n[class^='bf-col-'] {\n // the block display is triggered by 'float: left'\n // display: block;\n\n float: left;\n position: relative;\n min-height: 1px;\n\n padding-left: $bf-spacing-grid-gutter-px;\n padding-left: $bf-spacing-grid-gutter-rem;\n padding-right: $bf-spacing-grid-gutter-px;\n padding-right: $bf-spacing-grid-gutter-rem;\n}\n\n.bf-no-gutters {\n margin-right: 0;\n margin-left: 0;\n}\n\n.bf-no-gutters > [class^='bf-col'] {\n padding-right: 0;\n padding-left: 0;\n}\n\n.bf-col-12 {\n width: 100%;\n}\n\n.bf-col-11 {\n width: 91.66666666666666%;\n}\n\n.bf-col-10 {\n width: 83.33333333333334%;\n}\n\n.bf-col-9 {\n width: 75%;\n}\n\n.bf-col-8 {\n width: 66.66666666666666%;\n}\n\n.bf-col-7 {\n width: 58.333333333333336%;\n}\n\n.bf-col-6 {\n width: 50%;\n}\n\n.bf-col-5 {\n width: 41.66666666666667%;\n}\n\n.bf-col-4 {\n width: 33.33333333333333%;\n}\n\n.bf-col-3 {\n width: 25%;\n}\n\n.bf-col-2 {\n width: 16.666666666666664%;\n}\n\n.bf-col-1 {\n width: 8.3333%;\n}\n\n// ! this is IE9+\n// if you need CSS3 Media Queries support in IE8\n// you could use the respond.js polyfll https://github.com/scottjehl/Respond\n//\n// ! but there are some important caveats\n// https://github.com/scottjehl/Respond#support--caveats\n\n// 'break' the grid and make the columns full-width\n@media (max-width: 575px) {\n .bf-container--break-xs .bf-row {\n margin-left: 0;\n margin-right: 0;\n }\n\n .bf-container--break-xs [class^='bf-col'] {\n width: 100%;\n float: none;\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\n .bf-container--break-md [class^='bf-col'] {\n width: 100%;\n float: none;\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\n .bf-container--break-lg [class^='bf-col'] {\n width: 100%;\n float: none;\n margin-left: 0;\n padding-left: 0;\n padding-right: 0;\n }\n}\n\n// fix missing table cell borders when using 'bf-col-' classes for column sizing\n// https://github.com/twbs/bootstrap/issues/11623\ntable td[class^='bf-col'],\ntable th[class^='bf-col'] {\n position: static;\n}\n\n// Need more?\n//\n// IE8+\n// Pure CSS grids (ex YUI library) https://purecss.io/grids/\n//\n// IE8+ (with JS polyfill)\n// Bootstrap v3 grid system https://getbootstrap.com/docs/3.4/css/#grid\n//\n// moder browsers only (partial IE11 support)\n// Bulma Flexbox grid system https://bulma.io/documentation/columns/\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// IE10+\n// https://caniuse.com/#feat=flexbox\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// ≠ IE\n// https://caniuse.com/css-sticky\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// Is the element of unknown width and height?\n// ! 'transform' is IE10 + https://caniuse.com/#feat=transforms2d\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.33333333333333% !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}","// 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-spacing-md-px !important;\n margin-bottom: $bf-spacing-md-rem !important;\n}\n\n.bf-m-2 {\n margin-bottom: $bf-spacing-lg-px !important;\n margin-bottom: $bf-spacing-lg-rem !important;\n}\n\n.bf-m-3 {\n margin-bottom: $bf-spacing-xl-px !important;\n margin-bottom: $bf-spacing-xl-rem !important;\n}\n\n.bf-m-4 {\n margin-bottom: $bf-spacing-xxl-px !important;\n margin-bottom: $bf-spacing-xxl-rem !important;\n}\n\n.bf-m-b-1 {\n margin-bottom: $bf-spacing-md-px !important;\n margin-bottom: $bf-spacing-md-rem !important;\n}\n\n.bf-m-b-2 {\n margin-bottom: $bf-spacing-lg-px !important;\n margin-bottom: $bf-spacing-lg-rem !important;\n}\n\n.bf-m-b-3 {\n margin-bottom: $bf-spacing-xl-px !important;\n margin-bottom: $bf-spacing-xl-rem !important;\n}\n\n.bf-m-b-4 {\n margin-bottom: $bf-spacing-xxl-px !important;\n margin-bottom: $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-spacing-md-px !important;\n padding-bottom: $bf-spacing-md-rem !important;\n}\n\n.bf-p-2 {\n padding-bottom: $bf-spacing-lg-px !important;\n padding-bottom: $bf-spacing-lg-rem !important;\n}\n\n.bf-p-3 {\n padding-bottom: $bf-spacing-xl-px !important;\n padding-bottom: $bf-spacing-xl-rem !important;\n}\n\n.bf-p-4 {\n padding-bottom: $bf-spacing-xxl-px !important;\n padding-bottom: $bf-spacing-xxl-rem !important;\n}\n\n.bf-p-t-1 {\n padding-top: $bf-spacing-md-px !important;\n padding-top: $bf-spacing-md-rem !important;\n}\n\n.bf-p-t-2 {\n padding-top: $bf-spacing-lg-px !important;\n padding-top: $bf-spacing-lg-rem !important;\n}\n\n.bf-p-t-3 {\n padding-top: $bf-spacing-xl-px !important;\n padding-top: $bf-spacing-xl-rem !important;\n}\n\n.bf-p-t-4 {\n padding-top: $bf-spacing-xxl-px !important;\n padding-top: $bf-spacing-xxl-rem !important;\n}\n\n.bf-p-b-1 {\n padding-bottom: $bf-spacing-md-px !important;\n padding-bottom: $bf-spacing-md-rem !important;\n}\n\n.bf-p-b-2 {\n padding-bottom: $bf-spacing-lg-px !important;\n padding-bottom: $bf-spacing-lg-rem !important;\n}\n\n.bf-p-b-3 {\n padding-bottom: $bf-spacing-xl-px !important;\n padding-bottom: $bf-spacing-xl-rem !important;\n}\n\n.bf-p-b-4 {\n padding-bottom: $bf-spacing-xxl-px !important;\n padding-bottom: $bf-spacing-xxl-rem !important;\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-dark !important;\n text-shadow: 0 0 .2rem $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 -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 -webkit-line-clamp: 3 !important;\n -webkit-box-orient: vertical !important;\n}\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) */ -apple-system,\n /* Chrome < 56 for OS X (San Francisco) */ BlinkMacSystemFont,\n /* Windows */ 'Segoe UI', /* Android */ Roboto,\n /* Linux with KDE */ Oxygen-Sans, /* Ubuntu (all variants) */ Ubuntu,\n /* Linux with GNOME Shell */ Cantarell,\n /* macOS 1.10 and below */ 'Helvetica Neue', Helvetica,\n /* Basic web fallback */ Arial, sans-serif,\n /* emoji fonts */ 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n 'Noto Color Emoji' !important;\n}\n\n.bf-font-serif {\n font-family: Georgia, Times, 'Times New Roman', serif,\n /* emoji fonts */ 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n 'Noto Color Emoji' !important;\n}\n\n.bf-font-monospace {\n font-family:\n /* macOS 1.10+ */ 'Menlo', /* Windows 6+ */ 'Consolas',\n /* Android 4+ */ 'Roboto Mono', /* Ubuntu 1.10+ */ 'Ubuntu Monospace',\n /* KDE Plasma 5+ */ 'Noto Mono', /* KDE Plasma 4+ */ 'Oxygen Mono',\n /* Linux/OpenOffice fallback */ 'Liberation Mono', /* fallback */ monospace,\n /* emoji fonts */ 'Apple Color Emoji', 'Segoe UI Emoji', '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 {\n font-weight: 700 !important; // fallback\n font-weight: 600 !important;\n margin-top: 0 !important;\n line-height: 1.2 !important;\n margin-bottom: $bf-spacing-lg-px !important;\n margin-bottom: $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.6rem + 3 * ((100vw - 320px) / 680));\n --body-rt-font-size-max: 1.9rem;\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",".bf-btn {\n display: inline-block;\n cursor: pointer;\n color: $bf-dark;\n padding: calc($bf-spacing-xl-px / 3) (calc($bf-spacing-xl-px / 3) * 2); // 8px 16px\n padding: calc($bf-spacing-xl-rem / 3) (calc($bf-spacing-xl-rem / 3) * 2);\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\n // ! IE9+\n // https://caniuse.com/#feat=border-radius\n border-radius: $bf-spacing-sm-px;\n border-radius: $bf-spacing-sm-rem;\n\n border: 0;\n background-image: none; // FF mobile\n background-color: $bf-gray-light;\n transition: all 0.2s;\n\n &:hover,\n &:active,\n &:focus {\n text-decoration: none;\n color: $bf-dark;\n background: darken($bf-gray-light, 10%);\n }\n\n &:active,\n &:focus {\n box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);\n }\n\n &:focus {\n outline: 0;\n }\n\n &.bf-btn--primary {\n color: $bf-white;\n background: $bf-blue;\n\n &:hover,\n &:active,\n &:focus {\n color: $bf-white;\n background: darken($bf-blue, 10%);\n }\n\n &:active,\n &:focus {\n box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.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}\n",".bf-focused {\n transition: border .2s, background-color .2s, box-shadow .2s !important;\n border-color: $bf-blue !important;\n box-shadow: 0 0 0 3px rgba(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: .5 !important;\n\n background-color: $bf-white;\n border-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: .5;\n\n color: $bf-dark;\n background: $bf-gray-light;\n\n &:hover,\n &:active,\n &:focus {\n box-shadow: none;\n color: $bf-dark;\n background: $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: .5;\n\n color: $bf-white;\n background: $bf-blue;\n\n &:hover,\n &:active,\n &:focus {\n box-shadow: none;\n color: $bf-white;\n background: $bf-blue;\n }\n}\n\n.bf-invalid,\n.bf-invalid:focus {\n color: $bf-red !important;\n border-color: $bf-red !important;\n box-shadow: 0 0 0 3px rgba(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",".bf-table th,\n.bf-table td {\n padding: $bf-spacing-lg-px;\n padding: $bf-spacing-lg-rem;\n border-bottom: 1px solid $bf-gray;\n margin-bottom: $bf-spacing-md-px;\n margin-bottom: $bf-spacing-md-rem;\n}\n\n// responsive tables\n// ! issues on Opera 10-11, Opera Mobile Presto and Opera Mini\n// Read more about Opera: http://barrow.io/overflow-scrolling\n\n.bf-table-responsive {\n overflow-x: auto;\n overflow-y: hidden;\n\n // this is a not standard CSS property, so it's for IE only\n // https://developer.mozilla.org/en-US/docs/Web/CSS/-ms-overflow-style\n -ms-overflow-style: scrollbar;\n}\n\n.bf-table-responsive table {\n width: 100%;\n margin-bottom: $bf-spacing-md-px;\n margin-bottom: $bf-spacing-md-rem;\n}\n\n// force webkit scrollbars appearance\n.bf-table-responsive.scrollbar {\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-overflow-scrolling\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-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","// taken from sanitize.css\n// https://github.com/csstools/sanitize.css/blob/12.0.1/sanitize.css\n\n/**\n * Change the cursor on busy elements in all browsers (opinionated).\n */\n\n [aria-busy=\"true\"] {\n cursor: progress;\n}\n\n/*\n * Change the cursor on control elements in all browsers (opinionated).\n */\n\n[aria-controls] {\n cursor: pointer;\n}\n\n/*\n * Change the cursor on disabled, not-editable, or otherwise\n * inoperable elements in all browsers (opinionated).\n */\n\n[aria-disabled=\"true\"],\n[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[aria-hidden=\"false\"][hidden] {\n display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n clip: rect(0, 0, 0, 0);\n position: absolute;\n}","@media (prefers-color-scheme: dark) {\n @import 'utilities/utility-global-dark';\n}\n","// standard property\n// 'scrollbar-color'\n// https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color\n// currently (June 2020) Firefox only\n// https://caniuse.com/#feat=mdn-css_properties_scrollbar-color\nhtml {\n scrollbar-color: darken($bf-gray-dark, 5%) $bf-dark-extra;\n}\n\n// these features are not standard, and blink and webkit only\n// '::-webkit-scrollbar'\n// https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar\n\n::-webkit-scrollbar {\n width: 1.5rem;\n height: 1.5rem;\n}\n\n::-webkit-scrollbar-track {\n background-color: $bf-dark-extra;\n}\n\n::-webkit-scrollbar-thumb {\n background-color: darken($bf-gray-dark, 5%);\n}\n\n::-webkit-scrollbar-thumb:hover {\n background-color: lighten($bf-gray-dark, 10%);\n}\n","// these are global stylest tha that ovveride all the \"light\" styles\n\n// import dark scrollbars utility module\n@import 'utility-global-dark-scrollbars';\n\n// the basics: background and texts\nhtml {\n color: $bf-light;\n}\n\nbody {\n background-color: lighten($bf-dark-extra, 7.5%);\n}\n\n// anchors\na {\n color: lighten($bf-blue, 20%);\n\n &:hover,\n &:focus {\n color: lighten($bf-blue-light, 20%);\n }\n}\n\n// typography elements that need tiny adjustments\nmark {\n background-color: darken($bf-yellow, 10%);\n}\n\nins {\n background-color: darken($bf-yellow-light, 45%);\n}\n\n// forms\n\n[type='email'],\n[type='number'],\n[type='password'],\n[type='tel'],\n[type='search'],\n[type='text'],\n[type='date'],\n[type='datetime-local'],\n[type='month'],\n[type='week'],\n[type='time'],\n[type='url'],\n[type='range'],\ninput[list],\nselect,\nselect:not([size]):not([multiple]),\ntextarea {\n background-color: $bf-dark-extra;\n border-color: $bf-black;\n color: $bf-gray-light;\n\n &:active,\n &:focus {\n background-color: $bf-dark-extra;\n border-color: lighten($bf-blue, 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'],\ninput[list],\nselect,\nselect:not([size]):not([multiple]),\ntextarea {\n &:active,\n &:focus {\n box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.5);\n }\n}\n\n.bf-focused {\n border-color: lighten($bf-blue, 10%);\n box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.5) !important;\n}\n\n.bf-invalid,\n.bf-invalid:focus {\n color: lighten($bf-red, 7.5%) !important;\n border-color: lighten($bf-red, 7.5%) !important;\n}\n\nselect:not([size]):not([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// IE9 only hack\n// https://gist.github.com/marcop135/cf5163ab23d1cb208248b955c990b2ea#ie-9-only\n@media screen and (min-width: 0\\0) and (min-resolution: 0.001dpcm) {\n // hide custom arrow\n select:not([size]):not([multiple]),\n // RTL\n *[dir=\"rtl\"] select:not([size]):not([multiple]),\n select[dir=\"rtl\"]:not([size]):not([multiple]) {\n background-image: none;\n }\n}\n\n// range\n\n// all modern browsers but not IE\n@supports (appearance: none) {\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-dark-extra;\n }\n\n [type='range']::-moz-range-track {\n background-color: $bf-dark-extra;\n }\n}\n\ninput::placeholder,\ntextarea::placeholder {\n color: $bf-gray;\n}\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'],\n.bf-btn,\nbutton.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-gray-light;\n\n &:hover,\n &:active,\n &:focus {\n background: darken($bf-gray-light, 10%);\n }\n\n &:active,\n &:focus {\n box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45);\n }\n}\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'],\n.bf-btn {\n &:active,\n &:focus {\n box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45);\n }\n}\n\n.bf-btn--primary.bf-disabled,\n.bf-btn.bf-btn--primary {\n background: $bf-blue;\n\n &:hover,\n &:active,\n &:focus {\n background: darken($bf-blue, 5%);\n }\n\n &:active,\n &:focus {\n box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.75);\n }\n}\n\n// focus\na:focus,\ninput:focus {\n outline-color: darken(orange, 15%);\n}\n\n:focus-visible {\n outline-color: darken(orange, 15%);\n}\n\n// tables\n\n.bf-table th,\n.bf-table td {\n border-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-gray-dark-extra;\n}\n"]}
1
+ {"version":3,"sources":["bullframe-system-default.css","bullframe-system-default.scss","miscellaneous/_misc-layout.scss","typography/_typography-html-body.scss","variables/_variables-colors.scss","variables/_variables-texts.scss","typography/_typography-headings.scss","variables/_variables-spacing.scss","typography/_typography-blockquotes.scss","typography/_typography-monospaced-elements.scss","typography/_typography-misc.scss","miscellaneous/_misc-anchors.scss","miscellaneous/_misc-focus.scss","miscellaneous/_misc-lists.scss","miscellaneous/_misc-embedded-content.scss","forms/_forms-normalization.scss","forms/_forms-styling.scss","forms/_forms-styling-select.scss","forms/_forms-styling-radio-checkbox.scss","forms/_forms-styling-range.scss","miscellaneous/_misc-tables.scss","utilities/_utility-grid-system.scss","utilities/_utility-layout.scss","utilities/_utility-z-index.scss","utilities/_utility-spacing.scss","utilities/_utility-texts.scss","utilities/_utility-buttons.scss","utilities/_utility-form-states.scss","utilities/_utility-lists.scss","utilities/_utility-embeds.scss","utilities/_utility-tables.scss","utilities/_utility-print.scss","utilities/_utility-reduced-motion.scss","miscellaneous/_misc-accessibility.scss","utilities/_utility-global-system-default.scss","utilities/_utility-global-dark-scrollbars.scss","utilities/_utility-global-dark.scss"],"names":[],"mappings":"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B+2CF,CuB52CA,cACE,SvB+2CF,CuB52CA,cACE,SvB+2CF,CuB52CA,cACE,SvB+2CF,CuB52CA,cACE,SvB+2CF,CuB52CA,cACE,SvB+2CF,CuB52CA,cACE,SvB+2CF,CuB52CA,eACE,UvB+2CF,CuB52CA,eACE,UvB+2CF,CuB52CA,eACE,UvB+2CF,CuB52CA,eACE,UvB+2CF,CuB52CA,eACE,UvB+2CF,CuB52CA,eACE,UvB+2CF,CuB52CA,eACE,UvB+2CF,CuB52CA,eACE,UvB+2CF,CuB52CA,eACE,UvB+2CF,CuB52CA,gBACE,WvB+2CF,CuBx2CA,gCACE,WvB+2CF,CwB37CA,QACE,kBxB87CF,CwB37CA,UACE,sBxB87CF,CwB37CA,UACE,yBxB87CF,CwB37CA,UACE,uBxB87CF,CwB37CA,UACE,wBxB87CF,CwB37CA,QAEE,6BxB87CF,CwB37CA,QAEE,4BxB87CF,CwB37CA,QAEE,4BxB87CF,CwB37CA,QAEE,4BxB87CF,CwB37CA,UAEE,6BxB87CF,CwB37CA,UAEE,4BxB87CF,CwB37CA,UAEE,4BxB87CF,CwB37CA,UAEE,4BxB87CF,CwBz7CA,QACE,mBxB47CF,CwBz7CA,UACE,uBxB47CF,CwBz7CA,UACE,0BxB47CF,CwBz7CA,UACE,wBxB47CF,CwBz7CA,UACE,yBxB47CF,CwBz7CA,QAEE,8BxB47CF,CwBz7CA,QAEE,6BxB47CF,CwBz7CA,QAEE,6BxB47CF,CwBz7CA,QAEE,6BxB47CF,CwBz7CA,UAEE,2BxB47CF,CwBz7CA,UAEE,0BxB47CF,CwBz7CA,UAEE,0BxB47CF,CwBz7CA,UAEE,0BxB47CF,CwBz7CA,UAEE,8BxB47CF,CwBz7CA,UAEE,6BxB47CF,CwBz7CA,UAEE,6BxB47CF,CwBz7CA,UAEE,6BxB47CF,CyB5kDA,0BACE,kCzB+kDF,CyB5kDA,qBACE,6BzB+kDF,CyB5kDA,WACE,yBzB+kDF,CyB5kDA,aACE,2BzB+kDF,CyB5kDA,YACE,0BzB+kDF,CyB5kDA,aACE,kCAAA,CACA,oCzB+kDF,CyB5kDA,aACE,2BzB+kDF,CyB3kDA,mBACE,2BzB8kDF,CyB1kDA,iBACE,yBzB6kDF,CyB1kDA,iBACE,yBzB6kDF,CyB1kDA,iBACE,yBzB6kDF,CyB1kDA,iBACE,yBzB6kDF,CyB1kDA,iBACE,yBzB6kDF,CyB1kDA,iBACE,yBzB6kDF,CyB1kDA,eACE,8BzB6kDF,CyB1kDA,eAKE,0BAAA,CAJA,wBAAA,CACA,yBAAA,CACA,gCAAA,CACA,4BzB8kDF,CyB1kDA,4BAIE,8BzB8kDF,CyB1kDA,wDAHE,qCAAA,CAFA,6BAAA,CAFA,yBAAA,CACA,gCzBwlDF,CyBllDA,4BAIE,8BzB8kDF,CyBzkDA,cASE,oCAAA,CARA,kCAAA,CAAA,+BAAA,CAAA,0BzB6kDF,CyBlkDA,oBACE,+MzBqkDF,CyBzjDA,eACE,2HzB4jDF,CyBvjDA,mBACE,qLzB0jDF,CyBjjDA,0CAME,yBAAA,CACA,yBAAA,CAEA,yBAAA,CAEA,4BAAA,CAHA,sBzBujDF,CyBjjDA,OACE,wBAAA,CACA,0BzBojDF,CyBjjDA,OACE,wBAAA,CACA,wBzBojDF,CyBjjDA,OACE,wBAAA,CACA,0BzBojDF,CyBjjDA,OACE,wBAAA,CACA,wBzBojDF,CyBjjDA,cAEE,wBAAA,CACA,0BzBojDF,CyBjjDA,UACE,wBzBojDF,CyBviDA,8BACE,6DAAA,CACA,8BzB0iDF,CyBviDA,yBACE,8BACE,uCzB0iDF,CACF,CyBviDA,0BACE,8BACE,sCzByiDF,CACF,C0B9uDA,QAYE,yCAAA,CAHA,2BAAA,CAaA,qBtBVc,CsBSd,qBAAA,CADA,QAAA,CAHA,mBnBNiB,CmBOjB,oBnBDkB,CmBdlB,UtBaQ,CsBdR,cAAA,CADA,oBAAA,CAKA,kBAAA,CAEA,QAAA,CAGA,gBAAA,CANA,sCAAA,CAEA,iBAAA,CAgBA,kBAAA,CAVA,wBAAA,CAAA,qBAAA,CAAA,gBAAA,CAHA,uB1ByvDF,C0B1uDE,2CAKE,kBAAA,CADA,UtBbM,CsBYN,oB1B4uDJ,C0BvuDE,6BAEE,oC1BwuDJ,C0BruDE,cACE,S1BuuDJ,C0BpuDE,wBAEE,kBtBnBM,CsBkBN,U1BuuDJ,C0BpuDI,2FAIE,kBAAA,CADA,U1BquDN,C0BjuDI,6DAEE,uC1BkuDN,C0B7tDA,0FAQE,yBAAA,CAJA,wBAAA,CACA,4BAAA,CAIA,oBAAA,CAHA,6BAAA,CACA,kCAAA,CAAA,+BAAA,CAAA,0B1BkuDF,C2BryDA,YAEE,8BAAA,CACA,iDAAA,CAFA,mE3B0yDF,C2BryDA,wJAeE,qBvBZS,CuBaT,iBvBTQ,CuBKR,yBAAA,CAJA,wBAAA,CACA,4BAAA,CAIA,oBAAA,CAHA,6BAAA,CACA,kCAAA,CAAA,+BAAA,CAAA,0B3B4yDF,C2BpyDA,kBACE,4BAAA,CACA,wB3BuyDF,C2BpyDA,oHAaE,evB/Bc,CuB2Bd,eAAA,CAGA,UvB1BQ,CuBmBR,cAAA,CACA,kBAAA,CAIA,UAAA,CAHA,mBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,gB3B2yDF,C2BpyDE,2bAKE,evBtCY,CuBoCZ,eAAA,CACA,U3BizDJ,C2B5yDA,6BACE,cAAA,CACA,kBAAA,CAIA,UAAA,CAHA,mBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,gB3BmzDF,C2B5yDE,uIAFA,kBvBtCQ,CuBkCR,eAAA,CAGA,U3BozDF,C2BxyDA,8BAGE,0BAAA,CACA,gDAAA,CAFA,mB3B6yDF,C4Bx3DA,oLAUE,eAAA,CAFA,QAAA,CACA,S5B43DF,C4Bx3DA,GACE,e5B23DF,C6Bv4DA,qBAEE,aAAA,CAGA,eAAA,CADA,SAAA,CAHA,iBAAA,CAEA,U7B44DF,C6Bx4DE,4BAEE,UAAA,CADA,aAAA,CAEA,kB7B04DJ,C6Bv4DE,sDACE,e7By4DJ,C6Bt4DE,8JAWE,QAAA,CAJA,QAAA,CAGA,WAAA,CAFA,MAAA,CAHA,iBAAA,CACA,KAAA,CAGA,U7Bs4DJ,C8Bn6DA,0BAIE,4BAAA,CAEA,mBvBYkB,CuBflB,Y9By6DF,C8B/5DA,qBAME,4BAAA,CALA,eAAA,CACA,iB9Bm6DF,C8B55DA,2BAGE,mBvBPkB,CuBKlB,U9Bi6DF,C8B35DA,+BAGE,+B9B45DF,C8Bx5DA,6FAEE,wB9B25DF,C+B17DA,aACE,iBAGE,yBAAA,CAGA,yBAAA,CAFA,oBAAA,CAGA,0B/Bm8DF,C+Bh8DA,YAEE,yB/Bk8DF,C+B/7DA,cACE,2B/Bi8DF,C+B97DA,kBACE,4B/Bg8DF,C+Bz7DA,gDAEE,U/B+7DF,C+B57DA,IACE,8B/B87DF,C+B37DA,eAEE,qB/B87DF,C+B17DA,sBAHE,uB/Bi8DF,C+Bz7DA,QAGE,SAAA,CACA,Q/B27DF,C+Bx7DA,MAEE,sB/B07DF,C+Bl7DA,mBAEE,yB/Bs7DF,C+B56DA,qBACE,a/B86DF,C+B36DA,2BACE,U/B66DF,C+B16DA,qCAEE,kC/B46DF,CAfF,CgC9+DA,uCACE,gJAME,8BAAA,CACA,gCAAA,CACA,qCAAA,CACA,sCAAA,CACA,8BAAA,CACA,6BAAA,CACA,gChCggEF,CACF,CiCphEC,iBACC,ejCyhEF,CiClhEA,gBACE,cjCwhEF,CiChhEA,gCAEE,kBjCuhEF,CiC/gEA,4BACE,ejCshEF,CiCnhEA,wCACE,kBAAA,CACA,iBjCshEF,CkC9jEA,mCCKA,KACE,4BnC6jEA,CmCtjEF,oBAEE,aAAA,CADA,YnCyjEA,CmCrjEF,0BACE,qBnCujEA,CmCpjEF,0BACE,wBnCsjEA,CmCnjEF,gCACE,qBnCqjEA,CoC1kEF,KACE,apC4kEA,CoCzkEF,KACE,wBpC2kEA,CoCvkEF,EACE,apCykEA,CoCvkEA,gBAEE,apCwkEF,CoCnkEF,KACE,qBpCqkEA,CoClkEF,IACE,wBpCokEA,CoC/jEF,8OAiBE,qBhCnCc,CgCoCd,iBhCnCS,CgCoCT,UpCikEA,CoC/jEA,yrBAEE,qBhCzCY,CgC0CZ,oBpCgmEF,CoC5kEA,kpBAEE,uCpC2mEF,CoCvmEF,YACE,oBAAA,CACA,iDpCymEA,CoCtmEF,8BAGE,8BAAA,CADA,uBpCymEA,CoCrmEF,mCACE,2LpCumEA,CACF,CoCnmEA,iGAEE,4HAIE,qBpCmmEF,CACF,CkChtEA,mCEmHA,qFAKI,gCACE,4BpC+lEF,CoCzlEF,4CACE,qBpC2lEA,CoCxlEF,+BACE,qBpC0lEA,CACF,CoCvlEF,mDAEE,UpCylEA,CoC3lEF,yCAEE,UpCylEA,CoCtlEF,4KAUE,epCwlEA,CoCtlEA,ksBAGE,kBpCinEF,CoCnmEA,0dAEE,wCpCioEF,CoC7nEF,qDAEE,kBpC+nEA,CoC7nEA,qMAGE,kBpCgoEF,CoC7nEA,oIAEE,uCpCgoEF,CoC3nEF,oBAEE,qBpC6nEA,CoC1nEF,eACE,qBpC4nEA,CoCvnEF,0BAEE,iBpCynEA,CoCtnEF,6FAEE,qBpCwnEA,CACF","file":"bullframe-system-default.min.css","sourcesContent":["/*! bullframe.css v4.1.2 | MIT License | https://github.com/marcop135/bullframe.css */\n/*! custom build: bullframe-system-default */\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: 16px;\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: 700;\n font-weight: 600;\n font-family: inherit;\n color: inherit;\n line-height: 1.25;\n margin-bottom: 10px;\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: 0 0 20px 0;\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 20px 0;\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 20px 0;\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\n/* stylelint-disable-next-line */\nb,\nstrong {\n font-weight: bolder;\n}\n\ndfn {\n font-style: italic;\n}\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -8px;\n top: -0.8rem;\n}\n\nsub {\n bottom: -4px;\n bottom: -0.4rem;\n}\n\nsmall {\n font-size: 80%;\n}\n\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: 20px 0;\n margin: 2rem 0;\n padding: 0;\n overflow: visible;\n}\n\naddress {\n font-style: normal;\n margin-bottom: 10px;\n margin-bottom: 1rem;\n line-height: inherit;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\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]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):hover,\na:not([href]):not([tabindex]):focus,\na:not([href]):not([class]),\na:not([href]):not([class]):hover {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):focus {\n outline: 0;\n}\n\n:focus:not(:focus-visible) {\n outline: none;\n}\n\n[tabindex=\"-1\"]:focus:not(:focus-visible) {\n outline: 0 !important;\n}\n\na:focus,\ninput:focus {\n outline: 2px solid orange;\n}\n\n:focus-visible {\n outline: 2px solid orange;\n}\n\nbutton:focus,\n[type=button]:focus,\n[type=reset]:focus,\n[type=submit]:focus,\n[type=email]:focus,\n[type=number]:focus,\n[type=password]:focus,\n[type=tel]:focus,\n[type=search]:focus,\n[type=text]:focus,\n[type=date]:focus,\n[type=datetime-local]:focus,\n[type=month]:focus,\n[type=time]:focus,\n[type=week]:focus,\n[type=url]:focus,\n[type=radio]:focus,\n[type=checkbox]:focus,\ninput[list]:focus,\nselect:focus,\ntextarea:focus {\n outline: 0;\n}\n\nmenu,\nol,\nul,\ndl {\n margin: 0 0 20px 0;\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: 20px;\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\nhtml input,\nbutton,\nselect,\noptgroup,\ntextarea {\n color: inherit;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nhtml input,\nbutton,\n[type=radio],\n[type=checkbox],\nselect,\noptgroup,\ntextarea {\n margin: 0;\n}\n\nhtml input,\nselect,\ntextarea,\nlegend {\n width: 100%;\n}\n\nhtml 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\nhtml input,\nlabel,\nselect,\ntextarea,\nbutton,\nhtml [type=button],\n[type=reset],\n[type=submit],\noutput {\n display: inline-block;\n}\n\n[type=file] {\n display: block;\n background-color: transparent;\n}\n\nbutton,\nhtml input,\nselect,\ntextarea {\n background-image: none;\n}\n\ninput,\nselect,\ntextarea {\n vertical-align: baseline;\n}\n\nform {\n margin: 0;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n margin: 0;\n min-width: 0;\n}\n\nlegend {\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\nlabel {\n font-weight: 400;\n font-size: 90%;\n line-height: 1.375;\n margin-bottom: 5px;\n margin-bottom: 0.5rem;\n}\n\nlabel input,\nlabel select,\nlabel textarea {\n font-size: 110%;\n}\n\n[type=number]::-webkit-outer-spin-button,\n[type=number]::-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[type=search] {\n outline-offset: -2.5px;\n outline-offset: -0.25rem;\n}\n\noutput {\n vertical-align: middle;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\n word-wrap: normal;\n}\n\n[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {\n display: none !important;\n}\n\noptgroup {\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: 700;\n font-weight: 600;\n}\n\nbutton,\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 -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n border-radius: 2.5px;\n border-radius: 0.25rem;\n}\n\n[type=radio] {\n border-radius: 50%;\n}\n\n[type=checkbox] {\n border-radius: 5px;\n border-radius: 0.5rem;\n}\n\n[type=radio],\n[type=checkbox] {\n padding: 0;\n background-color: #fff;\n}\n\n[type=range] {\n background-color: transparent;\n}\n\nselect[size],\nselect[multiple] {\n height: auto;\n}\n\nselect[multiple] {\n background-image: none;\n}\n\ntextarea {\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\nbutton,\n[type=button],\n[type=reset],\n[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}\nbutton: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 text-decoration: none;\n color: #222;\n}\n\nbutton,\nselect,\ninput[type=submit],\ninput[type=button],\n[type=checkbox],\n[type=range],\n[type=radio],\n[role=button] {\n cursor: pointer;\n}\n\ninput::placeholder,\ntextarea::placeholder {\n color: #666;\n}\n\n:-moz-ui-invalid {\n box-shadow: none;\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],\ninput[list],\nselect,\ntextarea {\n background-color: #fff;\n border: 1px solid #999;\n padding: 5px 7.5px;\n padding: 0.5rem 0.75rem;\n}\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,\ninput[list]:active,\ninput[list]:focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus,\n[type=radio]:active,\n[type=radio]:focus,\n[type=checkbox]:active,\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\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n color: #222;\n padding: 6.6666666667px 13.3333333333px;\n padding: 0.6666666667rem 1.3333333333rem;\n background: #ccc;\n transition: color 0.2s, background 0.2s, box-shadow 0.2s;\n}\nbutton: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 text-decoration: none;\n color: #222;\n background: #b3b3b3;\n}\nbutton: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(0, 0, 0, 0.15);\n}\n\nfieldset[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\nselect:not([size]):not([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: 20px;\n padding-right: 2rem;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\n*[dir=rtl] select:not([size]):not([multiple]),\nselect[dir=rtl]:not([size]):not([multiple]) {\n background-position: left 0.85rem top 50%;\n padding-right: 7.5px;\n padding-right: 0.75rem;\n padding-left: 20px;\n padding-left: 2rem;\n}\n\n@supports (appearance: none) {\n [type=checkbox],\n [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 [type=checkbox] + label,\n [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] [type=checkbox] + label, [type=checkbox][dir=rtl] + label,\n *[dir=rtl] [type=radio] + label,\n [type=radio][dir=rtl] + label {\n margin-left: 0;\n margin-right: 5px;\n margin-right: 0.5rem;\n }\n [type=checkbox]:after,\n [type=radio]:after {\n content: \"\";\n display: block;\n position: absolute;\n }\n [type=checkbox]:checked,\n [type=radio]:checked {\n background-color: #007bff;\n border-color: #000;\n }\n [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 [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@supports (appearance: none) {\n [type=range] {\n appearance: none;\n width: 100%;\n height: 1.4rem;\n }\n [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 [type=range]::-webkit-slider-thumb:active {\n background-color: #007bff;\n }\n [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 [type=range]::-moz-range-thumb:active {\n background-color: #007bff;\n }\n [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 [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 [type=range]:focus {\n outline: none;\n }\n [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 [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 [type=range]::-moz-focus-outer {\n border: 0;\n }\n [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 [type=range]:disabled {\n pointer-events: none;\n }\n [type=range]:disabled::-webkit-slider-thumb {\n background-color: #ccc;\n }\n [type=range]:disabled::-moz-slider-thumb {\n background-color: #ccc;\n }\n}\ntable {\n max-width: 100%;\n border-collapse: collapse;\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 font-weight: 700;\n}\n\ncaption {\n padding-top: 5px;\n padding-top: 0.5rem;\n padding-bottom: 5px;\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.bf-container,\n.bf-container--fluid {\n box-sizing: content-box;\n display: block;\n margin-right: auto;\n margin-left: auto;\n padding-left: 15px;\n padding-left: 1.5rem;\n padding-right: 15px;\n padding-right: 1.5rem;\n}\n.bf-container:before, .bf-container:after,\n.bf-container--fluid:before,\n.bf-container--fluid:after {\n display: table;\n content: \" \";\n}\n.bf-container:after,\n.bf-container--fluid:after {\n clear: both;\n}\n\n.bf-container {\n max-width: 1140px;\n max-width: 114rem;\n}\n\n.bf-row {\n display: block;\n margin-left: -15px;\n margin-left: -1.5rem;\n margin-right: -15px;\n margin-right: -1.5rem;\n}\n.bf-row:before, .bf-row:after {\n content: \" \";\n display: table;\n}\n.bf-row:after {\n clear: both;\n}\n\n[class^=bf-col-] {\n float: left;\n position: relative;\n min-height: 1px;\n padding-left: 15px;\n padding-left: 1.5rem;\n padding-right: 15px;\n padding-right: 1.5rem;\n}\n\n.bf-no-gutters {\n margin-right: 0;\n margin-left: 0;\n}\n\n.bf-no-gutters > [class^=bf-col] {\n padding-right: 0;\n padding-left: 0;\n}\n\n.bf-col-12 {\n width: 100%;\n}\n\n.bf-col-11 {\n width: 91.6666666667%;\n}\n\n.bf-col-10 {\n width: 83.3333333333%;\n}\n\n.bf-col-9 {\n width: 75%;\n}\n\n.bf-col-8 {\n width: 66.6666666667%;\n}\n\n.bf-col-7 {\n width: 58.3333333333%;\n}\n\n.bf-col-6 {\n width: 50%;\n}\n\n.bf-col-5 {\n width: 41.6666666667%;\n}\n\n.bf-col-4 {\n width: 33.3333333333%;\n}\n\n.bf-col-3 {\n width: 25%;\n}\n\n.bf-col-2 {\n width: 16.6666666667%;\n}\n\n.bf-col-1 {\n 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 width: 100%;\n float: none;\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 width: 100%;\n float: none;\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 width: 100%;\n float: none;\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.3333333333% !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: 5px !important;\n margin-bottom: 0.5rem !important;\n}\n\n.bf-m-2 {\n margin-bottom: 10px !important;\n margin-bottom: 1rem !important;\n}\n\n.bf-m-3 {\n margin-bottom: 20px !important;\n margin-bottom: 2rem !important;\n}\n\n.bf-m-4 {\n margin-bottom: 30px !important;\n margin-bottom: 3rem !important;\n}\n\n.bf-m-b-1 {\n margin-bottom: 5px !important;\n margin-bottom: 0.5rem !important;\n}\n\n.bf-m-b-2 {\n margin-bottom: 10px !important;\n margin-bottom: 1rem !important;\n}\n\n.bf-m-b-3 {\n margin-bottom: 20px !important;\n margin-bottom: 2rem !important;\n}\n\n.bf-m-b-4 {\n margin-bottom: 30px !important;\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: 5px !important;\n padding-bottom: 0.5rem !important;\n}\n\n.bf-p-2 {\n padding-bottom: 10px !important;\n padding-bottom: 1rem !important;\n}\n\n.bf-p-3 {\n padding-bottom: 20px !important;\n padding-bottom: 2rem !important;\n}\n\n.bf-p-4 {\n padding-bottom: 30px !important;\n padding-bottom: 3rem !important;\n}\n\n.bf-p-t-1 {\n padding-top: 5px !important;\n padding-top: 0.5rem !important;\n}\n\n.bf-p-t-2 {\n padding-top: 10px !important;\n padding-top: 1rem !important;\n}\n\n.bf-p-t-3 {\n padding-top: 20px !important;\n padding-top: 2rem !important;\n}\n\n.bf-p-t-4 {\n padding-top: 30px !important;\n padding-top: 3rem !important;\n}\n\n.bf-p-b-1 {\n padding-bottom: 5px !important;\n padding-bottom: 0.5rem !important;\n}\n\n.bf-p-b-2 {\n padding-bottom: 10px !important;\n padding-bottom: 1rem !important;\n}\n\n.bf-p-b-3 {\n padding-bottom: 20px !important;\n padding-bottom: 2rem !important;\n}\n\n.bf-p-b-4 {\n padding-bottom: 30px !important;\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 -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 -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: 700 !important;\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.6rem + 3 * ((100vw - 320px) / 680));\n --body-rt-font-size-max: 1.9rem;\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: 6.6666666667px 13.3333333333px;\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: 2.5px;\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: #b3b3b3;\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: #0062cc;\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}\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: #ff0000 !important;\n border-color: #ff0000 !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: 10px;\n padding: 1rem;\n border-bottom: 1px solid #999;\n margin-bottom: 5px;\n margin-bottom: 0.5rem;\n}\n\n.bf-table-responsive {\n overflow-x: auto;\n overflow-y: hidden;\n -ms-overflow-style: scrollbar;\n}\n\n.bf-table-responsive table {\n width: 100%;\n margin-bottom: 5px;\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/**\n * Change the cursor on busy elements in all browsers (opinionated).\n */\n[aria-busy=true] {\n cursor: progress;\n}\n\n/*\n * Change the cursor on control elements in all browsers (opinionated).\n */\n[aria-controls] {\n cursor: pointer;\n}\n\n/*\n * Change the cursor on disabled, not-editable, or otherwise\n * inoperable elements in all browsers (opinionated).\n */\n[aria-disabled=true],\n[disabled] {\n cursor: not-allowed;\n}\n\n/*\n * Change the display on visually hidden accessible elements\n * in all browsers (opinionated).\n */\n[aria-hidden=false][hidden] {\n display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n clip: rect(0, 0, 0, 0);\n position: absolute;\n}\n\n@media (prefers-color-scheme: dark) {\n html {\n scrollbar-color: #595959 #111;\n }\n ::-webkit-scrollbar {\n width: 1.5rem;\n height: 1.5rem;\n }\n ::-webkit-scrollbar-track {\n background-color: #111;\n }\n ::-webkit-scrollbar-thumb {\n background-color: #595959;\n }\n ::-webkit-scrollbar-thumb:hover {\n background-color: gray;\n }\n html {\n color: #f0f0f0;\n }\n body {\n background-color: #242424;\n }\n a {\n color: #66b0ff;\n }\n a:hover, a:focus {\n color: #1a88ff;\n }\n mark {\n background-color: #cccc00;\n }\n ins {\n background-color: #b3b300;\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]):not([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]):not([multiple]):active,\n select:not([size]):not([multiple]):focus,\n textarea:active,\n textarea:focus {\n background-color: #111;\n border-color: #3395ff;\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]):not([multiple]):active,\n select:not([size]):not([multiple]):focus,\n textarea:active,\n textarea:focus {\n box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.5);\n }\n .bf-focused {\n border-color: #3395ff;\n box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.5) !important;\n }\n .bf-invalid,\n .bf-invalid:focus {\n color: #ff2626 !important;\n border-color: #ff2626 !important;\n }\n select:not([size]):not([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@media screen and (prefers-color-scheme: dark) and (min-width: 0\\0 ) and (min-resolution: 0.001dpcm) {\n select:not([size]):not([multiple]),\n *[dir=rtl] select:not([size]):not([multiple]),\n select[dir=rtl]:not([size]):not([multiple]) {\n background-image: none;\n }\n}\n@media (prefers-color-scheme: dark) {\n @supports (appearance: none) {\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 }\n input::placeholder,\n textarea::placeholder {\n color: #999;\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: #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 .bf-btn:hover,\n .bf-btn:active,\n .bf-btn:focus,\n button.bf-disabled:hover,\n button.bf-disabled:active,\n 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 background: #b3b3b3;\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 button.bf-disabled:active,\n button.bf-disabled:focus,\n [type=button].bf-disabled:active,\n [type=button].bf-disabled:focus,\n [type=reset].bf-disabled:active,\n [type=reset].bf-disabled:focus,\n [type=submit].bf-disabled:active,\n [type=submit].bf-disabled:focus,\n .bf-btn.bf-disabled:active,\n .bf-btn.bf-disabled: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 .bf-btn--primary.bf-disabled,\n .bf-btn.bf-btn--primary {\n background: #007bff;\n }\n .bf-btn--primary.bf-disabled:hover, .bf-btn--primary.bf-disabled:active, .bf-btn--primary.bf-disabled:focus,\n .bf-btn.bf-btn--primary:hover,\n .bf-btn.bf-btn--primary:active,\n .bf-btn.bf-btn--primary:focus {\n background: #006fe6;\n }\n .bf-btn--primary.bf-disabled:active, .bf-btn--primary.bf-disabled:focus,\n .bf-btn.bf-btn--primary:active,\n .bf-btn.bf-btn--primary:focus {\n box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.75);\n }\n a:focus,\n input:focus {\n outline-color: #b37400;\n }\n :focus-visible {\n outline-color: #b37400;\n }\n .bf-table th,\n .bf-table td {\n border-color: #666;\n }\n .bf-table--zebra tbody tr:nth-child(odd),\n .bf-table-responsive--zebra tbody tr:nth-child(odd) {\n background-color: #333;\n }\n}","/*! custom build: bullframe-system-default */\n\n@import 'bullframe';\n@import 'utilities/utility-global-system-default';\n","*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\ndetails {\n display: block;\n}\n\ntemplate {\n display: none;\n}\n\n// Always hide an element with the `hidden` HTML attribute\n[hidden] {\n display: none !important;\n}\n","html {\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: #222;\n\n // set a default font-family and line-height\n font-family: sans-serif;\n line-height: 1.15;\n\n // ! this is not a standard feature, is webkit only\n // https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-tap-highlight-color\n\n // remove a tap background when a link or interactive element is focused\n // if is touch\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\nbody {\n margin: 0;\n font-size: $bf-body-font-size-px; // '16px' by default\n font-size: $bf-body-font-size-rem; // '1.6rem' by default\n line-height: $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\n // Basic web fallback\n Arial,\n 'Noto Sans', sans-serif,\n\n // emoji fonts\n 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', '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-white;\n}\n","// ! CSS Variables (Custom Properties) are not IE-friendly\n// https://caniuse.com/#feat=css-variables\n// let's Sass do the job instead\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: #ff0000; // rgba(255,0,0,1)\n","$bf-font-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif,\n 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n\n$bf-font-serif: Georgia, Times, 'Times New Roman', serif;\n\n$bf-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',\n 'Courier New', monospace;\n\n$bf-body-font-size-px: 16px;\n$bf-body-font-size-rem: 1.6rem;\n$bf-body-line-height: 1.5;\n","h1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n\n font-weight: 700; // fallback\n font-weight: 600;\n font-family: inherit;\n color: inherit;\n line-height: 1.25;\n margin-bottom: $bf-spacing-lg-px;\n margin-bottom: $bf-spacing-lg-rem;\n\n\n}\n\nh1 {\n font-size: 36px;\n font-size: 3.6rem;\n}\n\nh2 {\n font-size: 30px;\n font-size: 3rem;\n}\n\nh3 {\n font-size: 24px;\n font-size: 2.4rem;\n}\n\nh4 {\n font-size: 20px;\n font-size: 2rem;\n}\n\nh5,\nh6 {\n font-size: 16px;\n font-size: 1.6rem;\n}","// 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\n$bf-spacing-sm-rem: .25rem;\n$bf-spacing-md-rem: .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-px: 15px;\n$bf-spacing-grid-gutter-rem: 1.5rem;","blockquote {\n margin: 0 0 $bf-spacing-xl-px 0;\n margin-bottom: $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-gray;\n display: block;\n}\n\nblockquote small:before {\n content: '\\2014 \\00A0';\n}\n\nq {\n quotes: '\\201C''\\201D''\\2018''\\2019';\n}\n","pre {\n margin: 0 0 $bf-spacing-xl-px 0;\n margin: 0 0 $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 // this is a not standard CSS property, so it's for IE only\n // https://developer.mozilla.org/en-US/docs/Web/CSS/-ms-overflow-style\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+ */ 'Menlo', /* Windows 6+ */ 'Consolas',\n /* Android 4+ */ 'Roboto Mono', /* Ubuntu 1.10+ */ 'Ubuntu Monospace',\n /* KDE Plasma 5+ */ 'Noto Mono', /* KDE Plasma 4+ */ 'Oxygen Mono',\n /* Linux/OpenOffice fallback */ 'Liberation Mono', /* fallback */ monospace,\n /* emoji fonts */ 'Apple Color Emoji', 'Segoe UI Emoji', '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","p {\n margin: 0 0 $bf-spacing-xl-px 0;\n margin: 0 0 $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-yellow;\n color: $bf-black;\n}\n\nins {\n background-color: $bf-yellow-light;\n 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\n/* stylelint-disable-next-line */\nb,\nstrong {\n font-weight: bolder;\n}\n\ndfn {\n font-style: italic;\n}\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -8px;\n top: -0.8rem;\n}\n\nsub {\n bottom: -4px;\n bottom: -0.4rem;\n}\n\nsmall {\n font-size: 80%;\n}\n\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-spacing-xl-px 0;\n margin: $bf-spacing-xl-rem 0;\n padding: 0;\n overflow: visible; // Show the overflow in Edge and IE\n}\n\naddress {\n font-style: normal;\n margin-bottom: $bf-spacing-lg-px;\n margin-bottom: $bf-spacing-lg-rem;\n line-height: inherit;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n","a {\n color: $bf-blue; // bootstrap blue\n text-decoration: none;\n\n // IE10+: Remove grey background on active links\n background-color: transparent;\n \n &:hover,\n &:focus {\n text-decoration: underline;\n 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//\n// ':not' is IE9+\n// https://caniuse.com/#feat=mdn-css_selectors_not\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):hover,\na:not([href]):not([tabindex]):focus,\na:not([href]):not([class]),\na:not([href]):not([class]):hover {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):focus {\n outline: 0;\n}\n","// ! ':not' is IE9+\n// https://caniuse.com/#feat=mdn-css_selectors_not\n//\n// ! and ':focus-visible'\n// https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible\n//\n// don't have some much browser support now (May 2020)\n// https://caniuse.com/#feat=css-focus-visible\n//\n// but is good in a progressive enhancement future view\n//\n// and you could polyfill it for a wide cross-browser support right now\n// https://github.com/WICG/focus-visible\n//\n// remove focus if is not keyboard\n// and if these elements are not focused globally\n: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[tabindex='-1']:focus:not(:focus-visible) {\n outline: 0 !important;\n}\n\n// style the ':focus' outline on anchors and inputs\n// this is for consistency\n// e.g.\n// in webkit (Chrome, Safari) the outline is blue with a subtle box-shadow\n// in trident (IE) is just pointed black\n// in gecko (FF) is pointed black, but it's a thiner\n// ...\na:focus,\ninput:focus {\n outline: 2px solid orange;\n}\n\n// style it again (must be separated)\n: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 verion\n// with JS or extra <div>s\n// https://getbootstrap.com/docs/4.4/components/input-group/#custom-file-input\nbutton,\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 {\n &:focus {\n outline: 0;\n }\n}\n\n// More resources to read on this matter\n// https://gist.github.com/chrisdemars/a74c5bd210dc739fa63e9b985c937bcb\n","menu,\nol,\nul,\ndl {\n margin: 0 0 $bf-spacing-xl-px 0;\n margin: 0 0 $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-spacing-xl-px;\n margin-left: $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","audio,\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\n// useful for CMS generated images\n// but causes layout breaking\n// img[width],\n// img[height] {\n// \tmax-width: 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-gray-light;\n\n // progress value background color in IE10+\n color: $bf-blue;\n}\n\n// ! this is not a standard feature, is webkit only\n// https://developer.mozilla.org/en-US/docs/Web/CSS/%3A%3A-webkit-progress-bar\n//\n// progress value background color in webkit\nprogress[value]::-webkit-progress-bar {\n background: $bf-gray-light;\n}\nprogress[value]::-webkit-progress-value {\n background: $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://www.youtube-nocookie.com/embed/Z-4v4I7Gzk0\"\n// frameborder=\"0\"\n// allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n// allowfullscreen>\n// </iframe>\niframe {\n border-style: none;\n}\n","// normalization, enhancement and responsiveness\n\nhtml input,\nbutton,\nselect,\noptgroup,\ntextarea {\n color: inherit;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nhtml input,\nbutton,\n[type='radio'],\n[type='checkbox'],\nselect,\noptgroup,\ntextarea {\n margin: 0;\n}\n\nhtml input,\nselect,\ntextarea,\nlegend {\n width: 100%;\n}\n\n// re-set width auto where needed\nhtml 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// inline-block display gives the best cross-browser combination\n// and allow several properties\nhtml input,\nlabel,\nselect,\ntextarea,\nbutton,\nhtml [type='button'],\n[type='reset'],\n[type='submit'],\noutput {\n display: inline-block;\n}\n\n[type='file'] {\n display: block;\n background-color: transparent;\n}\n\nbutton,\nhtml input,\nselect,\ntextarea {\n background-image: none; // FF mobile\n}\n\ninput,\nselect,\ntextarea {\n vertical-align: baseline;\n}\n\nform {\n margin: 0;\n}\n\n// 1. Remove intrinsic min-width of fieldset\n// https://github.com/necolas/normalize.css/pull/269\nfieldset {\n border: 0;\n padding: 0;\n margin: 0;\n min-width: 0; // 1.\n}\n\nlegend {\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-spacing-md-px;\n margin-bottom: $bf-spacing-md-rem;\n font-size: inherit;\n line-height: 1.375;\n color: inherit;\n}\n\nlabel {\n font-weight: 400;\n font-size: 90%;\n line-height: 1.375;\n margin-bottom: $bf-spacing-md-px;\n margin-bottom: $bf-spacing-md-rem;\n}\n\nlabel input,\nlabel select,\nlabel textarea {\n font-size: 110%;\n}\n\n[type='number']::-webkit-outer-spin-button,\n[type='number']::-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[type='search'] {\n outline-offset: -$bf-spacing-sm-px;\n outline-offset: -$bf-spacing-sm-rem;\n}\n\noutput {\n vertical-align: middle;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\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[list]:not([type='date']):not([type='datetime-local']):not([type='month']):not(\n [type='week']\n ):not([type='time'])::-webkit-calendar-picker-indicator {\n display: none !important;\n}\n\noptgroup {\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: 700; // fallback for font families without 600 */\n font-weight: 600;\n}\n\n// remove -webkit-appearance listing every single elements that needed it\nbutton,\n// avoid destroying native android audio/video players\nhtml [type=\"button\"], \n[type=\"reset\"],\n[type=\"submit\"],\n\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 -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; // iOS and Safari\n font: inherit; // Safari\n}\n\n// ! IE9+\n// https://caniuse.com/#feat=border-radius\nbutton,\ninput,\nselect,\ntextarea {\n border-radius: $bf-spacing-sm-px;\n border-radius: $bf-spacing-sm-rem;\n}\n\n// ! IE9+\n// https://caniuse.com/#feat=border-radius\n[type='radio'] {\n border-radius: 50%;\n}\n\n[type='checkbox'] {\n border-radius: $bf-spacing-md-px;\n border-radius: $bf-spacing-md-rem;\n}\n\n[type='radio'],\n[type='checkbox'] {\n padding: 0;\n background-color: $bf-white;\n}\n\n[type='range'] {\n background-color: transparent; // FF and Chrome mobile\n}\n\nselect[size],\nselect[multiple] {\n height: auto;\n}\n\nselect[multiple] {\n background-image: none; // FF mobile\n}\n\ntextarea {\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\nbutton,\n[type='button'],\n[type='reset'],\n[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; // FF mobile\n\n &:hover,\n &:active,\n &:focus {\n text-decoration: none;\n color: $bf-dark;\n }\n}\n\nbutton,\nselect,\ninput[type='submit'],\ninput[type='button'],\n[type='checkbox'],\n[type='range'],\n[type='radio'],\n[role='button'] {\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\ninput::placeholder,\ntextarea::placeholder {\n color: $bf-gray-dark;\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","[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: $bf-white;\n border: 1px solid $bf-gray;\n padding: $bf-spacing-md-px ($bf-spacing-lg-px * 0.75);\n padding: $bf-spacing-md-rem ($bf-spacing-lg-rem * 0.75);\n}\n\n// Old browsers and Opera Mini don't fully support all type of inputs\n// e.g. [type=\"range\"]\n// so, let's try to add styles carefully and selective\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'],\ninput[list],\nselect,\ntextarea,\n[type='radio'],\n[type='checkbox'] {\n &:active,\n &:focus {\n transition: border 0.2s, background-color 0.2s, box-shadow 0.2s;\n border-color: $bf-blue;\n box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25);\n }\n}\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n color: $bf-dark;\n padding: calc($bf-spacing-xl-px / 3) (calc($bf-spacing-xl-px / 3) * 2); // 8px 16px\n padding: calc($bf-spacing-xl-rem / 3) (calc($bf-spacing-xl-rem / 3) * 2);\n background: $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-dark;\n background: darken($bf-gray-light, 10%);\n }\n\n &:active,\n &:focus {\n box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);\n }\n}\n\n// disabled groups\nfieldset[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,\n\n// disabled singles\nbutton[disabled],\ninput[disabled],\ninput[disabled]:after,\ninput[disabled]:before,\ninput[disabled]:checked,\nselect[disabled],\ntextarea[disabled],\nlabel[disabled],\n\n// pseudo class\nbutton:disabled,\ninput:disabled,\ninput:disabled:after,\ninput:disabled:before,\ninput:disabled:checked,\nselect:disabled,\ntextarea:disabled,\nlabel:disabled,\n\n// aria \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; // 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","// 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// ! :not and calc() are IE9+\n// https://caniuse.com/#feat=mdn-css_selectors_not\n// https://caniuse.com/#feat=calc\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\nselect:not([size]):not([multiple]) {\n appearance: none;\n\n // add a new svg arrow\n background: $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-spacing-lg-px + $bf-spacing-lg-px;\n padding-right: $bf-spacing-lg-rem + $bf-spacing-lg-rem;\n}\n\n// IE10+\n// The '::-ms-expand' CSS pseudo-element is a Microsoft extension that represents\n// the button of a <select> menu control that opens or closes the drop-down\n// menu. Typically it is a triangle that points downward.\n// https://developer.mozilla.org/en-US/docs/Web/CSS/::-ms-expand\nselect::-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*[dir='rtl'] select:not([size]):not([multiple]),\nselect[dir='rtl']:not([size]):not([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-spacing-lg-px * 0.75);\n padding-right: ($bf-spacing-lg-rem * 0.75);\n\n // add custom left padding, matching the custom LTR one\n padding-left: $bf-spacing-lg-px + $bf-spacing-lg-px;\n padding-left: $bf-spacing-lg-rem + $bf-spacing-lg-rem;\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// https://developer.mozilla.org/en-US/docs/Web/CSS/@supports\n// https://caniuse.com/#feat=mdn-css_at-rules_supports_selector\n//\n// Anyway are safe and future-friendly because more browser compatibility\n// will come\n\n@supports (appearance: none) {\n [type='checkbox'],\n [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-gray;\n\n + label {\n line-height: 1.8rem;\n vertical-align: top;\n margin-left: $bf-spacing-md-px;\n margin-left: $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-spacing-md-px;\n margin-right: $bf-spacing-md-rem;\n }\n\n &:after {\n content: '';\n display: block;\n position: absolute;\n }\n\n &:checked {\n background-color: $bf-blue;\n border-color: $bf-black;\n }\n }\n\n [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-white;\n\n transform: scale(0.35);\n }\n }\n\n [type='checkbox'] {\n &:after {\n width: 0.6rem;\n height: 0.8rem;\n\n border: 2px solid $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}\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@supports (appearance: none) {\n [type='range'] {\n appearance: none;\n width: 100%;\n height: 1.4rem;\n }\n\n [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-blue;\n border-radius: 1.5rem;\n transition: background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n\n &:active {\n background-color: $bf-blue;\n }\n }\n\n [type='range']::-moz-range-thumb {\n border: 0;\n appearance: none;\n\n width: 1.5rem;\n height: 1.5rem;\n background-color: $bf-blue;\n border-radius: 1.5rem;\n transition: background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n\n &:active {\n background-color: $bf-blue;\n }\n }\n\n [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-gray-light-extra;\n }\n\n [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-gray-light-extra;\n }\n\n [type='range']:focus {\n outline: none;\n\n &::-webkit-slider-thumb {\n box-shadow: 0 0 0 0.1rem $bf-white, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n\n &::-moz-slider-thumb {\n box-shadow: 0 0 0 0.1rem $bf-white, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n }\n\n [type='range']::-moz-focus-outer {\n border: 0;\n }\n\n [type='range']:focus::-moz-range-thumb {\n box-shadow: 0 0 0 0.1rem $bf-white, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n\n // disabled\n\n [type='range']:disabled {\n pointer-events: none;\n\n &::-webkit-slider-thumb {\n background-color: $bf-gray-light;\n }\n\n &::-moz-slider-thumb {\n background-color: $bf-gray-light;\n }\n }\n}\n","table {\n max-width: 100%;\n border-collapse: collapse;\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 font-weight: 700;\n}\n\ncaption {\n padding-top: $bf-spacing-md-px;\n padding-top: $bf-spacing-md-rem;\n padding-bottom: $bf-spacing-md-px;\n padding-bottom: $bf-spacing-md-rem;\n color: $bf-gray;\n text-align: left;\n caption-side: bottom;\n line-height: 1.375;\n font-size: 90%;\n}\n",".bf-container,\n.bf-container--fluid {\n // avoid IE8 issue with 'box-sizing: border-box' in combination\n // with max/min-width and max/min-height\n // https://github.com/twbs/bootstrap/issues/10014\n //\n box-sizing: content-box;\n\n // you could add these classes to an inline/inline-block element\n // but it's not recommended\n display: block;\n\n // centering\n margin-right: auto;\n margin-left: auto;\n\n // spacing\n //\n // match the default Bootstrap Grid gutter width\n // https://getbootstrap.com/docs/3.4/css/#grid-options\n padding-left: $bf-spacing-grid-gutter-px;\n padding-left: $bf-spacing-grid-gutter-rem;\n padding-right: $bf-spacing-grid-gutter-px;\n padding-right: $bf-spacing-grid-gutter-rem;\n\n // clearfix\n &:before,\n &:after {\n display: table;\n content: ' ';\n }\n\n &:after {\n clear: both;\n }\n}\n\n.bf-container {\n max-width: 1140px; // 1140 + 15 + 15 = 1170\n max-width: 114rem;\n}\n\n.bf-row {\n display: block;\n\n margin-left: -$bf-spacing-grid-gutter-px;\n margin-left: -$bf-spacing-grid-gutter-rem;\n margin-right: -$bf-spacing-grid-gutter-px;\n margin-right: -$bf-spacing-grid-gutter-rem;\n\n // clearfix\n &:before,\n &:after {\n content: ' ';\n display: table;\n }\n\n &:after {\n clear: both;\n }\n}\n\n[class^='bf-col-'] {\n // the block display is triggered by 'float: left'\n // display: block;\n\n float: left;\n position: relative;\n min-height: 1px;\n\n padding-left: $bf-spacing-grid-gutter-px;\n padding-left: $bf-spacing-grid-gutter-rem;\n padding-right: $bf-spacing-grid-gutter-px;\n padding-right: $bf-spacing-grid-gutter-rem;\n}\n\n.bf-no-gutters {\n margin-right: 0;\n margin-left: 0;\n}\n\n.bf-no-gutters > [class^='bf-col'] {\n padding-right: 0;\n padding-left: 0;\n}\n\n.bf-col-12 {\n width: 100%;\n}\n\n.bf-col-11 {\n width: 91.66666666666666%;\n}\n\n.bf-col-10 {\n width: 83.33333333333334%;\n}\n\n.bf-col-9 {\n width: 75%;\n}\n\n.bf-col-8 {\n width: 66.66666666666666%;\n}\n\n.bf-col-7 {\n width: 58.333333333333336%;\n}\n\n.bf-col-6 {\n width: 50%;\n}\n\n.bf-col-5 {\n width: 41.66666666666667%;\n}\n\n.bf-col-4 {\n width: 33.33333333333333%;\n}\n\n.bf-col-3 {\n width: 25%;\n}\n\n.bf-col-2 {\n width: 16.666666666666664%;\n}\n\n.bf-col-1 {\n width: 8.3333%;\n}\n\n// ! this is IE9+\n// if you need CSS3 Media Queries support in IE8\n// you could use the respond.js polyfll https://github.com/scottjehl/Respond\n//\n// ! but there are some important caveats\n// https://github.com/scottjehl/Respond#support--caveats\n\n// 'break' the grid and make the columns full-width\n@media (max-width: 575px) {\n .bf-container--break-xs .bf-row {\n margin-left: 0;\n margin-right: 0;\n }\n\n .bf-container--break-xs [class^='bf-col'] {\n width: 100%;\n float: none;\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\n .bf-container--break-md [class^='bf-col'] {\n width: 100%;\n float: none;\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\n .bf-container--break-lg [class^='bf-col'] {\n width: 100%;\n float: none;\n margin-left: 0;\n padding-left: 0;\n padding-right: 0;\n }\n}\n\n// fix missing table cell borders when using 'bf-col-' classes for column sizing\n// https://github.com/twbs/bootstrap/issues/11623\ntable td[class^='bf-col'],\ntable th[class^='bf-col'] {\n position: static;\n}\n\n// Need more?\n//\n// IE8+\n// Pure CSS grids (ex YUI library) https://purecss.io/grids/\n//\n// IE8+ (with JS polyfill)\n// Bootstrap v3 grid system https://getbootstrap.com/docs/3.4/css/#grid\n//\n// moder browsers only (partial IE11 support)\n// Bulma Flexbox grid system https://bulma.io/documentation/columns/\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// IE10+\n// https://caniuse.com/#feat=flexbox\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// ≠ IE\n// https://caniuse.com/css-sticky\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// Is the element of unknown width and height?\n// ! 'transform' is IE10 + https://caniuse.com/#feat=transforms2d\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.33333333333333% !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}","// 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-spacing-md-px !important;\n margin-bottom: $bf-spacing-md-rem !important;\n}\n\n.bf-m-2 {\n margin-bottom: $bf-spacing-lg-px !important;\n margin-bottom: $bf-spacing-lg-rem !important;\n}\n\n.bf-m-3 {\n margin-bottom: $bf-spacing-xl-px !important;\n margin-bottom: $bf-spacing-xl-rem !important;\n}\n\n.bf-m-4 {\n margin-bottom: $bf-spacing-xxl-px !important;\n margin-bottom: $bf-spacing-xxl-rem !important;\n}\n\n.bf-m-b-1 {\n margin-bottom: $bf-spacing-md-px !important;\n margin-bottom: $bf-spacing-md-rem !important;\n}\n\n.bf-m-b-2 {\n margin-bottom: $bf-spacing-lg-px !important;\n margin-bottom: $bf-spacing-lg-rem !important;\n}\n\n.bf-m-b-3 {\n margin-bottom: $bf-spacing-xl-px !important;\n margin-bottom: $bf-spacing-xl-rem !important;\n}\n\n.bf-m-b-4 {\n margin-bottom: $bf-spacing-xxl-px !important;\n margin-bottom: $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-spacing-md-px !important;\n padding-bottom: $bf-spacing-md-rem !important;\n}\n\n.bf-p-2 {\n padding-bottom: $bf-spacing-lg-px !important;\n padding-bottom: $bf-spacing-lg-rem !important;\n}\n\n.bf-p-3 {\n padding-bottom: $bf-spacing-xl-px !important;\n padding-bottom: $bf-spacing-xl-rem !important;\n}\n\n.bf-p-4 {\n padding-bottom: $bf-spacing-xxl-px !important;\n padding-bottom: $bf-spacing-xxl-rem !important;\n}\n\n.bf-p-t-1 {\n padding-top: $bf-spacing-md-px !important;\n padding-top: $bf-spacing-md-rem !important;\n}\n\n.bf-p-t-2 {\n padding-top: $bf-spacing-lg-px !important;\n padding-top: $bf-spacing-lg-rem !important;\n}\n\n.bf-p-t-3 {\n padding-top: $bf-spacing-xl-px !important;\n padding-top: $bf-spacing-xl-rem !important;\n}\n\n.bf-p-t-4 {\n padding-top: $bf-spacing-xxl-px !important;\n padding-top: $bf-spacing-xxl-rem !important;\n}\n\n.bf-p-b-1 {\n padding-bottom: $bf-spacing-md-px !important;\n padding-bottom: $bf-spacing-md-rem !important;\n}\n\n.bf-p-b-2 {\n padding-bottom: $bf-spacing-lg-px !important;\n padding-bottom: $bf-spacing-lg-rem !important;\n}\n\n.bf-p-b-3 {\n padding-bottom: $bf-spacing-xl-px !important;\n padding-bottom: $bf-spacing-xl-rem !important;\n}\n\n.bf-p-b-4 {\n padding-bottom: $bf-spacing-xxl-px !important;\n padding-bottom: $bf-spacing-xxl-rem !important;\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-dark !important;\n text-shadow: 0 0 .2rem $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 -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 -webkit-line-clamp: 3 !important;\n -webkit-box-orient: vertical !important;\n}\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) */ -apple-system,\n /* Chrome < 56 for OS X (San Francisco) */ BlinkMacSystemFont,\n /* Windows */ 'Segoe UI', /* Android */ Roboto,\n /* Linux with KDE */ Oxygen-Sans, /* Ubuntu (all variants) */ Ubuntu,\n /* Linux with GNOME Shell */ Cantarell,\n /* macOS 1.10 and below */ 'Helvetica Neue', Helvetica,\n /* Basic web fallback */ Arial, sans-serif,\n /* emoji fonts */ 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n 'Noto Color Emoji' !important;\n}\n\n.bf-font-serif {\n font-family: Georgia, Times, 'Times New Roman', serif,\n /* emoji fonts */ 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n 'Noto Color Emoji' !important;\n}\n\n.bf-font-monospace {\n font-family:\n /* macOS 1.10+ */ 'Menlo', /* Windows 6+ */ 'Consolas',\n /* Android 4+ */ 'Roboto Mono', /* Ubuntu 1.10+ */ 'Ubuntu Monospace',\n /* KDE Plasma 5+ */ 'Noto Mono', /* KDE Plasma 4+ */ 'Oxygen Mono',\n /* Linux/OpenOffice fallback */ 'Liberation Mono', /* fallback */ monospace,\n /* emoji fonts */ 'Apple Color Emoji', 'Segoe UI Emoji', '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 {\n font-weight: 700 !important; // fallback\n font-weight: 600 !important;\n margin-top: 0 !important;\n line-height: 1.2 !important;\n margin-bottom: $bf-spacing-lg-px !important;\n margin-bottom: $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.6rem + 3 * ((100vw - 320px) / 680));\n --body-rt-font-size-max: 1.9rem;\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",".bf-btn {\n display: inline-block;\n cursor: pointer;\n color: $bf-dark;\n padding: calc($bf-spacing-xl-px / 3) (calc($bf-spacing-xl-px / 3) * 2); // 8px 16px\n padding: calc($bf-spacing-xl-rem / 3) (calc($bf-spacing-xl-rem / 3) * 2);\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\n // ! IE9+\n // https://caniuse.com/#feat=border-radius\n border-radius: $bf-spacing-sm-px;\n border-radius: $bf-spacing-sm-rem;\n\n border: 0;\n background-image: none; // FF mobile\n background-color: $bf-gray-light;\n transition: all 0.2s;\n\n &:hover,\n &:active,\n &:focus {\n text-decoration: none;\n color: $bf-dark;\n background: darken($bf-gray-light, 10%);\n }\n\n &:active,\n &:focus {\n box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);\n }\n\n &:focus {\n outline: 0;\n }\n\n &.bf-btn--primary {\n color: $bf-white;\n background: $bf-blue;\n\n &:hover,\n &:active,\n &:focus {\n color: $bf-white;\n background: darken($bf-blue, 10%);\n }\n\n &:active,\n &:focus {\n box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.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}\n",".bf-focused {\n transition: border .2s, background-color .2s, box-shadow .2s !important;\n border-color: $bf-blue !important;\n box-shadow: 0 0 0 3px rgba(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: .5 !important;\n\n background-color: $bf-white;\n border-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: .5;\n\n color: $bf-dark;\n background: $bf-gray-light;\n\n &:hover,\n &:active,\n &:focus {\n box-shadow: none;\n color: $bf-dark;\n background: $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: .5;\n\n color: $bf-white;\n background: $bf-blue;\n\n &:hover,\n &:active,\n &:focus {\n box-shadow: none;\n color: $bf-white;\n background: $bf-blue;\n }\n}\n\n.bf-invalid,\n.bf-invalid:focus {\n color: $bf-red !important;\n border-color: $bf-red !important;\n box-shadow: 0 0 0 3px rgba(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",".bf-table th,\n.bf-table td {\n padding: $bf-spacing-lg-px;\n padding: $bf-spacing-lg-rem;\n border-bottom: 1px solid $bf-gray;\n margin-bottom: $bf-spacing-md-px;\n margin-bottom: $bf-spacing-md-rem;\n}\n\n// responsive tables\n// ! issues on Opera 10-11, Opera Mobile Presto and Opera Mini\n// Read more about Opera: http://barrow.io/overflow-scrolling\n\n.bf-table-responsive {\n overflow-x: auto;\n overflow-y: hidden;\n\n // this is a not standard CSS property, so it's for IE only\n // https://developer.mozilla.org/en-US/docs/Web/CSS/-ms-overflow-style\n -ms-overflow-style: scrollbar;\n}\n\n.bf-table-responsive table {\n width: 100%;\n margin-bottom: $bf-spacing-md-px;\n margin-bottom: $bf-spacing-md-rem;\n}\n\n// force webkit scrollbars appearance\n.bf-table-responsive.scrollbar {\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-overflow-scrolling\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-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","// taken from sanitize.css\n// https://github.com/csstools/sanitize.css/blob/12.0.1/sanitize.css\n\n/**\n * Change the cursor on busy elements in all browsers (opinionated).\n */\n\n [aria-busy=\"true\"] {\n cursor: progress;\n}\n\n/*\n * Change the cursor on control elements in all browsers (opinionated).\n */\n\n[aria-controls] {\n cursor: pointer;\n}\n\n/*\n * Change the cursor on disabled, not-editable, or otherwise\n * inoperable elements in all browsers (opinionated).\n */\n\n[aria-disabled=\"true\"],\n[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[aria-hidden=\"false\"][hidden] {\n display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n clip: rect(0, 0, 0, 0);\n position: absolute;\n}","@media (prefers-color-scheme: dark) {\n @import 'utilities/utility-global-dark';\n}\n","// standard property\n// 'scrollbar-color'\n// https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color\n// currently (June 2020) Firefox only\n// https://caniuse.com/#feat=mdn-css_properties_scrollbar-color\nhtml {\n scrollbar-color: darken($bf-gray-dark, 5%) $bf-dark-extra;\n}\n\n// these features are not standard, and blink and webkit only\n// '::-webkit-scrollbar'\n// https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar\n\n::-webkit-scrollbar {\n width: 1.5rem;\n height: 1.5rem;\n}\n\n::-webkit-scrollbar-track {\n background-color: $bf-dark-extra;\n}\n\n::-webkit-scrollbar-thumb {\n background-color: darken($bf-gray-dark, 5%);\n}\n\n::-webkit-scrollbar-thumb:hover {\n background-color: lighten($bf-gray-dark, 10%);\n}\n","// these are global stylest tha that ovveride all the \"light\" styles\n\n// import dark scrollbars utility module\n@import 'utility-global-dark-scrollbars';\n\n// the basics: background and texts\nhtml {\n color: $bf-light;\n}\n\nbody {\n background-color: lighten($bf-dark-extra, 7.5%);\n}\n\n// anchors\na {\n color: lighten($bf-blue, 20%);\n\n &:hover,\n &:focus {\n color: lighten($bf-blue-light, 20%);\n }\n}\n\n// typography elements that need tiny adjustments\nmark {\n background-color: darken($bf-yellow, 10%);\n}\n\nins {\n background-color: darken($bf-yellow-light, 45%);\n}\n\n// forms\n\n[type='email'],\n[type='number'],\n[type='password'],\n[type='tel'],\n[type='search'],\n[type='text'],\n[type='date'],\n[type='datetime-local'],\n[type='month'],\n[type='week'],\n[type='time'],\n[type='url'],\n[type='range'],\ninput[list],\nselect,\nselect:not([size]):not([multiple]),\ntextarea {\n background-color: $bf-dark-extra;\n border-color: $bf-black;\n color: $bf-gray-light;\n\n &:active,\n &:focus {\n background-color: $bf-dark-extra;\n border-color: lighten($bf-blue, 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'],\ninput[list],\nselect,\nselect:not([size]):not([multiple]),\ntextarea {\n &:active,\n &:focus {\n box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.5);\n }\n}\n\n.bf-focused {\n border-color: lighten($bf-blue, 10%);\n box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.5) !important;\n}\n\n.bf-invalid,\n.bf-invalid:focus {\n color: lighten($bf-red, 7.5%) !important;\n border-color: lighten($bf-red, 7.5%) !important;\n}\n\nselect:not([size]):not([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// IE9 only hack\n// https://gist.github.com/marcop135/cf5163ab23d1cb208248b955c990b2ea#ie-9-only\n@media screen and (min-width: 0\\0) and (min-resolution: 0.001dpcm) {\n // hide custom arrow\n select:not([size]):not([multiple]),\n // RTL\n *[dir=\"rtl\"] select:not([size]):not([multiple]),\n select[dir=\"rtl\"]:not([size]):not([multiple]) {\n background-image: none;\n }\n}\n\n// range\n\n// all modern browsers but not IE\n@supports (appearance: none) {\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-dark-extra;\n }\n\n [type='range']::-moz-range-track {\n background-color: $bf-dark-extra;\n }\n}\n\ninput::placeholder,\ntextarea::placeholder {\n color: $bf-gray;\n}\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'],\n.bf-btn,\nbutton.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-gray-light;\n\n &:hover,\n &:active,\n &:focus {\n background: darken($bf-gray-light, 10%);\n }\n\n &:active,\n &:focus {\n box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45);\n }\n}\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'],\n.bf-btn {\n &:active,\n &:focus {\n box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45);\n }\n}\n\n.bf-btn--primary.bf-disabled,\n.bf-btn.bf-btn--primary {\n background: $bf-blue;\n\n &:hover,\n &:active,\n &:focus {\n background: darken($bf-blue, 5%);\n }\n\n &:active,\n &:focus {\n box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.75);\n }\n}\n\n// focus\na:focus,\ninput:focus {\n outline-color: darken(orange, 15%);\n}\n\n:focus-visible {\n outline-color: darken(orange, 15%);\n}\n\n// tables\n\n.bf-table th,\n.bf-table td {\n border-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-gray-dark-extra;\n}\n"]}