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

Solid, fluid, IE-friendly Sass (SCSS) framework

{"version":3,"sources":["bullframe-classless.css","bullframe-classless.scss","miscellaneous/_misc-layout.scss","typography/_typography-html-body.scss","variables/_variables-texts.scss","typography/_typography-headings.scss","typography/_typography-blockquotes.scss","variables/_variables-spacing.scss","variables/_variables-colors.scss","typography/_typography-monospaced-elements.scss","typography/_typography-misc.scss","miscellaneous/_misc-anchors.scss","miscellaneous/_misc-lists.scss","miscellaneous/_misc-embedded-content.scss","forms/_forms-normalization.scss","forms/_forms-styling.scss","forms/_forms-styling-ie-hacks.scss","forms/_forms-styling-select.scss","forms/_forms-styling-select-ie-hacks.scss","forms/_forms-styling-radio-checkbox.scss","miscellaneous/_misc-tables.scss","miscellaneous/_misc-accessibility.scss"],"names":[],"mappings":"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","file":"bullframe-classless.min.css","sourcesContent":["/*! bullframe.css v3.7.0 | MIT License | https://github.com/marcop135/bullframe.css */\n/*! custom build: bullframe-classless */\nhtml,\nbody {\n  height: 100%;\n}\n\nbody {\n  min-height: 100%;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\ndetails {\n  display: block;\n}\n\ntemplate {\n  display: none;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[hidden] {\n  display: none !important;\n}\n\n@-ms-viewport {\n  width: device-width;\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: '\\2014 \\00A0';\n}\n\nq {\n  quotes: \"“\" \"”\" \"‘\" \"’\";\n}\n\npre {\n  margin: 0 0 20px 0;\n  margin: 0 0 2rem 0;\n}\n\npre {\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  display: block;\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: .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  cursor: help;\n  border-bottom: 0;\n}\n\nmark {\n  background-color: #ff0;\n  color: #000;\n}\n\nins {\n  background-color: #ff9;\n  color: #000;\n  text-decoration: none;\n}\n\nb,\nstrong {\n  font-weight: inherit;\n}\n\nb,\nstrong {\n  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: -.8rem;\n}\n\nsub {\n  bottom: -4px;\n  bottom: -.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}\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\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: '\\200B';\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]::-webkit-calendar-picker-indicator {\n  display: none;\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}\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='time'],\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='time']:active,\n[type='time']: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 .2s, background-color .2s, box-shadow .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.66667px 13.33333px;\n  padding: 0.66667rem 1.33333rem;\n  background: #ccc;\n  transition: color .2s, background .2s, box-shadow .2s;\n}\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}\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: .5 !important;\n}\n\n@media \\0screen {\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='time'],\n  [type='url'],\n  [type='range'],\n  input[list] {\n    padding-top: 0;\n    padding-bottom: 0;\n    height: 32px;\n    line-height: 32px;\n  }\n}\n\n@media screen and (min-width: 0\\0) and (min-resolution: 72dpi) {\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='time'],\n  [type='url'],\n  [type='range'],\n  input[list] {\n    line-height: 1.2;\n  }\n}\n\nselect:not([size]):not([multiple]) {\n  appearance: none;\n}\n\nselect::-ms-expand {\n  display: none;\n}\n\nselect:not([size]):not([multiple]) {\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\n*[dir='rtl'] select:not([size]):not([multiple]),\nselect[dir='rtl']:not([size]):not([multiple]) {\n  background-position: left .85rem top 50%;\n  padding-right: 7.5px;\n  padding-right: 0.75rem;\n  padding-left: 20px;\n  padding-left: 2rem;\n}\n\n@media screen and (min-width: 0\\0) and (min-resolution: 0.001dpcm) {\n  select:not([size]):not([multiple]) {\n    padding-right: 7.5px;\n  }\n  *[dir='rtl'] select:not([size]):not([multiple]),\n  select[dir='rtl']:not([size]):not([multiple]) {\n    padding-left: 7.5px;\n  }\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    background-repeat: repeat;\n  }\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,\n  [type='checkbox'][dir='rtl'] + label, *[dir='rtl']\n  [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: -.05rem;\n    top: -.05rem;\n    border-radius: 50%;\n    background: #fff;\n    transform: scale(0.35);\n  }\n  [type='checkbox']:after {\n    width: .6rem;\n    height: .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\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/**\r\n * Change the cursor on busy elements in all browsers (opinionated).\r\n */\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n/*\r\n * Change the cursor on control elements in all browsers (opinionated).\r\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n/*\r\n * Change the cursor on disabled, not-editable, or otherwise\r\n * inoperable elements in all browsers (opinionated).\r\n */\n[aria-disabled=\"true\"],\n[disabled] {\n  cursor: not-allowed;\n}\n\n/*\r\n * Change the display on visually hidden accessible elements\r\n * in all browsers (opinionated).\r\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","/*! custom build: bullframe-classless */\r\n// https://css-tricks.com/no-class-css-frameworks/\r\n\r\n// colors, spacing and breakpoint variables\r\n// this is for an easy customisation\r\n@import 'variables/variables-colors';\r\n@import 'variables/variables-texts';\r\n@import 'variables/variables-spacing';\r\n@import 'variables/variables-breakpoints';\r\n\r\n// all about box-sizing and display\r\n@import 'miscellaneous/misc-layout';\r\n\r\n// this a wide range of text elements bug fixing and improvements\r\n@import 'typography/typography-html-body';\r\n@import 'typography/typography-headings';\r\n@import 'typography/typography-blockquotes';\r\n@import 'typography/typography-monospaced-elements';\r\n@import 'typography/typography-misc';\r\n\r\n// <a> linkage\r\n@import 'miscellaneous/misc-anchors';\r\n\r\n// <ul>, <ol> and <dl>\r\n@import 'miscellaneous/misc-lists';\r\n\r\n// img, audio, video, svg, and more\r\n@import 'miscellaneous/misc-embedded-content';\r\n\r\n// all about form elements\r\n@import 'forms/forms-normalization';\r\n@import 'forms/forms-styling';\r\n@import 'forms/forms-styling-ie-hacks';\r\n@import 'forms/forms-styling-select';\r\n@import 'forms/forms-styling-select-ie-hacks';\r\n@import 'forms/forms-styling-radio-checkbox';\r\n\r\n// <table> and his elements\r\n@import 'miscellaneous/misc-tables';\r\n\r\n// improve several ARIA roles appearance\r\n@import 'miscellaneous/misc-accessibility';\r\n\r\n// shamy quick fixes...\r\n// https://csswizardry.com/2013/04/shame-css/\r\n@import 'miscellaneous/misc-shame';\r\n\r\n// this is just quick way to customise your styles\r\n// below these styles, you shouldn't override nothing but remove them\r\n// commented by default\r\n@import 'miscellaneous/misc-author-styles-in-css';\r\n","// stretch the body background and help with centering elements\n\nhtml,\nbody {\n  height: 100%;\n}\n\nbody {\n  min-height: 100%;\n}\n\n\n// known issues in IE8 and IE9 with box-sizing\n// https://css-tricks.com/box-sizing/#article-header-id-5\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\ndetails {\n  display: block;\n}\n\ntemplate {\n  display: none;\n}\n\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-. */\n[hidden] {\n  display: none !important;\n}\n\n// Fix IE 10 on Windows Phone 8 Viewport only\n// https://getbootstrap.com/docs/3.3/getting-started/#support-ie10-width\n@-ms-viewport {\n  width: device-width;\n}\n","html {\r\n  text-size-adjust: 100%;\r\n\r\n  // resize the base font-size and get an easy math for rem units\r\n  // https://snook.ca/archives/html_and_css/font-size-with-rem\r\n  font-size: 62.5%;\r\n\r\n  color: #222;\r\n\r\n  // set a default font-family and line-height\r\n  font-family: sans-serif;\r\n  line-height: 1.15;\r\n\r\n  // ! this is not a standard feature, is webkit only\r\n  // https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-tap-highlight-color\r\n\r\n  // remove a tap background when a link or interactive element is focused\r\n  // if is touch\r\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n}\r\n\r\nbody {\r\n  margin: 0;\r\n  font-size: $bf-body-font-size-px; // '16px' by default\r\n  font-size: $bf-body-font-size-rem; // '1.6rem' by default\r\n  line-height: $bf-body-line-height; // '1.5' by default\r\n\r\n  // this is useful to inherit values for some elements (e.g. forms)\r\n  font-weight: 400;\r\n  text-align: left;\r\n\r\n  // native font stack for optimum text rendering on every device and OS\r\n  // this stack mimics the system font UI\r\n  // a web apps looks like a native app (e.g. Android = Roboto font)\r\n  // Read more:\r\n  // https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/\r\n  font-family: \r\n\r\n\t\t// Safari for OS X and iOS (San Francisco) -apple-system,\r\n    // Chrome < 56 for OS X (San Francisco)\r\n    BlinkMacSystemFont,\r\n    // Windows\r\n    'Segoe UI',\r\n    // Android\r\n    Roboto,\r\n    // Linux with KDE\r\n    Oxygen-Sans,\r\n    // Ubuntu (all variants)\r\n    Ubuntu,\r\n    // Linux with GNOME Shell\r\n    Cantarell,\r\n    // macOS 1.10 and below\r\n    'Helvetica Neue',\r\n    Helvetica,\r\n\r\n    // Basic web fallback\r\n    Arial,\r\n    'Noto Sans', sans-serif,\r\n\r\n    // emoji fonts\r\n    'Apple Color Emoji',\r\n    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\r\n\r\n  // this enable font ligatures\r\n  text-rendering: optimizeLegibility;\r\n\r\n  // break very long texts by default, especially on old browsers\r\n  // e.g. big <h1> or <h2> headlines\r\n  word-wrap: break-word;\r\n\r\n  background-color: $bf-white;\r\n}\r\n","$bf-font-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\r\n  Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif,\r\n  'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\r\n\r\n$bf-font-serif: Georgia, Times, 'Times New Roman', serif;\r\n\r\n$bf-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',\r\n  'Courier New', monospace;\r\n\r\n$bf-body-font-size-px: 16px;\r\n$bf-body-font-size-rem: 1.6rem;\r\n$bf-body-line-height: 1.5;\r\n","h1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  margin-top: 0;\r\n\r\n  font-weight: 700; // fallback\r\n  font-weight: 600;\r\n  font-family: inherit;\r\n  color: inherit;\r\n  line-height: 1.25;\r\n  margin-bottom: $bf-spacing-lg-px;\r\n  margin-bottom: $bf-spacing-lg-rem;\r\n\r\n\r\n}\r\n\r\nh1 {\r\n  font-size: 36px;\r\n  font-size: 3.6rem;\r\n}\r\n\r\nh2 {\r\n  font-size: 30px;\r\n  font-size: 3rem;\r\n}\r\n\r\nh3 {\r\n  font-size: 24px;\r\n  font-size: 2.4rem;\r\n}\r\n\r\nh4 {\r\n  font-size: 20px;\r\n  font-size: 2rem;\r\n}\r\n\r\nh5,\r\nh6 {\r\n  font-size: 16px;\r\n  font-size: 1.6rem;\r\n}","blockquote {\r\n  margin: 0 0 $bf-spacing-xl-px 0;\r\n  margin-bottom: $bf-spacing-xl-rem;\r\n  padding-left: 0;\r\n  font-style: italic;\r\n}\r\n\r\nblockquote p {\r\n  margin-bottom: 0;\r\n}\r\n\r\nblockquote small {\r\n  color: $bf-gray;\r\n  display: block;\r\n}\r\n\r\nblockquote small:before {\r\n  content: '\\2014 \\00A0';\r\n}\r\n\r\nq {\r\n  quotes: '\\201C''\\201D''\\2018''\\2019';\r\n}\r\n","// customise this spacing selection as needed\r\n\r\n// the REM unit is the default,\r\n// preceded by the PX unit as fallback for old browsers (IE)\r\n// https://caniuse.com/#search=rem\r\n//\r\n// e.g.\r\n// html { font-size: 62.5%; }\r\n// body { font-size: 16px; }\r\n// h1 { font-size: 30px; font-size: 3rem; }\r\n\r\n$bf-spacing-sm-px: 2.5px;\r\n$bf-spacing-md-px: 5px;\r\n$bf-spacing-lg-px: 10px;\r\n$bf-spacing-xl-px: 20px;\r\n$bf-spacing-xxl-px: 30px;\r\n\r\n$bf-spacing-sm-rem: .25rem;\r\n$bf-spacing-md-rem: .5rem;\r\n$bf-spacing-lg-rem: 1rem;\r\n$bf-spacing-xl-rem: 2rem;\r\n$bf-spacing-xxl-rem: 3rem;\r\n\r\n// ! grid system only\r\n$bf-spacing-grid-gutter-px: 15px;\r\n$bf-spacing-grid-gutter-rem: 1.5rem;","// ! CSS Variables (Custom Properties) are not IE-friendly\r\n// https://caniuse.com/#feat=css-variables\r\n// let's Sass do the job instead\r\n\r\n// customise/enlarge this small selection as needed\r\n\r\n// hex to rgba online converter http://www.hex2rgba.devoth.com/\r\n\r\n// backgrounds, texts and borders\r\n$bf-white: #fff; // rgba(255,255,255,1)\r\n$bf-light: #f0f0f0; // rgba(240,240,240,1)\r\n$bf-gray-light-extra: #e9e9e9; // rgba(233,233,233,1)\r\n$bf-gray-light: #ccc; // rgba(204,204,204,1)\r\n$bf-gray: #999; // rgba(153,153,153,1)\r\n$bf-gray-dark: #666; // rgba(102,102,102,1)\r\n$bf-gray-dark-extra: #333; // rgba(51,51,51,1)\r\n$bf-dark: #222; // rgba(34,34,34,1)\r\n$bf-dark-extra: #111; // rgba(17,17,17,1)\r\n$bf-black: #000; // rgba(0,0,0,1)\r\n\r\n// <mark> and <ins>\r\n$bf-yellow-light: #ff9; // rgba(255,255,153,1)\r\n$bf-yellow: #ff0; // rgba(255,255,0,1)\r\n\r\n// anchors and accent\r\n$bf-blue: #007bff; // rgba(0,123,255,1)\r\n$bf-blue-light: #0056b3; // rgba(0,86,179,1)\r\n$bf-blue-light-extra: #bed8fe; //rgba(190, 216, 254, 1)\r\n\r\n// invalid forms\r\n$bf-red: #ff0000; // rgba(255,0,0,1)\r\n","pre {\r\n  margin: 0 0 $bf-spacing-xl-px 0;\r\n  margin: 0 0 $bf-spacing-xl-rem 0;\r\n}\r\n\r\npre {\r\n  display: block;\r\n  overflow: auto;\r\n  word-break: break-all; // webkit\r\n  word-wrap: break-word;\r\n  white-space: pre;\r\n  hyphens: none;\r\n\r\n  // this is a not standard CSS property, so it's for IE only\r\n  // https://developer.mozilla.org/en-US/docs/Web/CSS/-ms-overflow-style\r\n  //\r\n  // Disable auto-hiding scrollbar in legacy Edge\r\n  // https://github.com/twbs/bootstrap/pull/30685\r\n  -ms-overflow-style: auto;\r\n\r\n  display: block;\r\n}\r\n\r\npre,\r\ncode,\r\nkbd,\r\nsamp {\r\n  font-family: \r\n\r\n  /* macOS 1.10+ */ 'Menlo', /* Windows 6+ */ 'Consolas',\r\n  /* Android 4+ */ 'Roboto Mono', /* Ubuntu 1.10+ */ 'Ubuntu Monospace',\r\n  /* KDE Plasma 5+ */ 'Noto Mono', /* KDE Plasma 4+ */ 'Oxygen Mono',\r\n  /* Linux/OpenOffice fallback */ 'Liberation Mono', \r\n  \r\n  /* fallback */ monospace,\r\n  /* emoji fonts */ 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\r\n    'Noto Color Emoji';\r\n\r\n  // a monospaced text font should looks bigger, so a smaller font-size\r\n  // is preferred\r\n  font-size: .875em;\r\n}\r\n\r\ncode {\r\n  word-wrap: break-word;\r\n}\r\n\r\na > code {\r\n  color: inherit;\r\n}\r\n\r\npre code {\r\n  font-size: inherit;\r\n  color: inherit;\r\n  word-break: normal;\r\n}\r\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  cursor: help; // 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\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: -.8rem;\n}\n\nsub {\n  bottom: -4px;\n  bottom: -.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","menu,\r\nol,\r\nul,\r\ndl {\r\n  margin: 0 0 $bf-spacing-xl-px 0;\r\n  margin: 0 0 $bf-spacing-xl-rem 0;\r\n  padding: 0;\r\n}\r\n\r\nmenu ul,\r\nmenu ol,\r\nul ul,\r\nul ol,\r\nol ol,\r\nol ul,\r\ndd {\r\n  margin-bottom: 0;\r\n}\r\n\r\nul,\r\nol {\r\n  margin-left: $bf-spacing-xl-px;\r\n  margin-left: $bf-spacing-xl-rem;\r\n}\r\n\r\nnav ol,\r\nnav ul {\r\n  list-style: none;\r\n  list-style-image: none;\r\n  margin-left: 0;\r\n}\r\n\r\ndt {\r\n  font-weight: 700;\r\n}\r\n\r\ndd {\r\n  margin-left: 0;\r\n}\r\n\r\n// taken from https://github.com/jensimmons/cssremedy\r\n//\r\n// 1. Add zero-width-space to prevent VoiceOver disable\r\n// 2. Absolute position ensures no extra space\r\n// See: https://unfetteredthoughts.net/2017/09/26/voiceover-and-list-style-type-none/\r\nnav li:before {\r\n  content: '\\200B';\r\n  position: absolute;\r\n}\r\n","audio,\r\ncanvas,\r\nprogress,\r\nvideo {\r\n  display: inline-block;\r\n}\r\n\r\nimg,\r\ncanvas,\r\naudio,\r\nvideo,\r\niframe,\r\nobject,\r\nembed {\r\n  max-width: 100%;\r\n}\r\n\r\naudio,\r\nvideo,\r\ncanvas,\r\nimg,\r\nsvg {\r\n  vertical-align: middle;\r\n}\r\n\r\nimg {\r\n  height: auto;\r\n  border-style: none;\r\n}\r\n\r\n// useful for CMS generated images\r\n// but causes layout breaking\r\n// img[width],\r\n// img[height] {\r\n// \tmax-width: none;\r\n// }\r\n\r\nfigure {\r\n  margin: 0;\r\n}\r\n\r\nfigure,\r\nfigcaption {\r\n  display: block;\r\n}\r\n\r\nfigcaption {\r\n  line-height: 1.375;\r\n  font-size: 90%;\r\n}\r\n\r\nvideo {\r\n  height: auto;\r\n}\r\n\r\naudio {\r\n  width: 100%;\r\n}\r\n\r\naudio:not([controls]) {\r\n  display: none;\r\n  height: 0;\r\n}\r\n\r\nsvg:not(:root) {\r\n  overflow: hidden;\r\n}\r\n\r\nsvg:not([fill]) {\r\n  fill: currentColor;\r\n}\r\n\r\nprogress,\r\nmeter {\r\n  display: inline-block;\r\n  vertical-align: baseline;\r\n  width: 100%;\r\n  max-width: 100%;\r\n}\r\n\r\n// <progress> normalization\r\n//\r\n// https://css-tricks.com/html5-progress-element/\r\nprogress[value] {\r\n  appearance: none; // reset the default appearance\r\n  border: none; // Get rid of default border in Firefox\r\n\r\n  height: 20px;\r\n  height: 2rem;\r\n\r\n  // progress bar background color\r\n  background: $bf-gray-light;\r\n\r\n  // progress value background color in IE10+\r\n  color: $bf-blue;\r\n}\r\n\r\n// ! this is not a standard feature, is webkit only\r\n// https://developer.mozilla.org/en-US/docs/Web/CSS/%3A%3A-webkit-progress-bar\r\n//\r\n// progress value background color in webkit\r\nprogress[value]::-webkit-progress-bar {\r\n  background: $bf-gray-light;\r\n}\r\nprogress[value]::-webkit-progress-value {\r\n  background: $bf-blue;\r\n}\r\n\r\n// remove default border in old browsers\r\n// and for embeds (e.g. youtube) that don't remove the border with the attribute\r\n// frameborder=\"0\"\r\n//\r\n// e.g.\r\n// <iframe\r\n//  width=\"560\"\r\n//  height=\"315\"\r\n//  src=\"https://www.youtube-nocookie.com/embed/Z-4v4I7Gzk0\"\r\n//  frameborder=\"0\"\r\n//  allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\r\n//  allowfullscreen>\r\n// </iframe>\r\niframe {\r\n  border-style: none;\r\n}\r\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[list]::-webkit-calendar-picker-indicator {\n  display: none;\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'],\r\n[type='number'],\r\n[type='password'],\r\n[type='tel'],\r\n[type='search'],\r\n[type='text'],\r\n[type='date'],\r\n[type='datetime-local'],\r\n[type='month'],\r\n[type='time'],\r\n[type='week'],\r\n[type='time'],\r\n[type='url'],\r\ninput[list],\r\nselect,\r\ntextarea {\r\n  background-color: $bf-white;\r\n  border: 1px solid $bf-gray;\r\n  padding: $bf-spacing-md-px ($bf-spacing-lg-px * .75);\r\n  padding: $bf-spacing-md-rem ($bf-spacing-lg-rem * .75);\r\n}\r\n\r\n// Old browsers and Opera Mini don't fully support all type of inputs\r\n// e.g. [type=\"range\"]\r\n// so, let's try to add styles carefully and selective\r\n[type='email'],\r\n[type='number'],\r\n[type='password'],\r\n[type='tel'],\r\n[type='search'],\r\n[type='text'],\r\n[type='date'],\r\n[type='datetime-local'],\r\n[type='month'],\r\n[type='time'],\r\n[type='week'],\r\n[type='time'],\r\n[type='url'],\r\ninput[list],\r\nselect,\r\ntextarea,\r\n[type='radio'],\r\n[type='checkbox'] {\r\n  &:active,\r\n  &:focus {\r\n    transition: border .2s, background-color .2s, box-shadow .2s;\r\n    border-color: $bf-blue;\r\n    box-shadow: 0 0 0 3px rgba(0, 86, 179, .25);\r\n  }\r\n}\r\n\r\nbutton,\r\n[type='button'],\r\n[type='reset'],\r\n[type='submit'] {\r\n  color: $bf-dark;\r\n  padding: ($bf-spacing-xl-px / 3) (($bf-spacing-xl-px / 3) * 2); // 8px 16px\r\n  padding: ($bf-spacing-xl-rem / 3) (($bf-spacing-xl-rem / 3) * 2);\r\n  background: $bf-gray-light;\r\n  transition: color .2s, background .2s, box-shadow .2s;\r\n\r\n  &:hover,\r\n  &:active,\r\n  &:focus {\r\n    text-decoration: none;\r\n    color: $bf-dark;\r\n    background: darken($bf-gray-light, 10%);\r\n  }\r\n\r\n  &:active,\r\n  &:focus {\r\n    box-shadow: 0 0 0 3px rgba(0, 0, 0, .15);\r\n  }\r\n}\r\n\r\n// disabled groups\r\nfieldset[disabled] button,\r\nfieldset[disabled] input,\r\nfieldset[disabled] input:after,\r\nfieldset[disabled] input:before,\r\nfieldset[disabled] input:checked,\r\nfieldset[disabled] select,\r\nfieldset[disabled] textarea,\r\nfieldset[disabled] label,\r\n\r\n// disabled singles\r\nbutton[disabled],\r\ninput[disabled],\r\ninput[disabled]:after,\r\ninput[disabled]:before,\r\ninput[disabled]:checked,\r\nselect[disabled],\r\ntextarea[disabled],\r\nlabel[disabled],\r\n\r\n// pseudo class\r\nbutton:disabled,\r\ninput:disabled,\r\ninput:disabled:after,\r\ninput:disabled:before,\r\ninput:disabled:checked,\r\nselect:disabled,\r\ntextarea:disabled,\r\nlabel:disabled,\r\n\r\n// aria \r\nbutton[aria-disabled=\"true\"],\r\ninput[aria-disabled=\"true\"],\r\ninput[aria-disabled=\"true\"]:after,\r\ninput[aria-disabled=\"true\"]:before,\r\ninput[aria-disabled=\"true\"]:checked,\r\nselect[aria-disabled=\"true\"],\r\ntextarea[aria-disabled=\"true\"],\r\nlabel[aria-disabled=\"true\"] {\r\n  cursor: default !important; // fallback\r\n  cursor: not-allowed !important;\r\n  pointer-events: none !important;\r\n  user-select: none !important;\r\n  box-shadow: none !important;\r\n  opacity: .5 !important;\r\n}\r\n","// this is an hack for IE8\r\n// https://gist.github.com/marcop135/cf5163ab23d1cb208248b955c990b2ea#ie-8\r\n\r\n// some inputs don't get the padding well\r\n// https://stackoverflow.com/questions/607198/padding-a-text-input-in-ie-possible\r\n\r\n@media \\0screen {\r\n  [type='email'],\r\n  [type='number'],\r\n  [type='password'],\r\n  [type='tel'],\r\n  [type='search'],\r\n  [type='text'],\r\n  [type='date'],\r\n  [type='datetime-local'],\r\n  [type='month'],\r\n  [type='time'],\r\n  [type='week'],\r\n  [type='time'],\r\n  [type='url'],\r\n  [type='range'],\r\n  input[list] {\r\n    padding-top: 0;\r\n    padding-bottom: 0;\r\n    height: $bf-spacing-xxl-px + 2;\r\n    line-height: $bf-spacing-xxl-px + 2;\r\n  }\r\n}\r\n\r\n// this is an hack for IE9+\r\n// https://gist.github.com/marcop135/cf5163ab23d1cb208248b955c990b2ea\r\n//\r\n// fix input 'line-height' without declaring 'height' adding an extra HTML class\r\n// as Bootstrap does\r\n// https://github.com/twbs/bootstrap/blob/v4.5.0/dist/css/bootstrap.css#L2039\r\n//\r\n// philosophy: flexibility is better than overkill control\r\n@media screen and (min-width: 0\\0) and (min-resolution: +72dpi) {\r\n  [type='email'],\r\n  [type='number'],\r\n  [type='password'],\r\n  [type='tel'],\r\n  [type='search'],\r\n  [type='text'],\r\n  [type='date'],\r\n  [type='datetime-local'],\r\n  [type='month'],\r\n  [type='time'],\r\n  [type='week'],\r\n  [type='time'],\r\n  [type='url'],\r\n  [type='range'],\r\n  input[list] {\r\n    line-height: 1.2;\r\n  }\r\n}\r\n","// custom <select> arrow and appearance with a base64 embedded SVG icon\r\n// https://css-tricks.com/probably-dont-base64-svg/#article-header-id-2\r\n//\r\n// this is inspired from https://github.com/kognise/water.css\r\n// and from Bootstrap custom select\r\n// https://getbootstrap.com/docs/4.4/components/input-group/#custom-select\r\n\r\n// ! :not and calc() are IE9+\r\n// https://caniuse.com/#feat=mdn-css_selectors_not\r\n// https://caniuse.com/#feat=calc\r\n//\r\n// ! 12px = the icon width/height, and must be in pixels because\r\n// calc() is just for values\r\n// https://css-tricks.com/a-complete-guide-to-calc-in-css/#0-calc-is