{"version":3,"sources":["","../../src/scss/bullframe-classless.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/miscellaneous/_misc-layout.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/typography/_typography-html-body.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/variables/_variables-colors.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/variables/_variables-texts.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/typography/_typography-headings.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/variables/_variables-spacing.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/typography/_typography-blockquotes.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/typography/_typography-monospaced-elements.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/typography/_typography-misc.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/miscellaneous/_misc-anchors.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/miscellaneous/_misc-focus.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/miscellaneous/_misc-lists.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/miscellaneous/_misc-embedded-content.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/miscellaneous/_misc-interactive.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/miscellaneous/_misc-scrolling.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/miscellaneous/_misc-tables.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/miscellaneous/_misc-accessibility.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/forms/_forms-normalization.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/forms/_forms-styling.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/forms/_forms-styling-select.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/forms/_forms-styling-radio-checkbox.scss","file:///C:/Users/marco/code/github/public/bullframe.css/src/scss/forms/_forms-styling-range.scss"],"names":[],"mappings":"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","file":"bullframe-classless.css","sourcesContent":[null,"@charset \"UTF-8\";\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\ndetails {\n display: block;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n\nhtml {\n text-size-adjust: 100%;\n font-size: 62.5%;\n color: #222;\n font-family: sans-serif;\n line-height: 1.15;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\nbody {\n margin: 0;\n font-size: 1.6rem;\n line-height: 1.5;\n font-weight: 400;\n text-align: left;\n font-family: BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n text-rendering: optimizeLegibility;\n word-wrap: break-word;\n background-color: #fff;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n font-weight: 600;\n font-family: inherit;\n color: inherit;\n line-height: 1.25;\n margin-bottom: 1rem;\n}\n\nh1 {\n font-size: 36px;\n font-size: 3.6rem;\n}\n\nh2 {\n font-size: 30px;\n font-size: 3rem;\n}\n\nh3 {\n font-size: 24px;\n font-size: 2.4rem;\n}\n\nh4 {\n font-size: 20px;\n font-size: 2rem;\n}\n\nh5,\nh6 {\n font-size: 16px;\n font-size: 1.6rem;\n}\n\nblockquote {\n margin-bottom: 2rem;\n padding-left: 0;\n font-style: italic;\n}\n\nblockquote p {\n margin-bottom: 0;\n}\n\nblockquote small {\n color: #999;\n display: block;\n}\n\nblockquote small::before {\n content: \"— \";\n}\n\nq {\n quotes: \"“\" \"”\" \"‘\" \"’\";\n}\n\npre {\n margin: 0 0 2rem 0;\n display: block;\n overflow: auto;\n word-break: break-all;\n word-wrap: break-word;\n white-space: pre;\n hyphens: none;\n -ms-overflow-style: auto;\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family: Menlo, Consolas, \"Roboto Mono\", \"Ubuntu Monospace\", \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 0.875em;\n}\n\ncode {\n word-wrap: break-word;\n}\n\na > code {\n color: inherit;\n}\n\npre code {\n font-size: inherit;\n color: inherit;\n word-break: normal;\n}\n\np {\n margin: 0 0 2rem 0;\n}\n\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n text-decoration: underline;\n text-decoration: underline dotted;\n border-bottom: 0;\n}\n\nmark {\n background-color: #ff0;\n color: #000;\n}\n\nins {\n background-color: #ff9;\n color: #000;\n text-decoration: none;\n}\n\nb,\nstrong {\n font-weight: inherit;\n}\n\nb,\nstrong {\n /* stylelint-disable-next-line */\n font-weight: bolder;\n}\n\ndfn {\n font-style: italic;\n}\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -8px;\n top: -0.8rem;\n}\n\nsub {\n bottom: -4px;\n bottom: -0.4rem;\n}\n\nsmall {\n font-size: 80%;\n}\n\np:has(small) {\n line-height: 1.25;\n}\n\nhr {\n box-sizing: content-box;\n display: block;\n height: 0;\n border-style: solid;\n border-width: 1px 0 0;\n color: inherit;\n margin: 2rem 0;\n padding: 0;\n overflow: visible;\n}\n\na {\n color: #007bff;\n text-decoration: none;\n background-color: transparent;\n}\na:hover, a:focus {\n text-decoration: underline;\n color: #0056b3;\n}\n\na:not([href], [tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href], [class]),\na:not([href], [class]):hover {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href], [tabindex]):focus {\n outline: 0;\n}\n\n:where(:focus:not(:focus-visible)) {\n outline: none;\n}\n\n:where([tabindex=\"-1\"]:focus:not(:focus-visible)) {\n outline: 0 !important;\n}\n\n:where(a:focus, input:focus) {\n outline: 2px solid orange;\n}\n\n:where(:focus-visible) {\n outline: 2px solid orange;\n}\n\n:where(button,\n[type=button],\n[type=reset],\n[type=submit],\n[type=email],\n[type=number],\n[type=password],\n[type=tel],\n[type=search],\n[type=text],\n[type=date],\n[type=datetime-local],\n[type=month],\n[type=time],\n[type=week],\n[type=url],\n[type=radio],\n[type=checkbox],\ninput[list],\nselect,\ntextarea):focus {\n outline: 0;\n}\n\nmenu,\nol,\nul,\ndl {\n margin: 0 0 2rem 0;\n padding: 0;\n}\n\nmenu ul,\nmenu ol,\nul ul,\nul ol,\nol ol,\nol ul,\ndd {\n margin-bottom: 0;\n}\n\nul,\nol {\n margin-left: 2rem;\n}\n\nnav ol,\nnav ul {\n list-style: none;\n list-style-image: none;\n margin-left: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-left: 0;\n}\n\nnav li::before {\n content: \"​\";\n position: absolute;\n}\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n}\n\nimg,\ncanvas,\naudio,\nvideo,\niframe,\nobject,\nembed {\n max-width: 100%;\n}\n\naudio,\nvideo,\ncanvas,\nimg,\nsvg {\n vertical-align: middle;\n}\n\nimg {\n height: auto;\n border-style: none;\n}\n\nfigure {\n margin: 0;\n}\n\nfigure,\nfigcaption {\n display: block;\n}\n\nfigcaption {\n line-height: 1.375;\n font-size: 90%;\n}\n\nvideo {\n height: auto;\n}\n\naudio {\n width: 100%;\n}\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\nsvg:not([fill]) {\n fill: currentColor;\n}\n\nprogress,\nmeter {\n display: inline-block;\n vertical-align: baseline;\n width: 100%;\n max-width: 100%;\n}\n\nprogress[value] {\n appearance: none;\n border: none;\n height: 20px;\n height: 2rem;\n background: #ccc;\n color: #007bff;\n}\n\nprogress[value]::-webkit-progress-bar {\n background: #ccc;\n}\n\nprogress[value]::-webkit-progress-value {\n background: #007bff;\n}\n\niframe {\n border-style: none;\n}\n\naddress {\n font-style: normal;\n margin-bottom: 10px;\n margin-bottom: 1rem;\n line-height: inherit;\n}\n\ndetails > summary:first-of-type {\n display: list-item;\n}\n\nsummary {\n cursor: pointer;\n font-weight: 700;\n word-break: break-all;\n}\n\ndialog {\n background-color: #fff;\n color: #222;\n border: none;\n border-radius: 0.25rem;\n padding: 20px;\n padding: 2rem;\n height: fit-content;\n min-width: 25rem;\n max-width: calc(100vw - 3rem);\n}\n@media (min-width: 768px) {\n dialog {\n max-width: 50rem;\n }\n}\n\ndialog[open] {\n display: block !important;\n}\n\ndialog::backdrop {\n background: rgba(0, 0, 0, 0.4);\n}\n\n@media (prefers-reduced-motion: no-preference) {\n :root {\n scroll-behavior: smooth;\n }\n}\ntable {\n caption-side: bottom;\n max-width: 100%;\n border-collapse: collapse;\n border-color: currentcolor;\n text-indent: 0;\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n}\n\nthead th {\n vertical-align: bottom;\n}\n\nth,\ntd {\n vertical-align: top;\n}\n\nth {\n text-align: inherit;\n text-align: -webkit-match-parent;\n font-weight: 700;\n}\n\ncaption {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n color: #999;\n text-align: left;\n caption-side: bottom;\n line-height: 1.375;\n font-size: 90%;\n}\n\n/* Accessibility\n * ========================================================================== */\n/**\n * Change the cursor on busy elements in all browsers (opinionated).\n */\n:where([aria-busy=true i]) {\n cursor: progress;\n}\n\n/*\n * Change the cursor on disabled, not-editable, or otherwise\n * inoperable elements in all browsers (opinionated).\n */\n:where([aria-disabled=true i], [disabled]) {\n cursor: not-allowed;\n}\n\n/*\n * Change the display on visually hidden accessible elements\n * in all browsers (opinionated).\n */\n:where([aria-hidden=false i][hidden]) {\n display: initial;\n}\n\n:where([aria-hidden=false i][hidden]:not(:focus)) {\n clip: rect(0, 0, 0, 0);\n position: absolute;\n}\n\n:where(html input, button, select, optgroup, textarea) {\n color: inherit;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\n:where(html input,\nbutton,\n[type=radio],\n[type=checkbox],\nselect,\noptgroup,\ntextarea) {\n margin: 0;\n}\n\n:where(html input, select, textarea, legend) {\n width: 100%;\n}\n\n:where(html label,\nbutton,\n[type=image],\n[type=submit],\n[type=reset],\nhtml [type=button],\n[type=radio],\n[type=checkbox]) {\n width: auto;\n}\n\n:where(html input,\nlabel,\nselect,\ntextarea,\nbutton,\nhtml [type=button],\n[type=reset],\n[type=submit],\noutput) {\n display: inline-block;\n}\n\n:where([type=file]) {\n display: block;\n background-color: transparent;\n}\n\n:where(button, html input, select, textarea) {\n background-image: none;\n}\n\n:where(input, select, textarea) {\n vertical-align: baseline;\n}\n\n:where(form) {\n margin: 0;\n}\n\n:where(fieldset) {\n border: 0;\n padding: 0;\n margin: 0;\n min-width: 0;\n}\n\n:where(legend) {\n display: table;\n max-width: 100%;\n white-space: normal;\n border: 0;\n padding: 0;\n font-weight: 400;\n margin-bottom: 5px;\n margin-bottom: 0.5rem;\n font-size: inherit;\n line-height: 1.375;\n color: inherit;\n}\n\n:where(label) {\n font-weight: 400;\n font-size: 90%;\n line-height: 1.375;\n margin-bottom: 5px;\n margin-bottom: 0.5rem;\n}\n\n:where(label input, label select, label textarea) {\n font-size: 110%;\n}\n\n::-webkit-inner-spin-button {\n height: auto;\n}\n\n::-webkit-datetime-edit-fields-wrapper,\n::-webkit-datetime-edit-text,\n::-webkit-datetime-edit-minute,\n::-webkit-datetime-edit-hour-field,\n::-webkit-datetime-edit-day-field,\n::-webkit-datetime-edit-month-field,\n::-webkit-datetime-edit-year-field {\n padding: 0;\n}\n\n::-webkit-color-swatch-wrapper {\n padding: 0;\n}\n\n:where([type=search]) {\n outline-offset: -0.25rem;\n}\n\n:where(output) {\n vertical-align: middle;\n}\n\n:where(button, select) {\n text-transform: none;\n}\n\n:where(select) {\n word-wrap: normal;\n}\n\n:where([list]):not([type=date],\n[type=datetime-local],\n[type=month],\n[type=week],\n[type=time])::-webkit-calendar-picker-indicator {\n display: none !important;\n}\n\n:where(optgroup) {\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: 600;\n}\n\n:where(button,\nhtml [type=button],\n[type=reset],\n[type=submit],\n[type=email],\n[type=number],\n[type=text],\n[type=tel],\n[type=date],\n[type=datetime-local],\n[type=month],\n[type=week],\n[type=url],\n[type=image],\n[type=password],\n[type=search],\n[type=search]::-webkit-search-decoration,\n[type=search]::-webkit-search-cancel-button,\ninput[list],\ntextarea) {\n appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n appearance: auto;\n}\n\n::file-selector-button {\n font: inherit;\n appearance: auto;\n}\n\n:where(button, input, select, textarea) {\n border-radius: 0.25rem;\n}\n\n:where([type=radio]) {\n border-radius: 50%;\n}\n\n:where([type=checkbox]) {\n border-radius: 0.5rem;\n}\n\n:where([type=radio], [type=checkbox]) {\n padding: 0;\n background-color: #fff;\n}\n\n:where([type=range i]) {\n background-color: transparent;\n}\n\n:where(select[size], select[multiple]) {\n height: auto;\n}\n\n:where(select[multiple]) {\n background-image: none;\n}\n\n:where(textarea) {\n height: auto;\n min-height: 60px;\n min-height: 6rem;\n overflow: auto;\n vertical-align: top;\n resize: vertical;\n}\n\n::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\n:where(button, [type=button], [type=reset], [type=submit]) {\n line-height: normal;\n text-align: center;\n margin: 0;\n background-clip: padding-box;\n vertical-align: baseline;\n overflow: visible;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n user-select: none;\n border: 0;\n background-image: none;\n}\n:where(button, [type=button], [type=reset], [type=submit]):hover, :where(button, [type=button], [type=reset], [type=submit]):active, :where(button, [type=button], [type=reset], [type=submit]):focus {\n text-decoration: none;\n color: #222;\n}\n\n:where(button:not(:disabled),\n[type=button]:not(:disabled),\n[type=reset]:not(:disabled),\n[type=submit]:not(:disabled)) {\n cursor: pointer;\n}\n\n:where(input::placeholder, textarea::placeholder) {\n color: #666;\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n:-moz-focusring {\n outline: auto;\n}\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n:where([type=email],\n[type=number],\n[type=password],\n[type=tel],\n[type=search],\n[type=text],\n[type=date],\n[type=datetime-local],\n[type=month],\n[type=week],\n[type=time],\n[type=url],\ninput[list],\nselect,\ntextarea) {\n background-color: #fff;\n border: 1px solid #999;\n padding: 0.5rem 0.75rem;\n}\n\n:where([type=email],\n[type=number],\n[type=password],\n[type=tel],\n[type=search],\n[type=text],\n[type=date],\n[type=datetime-local],\n[type=month],\n[type=week],\n[type=time],\n[type=url],\ninput[list],\nselect,\ntextarea,\n[type=radio],\n[type=checkbox]):active, :where([type=email],\n[type=number],\n[type=password],\n[type=tel],\n[type=search],\n[type=text],\n[type=date],\n[type=datetime-local],\n[type=month],\n[type=week],\n[type=time],\n[type=url],\ninput[list],\nselect,\ntextarea,\n[type=radio],\n[type=checkbox]):focus {\n transition: border 0.2s, background-color 0.2s, box-shadow 0.2s;\n border-color: #007bff;\n box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25);\n}\n\n:where(button, [type=button], [type=reset], [type=submit]) {\n color: #222;\n padding: 0.6666666667rem 1.3333333333rem;\n background: #ccc;\n transition: color 0.2s, background 0.2s, box-shadow 0.2s;\n}\n:where(button, [type=button], [type=reset], [type=submit]):hover, :where(button, [type=button], [type=reset], [type=submit]):active, :where(button, [type=button], [type=reset], [type=submit]):focus {\n text-decoration: none;\n color: #222;\n background: rgb(178.5, 178.5, 178.5);\n}\n:where(button, [type=button], [type=reset], [type=submit]):active, :where(button, [type=button], [type=reset], [type=submit]):focus {\n box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);\n}\n\n:where(fieldset[disabled] button,\nfieldset[disabled] input,\nfieldset[disabled] input::after,\nfieldset[disabled] input::before,\nfieldset[disabled] input:checked,\nfieldset[disabled] select,\nfieldset[disabled] textarea,\nfieldset[disabled] label,\nbutton[disabled],\ninput[disabled],\ninput[disabled]::after,\ninput[disabled]::before,\ninput[disabled]:checked,\nselect[disabled],\ntextarea[disabled],\nlabel[disabled],\nbutton:disabled,\ninput:disabled,\ninput:disabled::after,\ninput:disabled::before,\ninput:disabled:checked,\nselect:disabled,\ntextarea:disabled,\nlabel:disabled,\nbutton[aria-disabled=true],\ninput[aria-disabled=true],\ninput[aria-disabled=true]::after,\ninput[aria-disabled=true]::before,\ninput[aria-disabled=true]:checked,\nselect[aria-disabled=true],\ntextarea[aria-disabled=true],\nlabel[aria-disabled=true]) {\n cursor: default !important;\n cursor: not-allowed !important;\n pointer-events: none !important;\n user-select: none !important;\n box-shadow: none !important;\n opacity: 0.5 !important;\n}\n\n:where(select):not([size], select[multiple]) {\n appearance: none;\n background: #fff url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\") no-repeat right 0.85rem center/8px 10px;\n padding-right: 2rem;\n}\n\n:where(select)::-ms-expand {\n display: none;\n}\n\n:where(*[dir=rtl]) :where(select):not([size], select[multiple]),\n:where(select[dir=rtl]):not([size], select[multiple]) {\n background-position: left 0.85rem top 50%;\n padding-right: 0.75rem;\n padding-left: 2rem;\n}\n\n:where([type=checkbox], [type=radio]) {\n appearance: none;\n height: 1.8rem;\n width: 1.8rem;\n vertical-align: top;\n position: relative;\n border: 1px solid/#999;\n}\n:where([type=checkbox], [type=radio]) + label {\n line-height: 1.8rem;\n vertical-align: top;\n margin-left: 5px;\n margin-left: 0.5rem;\n}\n*[dir=rtl] :where([type=checkbox], [type=radio]) + label, :where([type=checkbox], [type=radio])[dir=rtl] + label {\n margin-left: 0;\n margin-right: 5px;\n margin-right: 0.5rem;\n}\n:where([type=checkbox], [type=radio])::after {\n content: \"\";\n display: block;\n position: absolute;\n}\n:where([type=checkbox], [type=radio]):checked {\n background-color: #007bff;\n border-color: #000;\n}\n\n:where([type=radio])::after {\n width: 1.8rem;\n height: 1.8rem;\n left: -0.05rem;\n top: -0.05rem;\n border-radius: 50%;\n background: #fff;\n transform: scale(0.35);\n}\n\n:where([type=checkbox])::after {\n width: 0.6rem;\n height: 0.8rem;\n border: 2px solid/#fff;\n border-top: 0;\n border-left: 0;\n left: 35%;\n top: 20%;\n transform: rotate(43deg);\n}\n\n:where([type=range]) {\n appearance: none;\n width: 100%;\n height: 1.4rem;\n}\n\n:where([type=range])::-webkit-slider-thumb {\n border: 0;\n appearance: none;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -0.25rem;\n background-color: #007bff;\n border-radius: 1.5rem;\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n:where([type=range])::-webkit-slider-thumb:active {\n background-color: #007bff;\n}\n\n:where([type=range])::-moz-range-thumb {\n border: 0;\n appearance: none;\n width: 1.5rem;\n height: 1.5rem;\n background-color: #007bff;\n border-radius: 1.5rem;\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n:where([type=range])::-moz-range-thumb:active {\n background-color: #007bff;\n}\n\n:where([type=range])::-webkit-slider-runnable-track {\n color: transparent;\n border-color: transparent;\n width: 100%;\n height: 0.65rem;\n cursor: pointer;\n background-color: #e9e9e9;\n}\n\n:where([type=range])::-moz-range-track {\n color: transparent;\n border-color: transparent;\n width: 100%;\n height: 0.65rem;\n cursor: pointer;\n background-color: #e9e9e9;\n}\n\n:where([type=range]):focus {\n outline: none;\n}\n:where([type=range]):focus::-webkit-slider-thumb {\n box-shadow: 0 0 0 0.1rem/#fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n}\n:where([type=range]):focus::-moz-slider-thumb {\n box-shadow: 0 0 0 0.1rem/#fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n}\n\n:where([type=range])::-moz-focus-outer {\n border: 0;\n}\n\n:where([type=range]):focus::-moz-range-thumb {\n box-shadow: 0 0 0 0.1rem/#fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n}\n\n:where([type=range]):disabled {\n pointer-events: none;\n}\n:where([type=range]):disabled::-webkit-slider-thumb {\n background-color: #ccc;\n}\n:where([type=range]):disabled::-moz-slider-thumb {\n background-color: #ccc;\n}","*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\ndetails {\n display: block;\n}\n\ntemplate {\n display: none;\n}\n\n// Always hide an element with the `hidden` HTML attribute\n[hidden] {\n display: none !important;\n}\n","@use '../variables/variables-colors' as bf-v-color;\n@use '../variables/variables-texts' as bf-v-text;\n@use '../variables/variables-spacing' as bf-v-space;\n@use '../variables/variables-breakpoints' as bf-v-bp;\n@use 'sass:color';\n\nhtml {\n text-size-adjust: 100%;\n\n // resize the base font-size and get an easy math for rem units\n // https://snook.ca/archives/html_and_css/font-size-with-rem\n font-size: 62.5%;\n\n color: bf-v-color.$bf-dark;\n\n // set a default font-family and line-height\n font-family: sans-serif;\n line-height: 1.15;\n\n // remove a tap background when a link or interactive element is focused\n // if is touch\n -webkit-tap-highlight-color: rgb(0 0 0 / 0%);\n}\n\nbody {\n margin: 0;\n font-size: bf-v-text.$bf-body-font-size-rem; // '1.6rem' by default\n line-height: bf-v-text.$bf-body-line-height; // '1.5' by default\n\n // this is useful to inherit values for some elements (e.g. forms)\n font-weight: 400;\n text-align: left;\n\n // native font stack for optimum text rendering on every device and OS\n // this stack mimics the system font UI\n // a web apps looks like a native app (e.g. Android = Roboto font)\n // Read more:\n // https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/\n font-family:\n\n\t\t// Safari for OS X and iOS (San Francisco) -apple-system,\n // Chrome < 56 for OS X (San Francisco)\n BlinkMacSystemFont,\n // Windows\n 'Segoe UI',\n // Android\n Roboto,\n // Linux with KDE\n Oxygen-Sans,\n // Ubuntu (all variants)\n Ubuntu,\n // Linux with GNOME Shell\n Cantarell,\n // macOS 1.10 and below\n 'Helvetica Neue',\n Helvetica,\n // Basic web fallback\n Arial,\n 'Noto Sans',\n sans-serif,\n // emoji fonts\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol',\n 'Noto Color Emoji';\n\n // this enable font ligatures\n text-rendering: optimizeLegibility;\n\n // break very long texts by default, especially on old browsers\n // e.g. big

or

headlines\n word-wrap: break-word;\n\n background-color: bf-v-color.$bf-white;\n}\n","@use 'sass:color';\n\n// TIP: make colors lighter/darker with Sass\n// https://sass-lang.com/documentation/modules/color/\n// e.g., lighter: \"color: color.adjust($gray, $lightness: 15%);\"\n// e.g., darker: \"color: color.adjust($gray, $lightness: -15%);\"\n\n// customise/enlarge this small selection as needed\n\n// hex to rgba online converter http://www.hex2rgba.devoth.com/\n\n// backgrounds, texts and borders\n$bf-white: #fff; // rgba(255,255,255,1)\n$bf-light: #f0f0f0; // rgba(240,240,240,1)\n$bf-gray-light-extra: #e9e9e9; // rgba(233,233,233,1)\n$bf-gray-light: #ccc; // rgba(204,204,204,1)\n$bf-gray: #999; // rgba(153,153,153,1)\n$bf-gray-dark: #666; // rgba(102,102,102,1)\n$bf-gray-dark-extra: #333; // rgba(51,51,51,1)\n$bf-dark: #222; // rgba(34,34,34,1)\n$bf-dark-extra: #111; // rgba(17,17,17,1)\n$bf-black: #000; // rgba(0,0,0,1)\n\n// and \n$bf-yellow-light: #ff9; // rgba(255,255,153,1)\n$bf-yellow: #ff0; // rgba(255,255,0,1)\n\n// anchors and accent\n$bf-blue: #007bff; // rgba(0,123,255,1)\n$bf-blue-light: #0056b3; // rgba(0,86,179,1)\n$bf-blue-light-extra: #bed8fe; // rgba(190, 216, 254, 1)\n\n// invalid forms\n$bf-red: #f00; // rgba(255,0,0,1)\n","$bf-font-sans-serif:\n -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell,\n 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n 'Segoe UI Symbol', 'Noto Color Emoji';\n$bf-font-serif: Georgia, Times, 'Times New Roman', serif;\n$bf-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;\n$bf-body-font-size-rem: 1.6rem;\n$bf-body-line-height: 1.5;\n","@use '../variables/variables-colors' as bf-v-color;\n@use '../variables/variables-texts' as bf-v-text;\n@use '../variables/variables-spacing' as bf-v-space;\n@use '../variables/variables-breakpoints' as bf-v-bp;\n@use 'sass:color';\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0; // fallback\n font-weight: 600;\n font-family: inherit;\n color: inherit;\n line-height: 1.25;\n margin-bottom: bf-v-space.$bf-spacing-lg-rem;\n}\n\nh1 {\n font-size: 36px;\n font-size: 3.6rem;\n}\n\nh2 {\n font-size: 30px;\n font-size: 3rem;\n}\n\nh3 {\n font-size: 24px;\n font-size: 2.4rem;\n}\n\nh4 {\n font-size: 20px;\n font-size: 2rem;\n}\n\nh5,\nh6 {\n font-size: 16px;\n font-size: 1.6rem;\n}\n","// customise this spacing selection as needed\n\n// the REM unit is the default,\n// preceded by the PX unit as fallback for old browsers (IE)\n// https://caniuse.com/#search=rem\n//\n// e.g.\n// html { font-size: 62.5%; }\n// body { font-size: 16px; }\n// h1 { font-size: 30px; font-size: 3rem; }\n\n$bf-spacing-sm-px: 2.5px;\n$bf-spacing-md-px: 5px;\n$bf-spacing-lg-px: 10px;\n$bf-spacing-xl-px: 20px;\n$bf-spacing-xxl-px: 30px;\n$bf-spacing-sm-rem: 0.25rem;\n$bf-spacing-md-rem: 0.5rem;\n$bf-spacing-lg-rem: 1rem;\n$bf-spacing-xl-rem: 2rem;\n$bf-spacing-xxl-rem: 3rem;\n\n// ! grid system only\n$bf-spacing-grid-gutter-rem: 1.5rem;\n","@use '../variables/variables-colors' as bf-v-color;\n@use '../variables/variables-texts' as bf-v-text;\n@use '../variables/variables-spacing' as bf-v-space;\n@use '../variables/variables-breakpoints' as bf-v-bp;\n@use 'sass:color';\n\nblockquote {\n margin-bottom: bf-v-space.$bf-spacing-xl-rem;\n padding-left: 0;\n font-style: italic;\n}\n\nblockquote p {\n margin-bottom: 0;\n}\n\nblockquote small {\n color: bf-v-color.$bf-gray;\n display: block;\n}\n\nblockquote small::before {\n content: '\\2014 \\00A0';\n}\n\nq {\n quotes: '\\201C' '\\201D' '\\2018' '\\2019';\n}\n","@use '../variables/variables-colors' as bf-v-color;\n@use '../variables/variables-texts' as bf-v-text;\n@use '../variables/variables-spacing' as bf-v-space;\n@use '../variables/variables-breakpoints' as bf-v-bp;\n@use 'sass:color';\n\npre {\n margin: 0 0 bf-v-space.$bf-spacing-xl-rem 0;\n\n display: block;\n overflow: auto;\n word-break: break-all; // webkit\n word-wrap: break-word;\n white-space: pre;\n hyphens: none;\n\n // Disable auto-hiding scrollbar in legacy Edge\n // https://github.com/twbs/bootstrap/pull/30685\n -ms-overflow-style: auto;\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family:\n\n /* macOS 1.10+ */\n Menlo,\n Consolas,\n 'Roboto Mono',\n 'Ubuntu Monospace',\n 'Noto Mono',\n 'Oxygen Mono',\n 'Liberation Mono',\n monospace,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol',\n 'Noto Color Emoji';\n\n // a monospaced text font should looks bigger, so a smaller font-size\n // is preferred\n font-size: 0.875em;\n}\n\ncode {\n word-wrap: break-word;\n}\n\na > code {\n color: inherit;\n}\n\npre code {\n font-size: inherit;\n color: inherit;\n word-break: normal;\n}\n","@use \"../variables/variables-colors\" as bf-v-color;\n@use \"../variables/variables-texts\" as bf-v-text;\n@use \"../variables/variables-spacing\" as bf-v-space;\n@use \"../variables/variables-breakpoints\" as bf-v-bp;\n@use \"sass:color\";\n\np {\n margin: 0 0 bf-v-space.$bf-spacing-xl-rem 0;\n}\n\n// Abbreviations (taken from Bootstrap 4)\n//\n// 1. Remove the bottom border in Firefox 39-.\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n border-bottom: 0; // 2\n}\n\nmark {\n background-color: bf-v-color.$bf-yellow;\n color: bf-v-color.$bf-black;\n}\n\nins {\n background-color: bf-v-color.$bf-yellow-light;\n color: bf-v-color.$bf-black;\n text-decoration: none;\n}\n\n// Prevent the duplicate application of `bolder` by the next rule\n// in Safari 6\nb,\nstrong {\n font-weight: inherit;\n}\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n /* stylelint-disable-next-line */\n font-weight: bolder;\n}\n\ndfn {\n font-style: italic;\n}\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -8px;\n top: -0.8rem;\n}\n\nsub {\n bottom: -4px;\n bottom: -0.4rem;\n}\n\nsmall {\n font-size: 80%;\n}\n\n// Reduce line-height for elements inside

\np:has(small) {\n line-height: 1.25;\n}\n\nhr {\n box-sizing: content-box;\n display: block;\n height: 0;\n border-style: solid;\n border-width: 1px 0 0;\n color: inherit;\n margin: bf-v-space.$bf-spacing-xl-rem 0;\n padding: 0;\n overflow: visible; // Show the overflow in Edge\n}\n","@use '../variables/variables-colors' as bf-v-color;\n@use '../variables/variables-texts' as bf-v-text;\n@use '../variables/variables-spacing' as bf-v-space;\n@use '../variables/variables-breakpoints' as bf-v-bp;\n@use 'sass:color';\n\na {\n color: bf-v-color.$bf-blue; // bootstrap blue\n text-decoration: none;\n\n // Edge Legacy: Remove grey background on active links\n background-color: transparent;\n\n &:hover,\n &:focus {\n text-decoration: underline;\n color: bf-v-color.$bf-blue-light;\n }\n}\n\n// this is taken from Bootstrap's reboot\n// https://getbootstrap.com/docs/4.4/content/reboot/\n\na:not([href], [tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href], [class]),\na:not([href], [class]):hover {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href], [tabindex]):focus {\n outline: 0;\n}\n","// remove focus if is not keyboard\n// and if these elements are not focused globally\n:where(:focus:not(:focus-visible)) {\n outline: none;\n}\n\n// Suppress the focus outline on elements that cannot be accessed via keyboard.\n// This prevents an unwanted focus outline from appearing around elements that\n// might still respond to pointer events.\n//\n// Taken from SuitCSS https://github.com/suitcss/base\n//\n// Copyright 2020 Harry Roberts\n\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n\n// http://www.apache.org/licenses/LICENSE-2.0\n\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\n:where([tabindex=\"-1\"]:focus:not(:focus-visible)) {\n outline: 0 !important;\n}\n\n:where(a:focus, input:focus) {\n outline: 2px solid orange;\n}\n\n// style it again (must be separated)\n:where(:focus-visible) {\n outline: 2px solid orange;\n}\n\n// these form elements get some ':focus' styles that enhance and improve the focus\n// see '_form-elements.scss'\n// so, we can remove it safely\n//\n// ! but do not touch\n// [type=\"color\"]\n// [type=\"range\"]\n// [type=\"file\"]\n// because usually are replaced with a custom version\n// with JS or extra

s\n// https://getbootstrap.com/docs/4.4/components/input-group/#custom-file-input\n:where(\n button,\n [type=\"button\"],\n [type=\"reset\"],\n [type=\"submit\"],\n [type=\"email\"],\n [type=\"number\"],\n [type=\"password\"],\n [type=\"tel\"],\n [type=\"search\"],\n [type=\"text\"],\n [type=\"date\"],\n [type=\"datetime-local\"],\n [type=\"month\"],\n [type=\"time\"],\n [type=\"week\"],\n [type=\"url\"],\n [type=\"radio\"],\n [type=\"checkbox\"],\n input[list],\n select,\n textarea\n ) {\n &:focus {\n outline: 0;\n }\n}\n\n// More resources to read on this matter\n// https://gist.github.com/chrisdemars/a74c5bd210dc739fa63e9b985c937bcb\n","@use '../variables/variables-colors' as bf-v-color;\n@use '../variables/variables-texts' as bf-v-text;\n@use '../variables/variables-spacing' as bf-v-space;\n@use '../variables/variables-breakpoints' as bf-v-bp;\n@use 'sass:color';\n\nmenu,\nol,\nul,\ndl {\n margin: 0 0 bf-v-space.$bf-spacing-xl-rem 0;\n padding: 0;\n}\n\nmenu ul,\nmenu ol,\nul ul,\nul ol,\nol ol,\nol ul,\ndd {\n margin-bottom: 0;\n}\n\nul,\nol {\n margin-left: bf-v-space.$bf-spacing-xl-rem;\n}\n\nnav ol,\nnav ul {\n list-style: none;\n list-style-image: none;\n margin-left: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-left: 0;\n}\n\n// taken from https://github.com/jensimmons/cssremedy\n//\n// 1. Add zero-width-space to prevent VoiceOver disable\n// 2. Absolute position ensures no extra space\n// See: https://unfetteredthoughts.net/2017/09/26/voiceover-and-list-style-type-none/\nnav li::before {\n content: '\\200B';\n position: absolute;\n}\n","@use '../variables/variables-colors' as bf-v-color;\n@use '../variables/variables-texts' as bf-v-text;\n@use '../variables/variables-spacing' as bf-v-space;\n@use '../variables/variables-breakpoints' as bf-v-bp;\n@use 'sass:color';\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n}\n\nimg,\ncanvas,\naudio,\nvideo,\niframe,\nobject,\nembed {\n max-width: 100%;\n}\n\naudio,\nvideo,\ncanvas,\nimg,\nsvg {\n vertical-align: middle;\n}\n\nimg {\n height: auto;\n border-style: none;\n}\n\nfigure {\n margin: 0;\n}\n\nfigure,\nfigcaption {\n display: block;\n}\n\nfigcaption {\n line-height: 1.375;\n font-size: 90%;\n}\n\nvideo {\n height: auto;\n}\n\naudio {\n width: 100%;\n}\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\nsvg:not([fill]) {\n fill: currentColor;\n}\n\nprogress,\nmeter {\n display: inline-block;\n vertical-align: baseline;\n width: 100%;\n max-width: 100%;\n}\n\n// normalization\n//\n// https://css-tricks.com/html5-progress-element/\nprogress[value] {\n appearance: none; // reset the default appearance\n border: none; // Get rid of default border in Firefox\n\n height: 20px;\n height: 2rem;\n\n // progress bar background color\n background: bf-v-color.$bf-gray-light;\n\n // progress value background color in IE10+\n color: bf-v-color.$bf-blue;\n}\n\n// progress value background color in webkit\nprogress[value]::-webkit-progress-bar {\n background: bf-v-color.$bf-gray-light;\n}\nprogress[value]::-webkit-progress-value {\n background: bf-v-color.$bf-blue;\n}\n\n// remove default border in old browsers\n// and for embeds (e.g. youtube) that don't remove the border with the attribute\n// frameborder=\"0\"\n//\n// e.g.\n// summary:first-of-type {\n display: list-item;\n}\n\nsummary {\n cursor: pointer;\n font-weight: 700;\n word-break: break-all;\n}\n\ndialog {\n // match body background color\n background-color: bf-v-color.$bf-white;\n color: bf-v-color.$bf-dark;\n border: none;\n border-radius: bf-v-space.$bf-spacing-sm-rem;\n padding: bf-v-space.$bf-spacing-xl-px;\n padding: bf-v-space.$bf-spacing-xl-rem;\n height: fit-content;\n min-width: 25rem;\n max-width: calc(100vw - (bf-v-space.$bf-spacing-grid-gutter-rem * 2));\n @media (min-width: bf-v-bp.$bf-breakpoint-md) {\n max-width: 50rem;\n }\n}\n\n// Overrides 'hidden' attribute\n// \ndialog[open] {\n display: block !important;\n}\n\ndialog::backdrop {\n background: rgb(0 0 0 / 40%);\n}\n","@media (prefers-reduced-motion: no-preference) {\n :root {\n scroll-behavior: smooth;\n }\n}\n","@use '../variables/variables-colors' as bf-v-color;\n@use '../variables/variables-texts' as bf-v-text;\n@use '../variables/variables-spacing' as bf-v-space;\n@use '../variables/variables-breakpoints' as bf-v-bp;\n@use 'sass:color';\n\ntable {\n caption-side: bottom;\n max-width: 100%;\n border-collapse: collapse;\n // Correct table border color inheritance in Chrome and Safari\n // https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016\n border-color: currentcolor;\n // Remove text indentation from table contents in Chrome and Safari\n // https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297\n text-indent: 0;\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n}\n\nthead th {\n vertical-align: bottom;\n}\n\nth,\ntd {\n vertical-align: top;\n}\n\nth {\n text-align: inherit;\n text-align: -webkit-match-parent;\n font-weight: 700;\n}\n\ncaption {\n padding-top: bf-v-space.$bf-spacing-md-rem;\n padding-bottom: bf-v-space.$bf-spacing-md-rem;\n color: bf-v-color.$bf-gray;\n text-align: left;\n caption-side: bottom;\n line-height: 1.375;\n font-size: 90%;\n}\n","// Taken from sanitize.css\n// https://github.com/csstools/sanitize.css/blob/v13.0.0/sanitize.css\n\n/* Accessibility\n * ========================================================================== */\n\n/**\n * Change the cursor on busy elements in all browsers (opinionated).\n */\n\n:where([aria-busy='true' i]) {\n cursor: progress;\n}\n\n/*\n * Change the cursor on disabled, not-editable, or otherwise\n * inoperable elements in all browsers (opinionated).\n */\n\n:where([aria-disabled='true' i], [disabled]) {\n cursor: not-allowed;\n}\n\n/*\n * Change the display on visually hidden accessible elements\n * in all browsers (opinionated).\n */\n\n:where([aria-hidden='false' i][hidden]) {\n display: initial;\n}\n\n:where([aria-hidden='false' i][hidden]:not(:focus)) {\n clip: rect(0, 0, 0, 0);\n position: absolute;\n}\n","@use \"../variables/variables-colors\" as bf-v-color;\n@use \"../variables/variables-texts\" as bf-v-text;\n@use \"../variables/variables-spacing\" as bf-v-space;\n@use \"../variables/variables-breakpoints\" as bf-v-bp;\n@use \"sass:color\";\n\n// normalization, enhancement and responsiveness\n\n:where(html input, button, select, optgroup, textarea) {\n color: inherit;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\n:where(\n html input,\n button,\n [type=\"radio\"],\n [type=\"checkbox\"],\n select,\n optgroup,\n textarea\n ) {\n margin: 0;\n}\n\n:where(html input, select, textarea, legend) {\n width: 100%;\n}\n\n// re-set width auto where needed\n:where(\n html label,\n button,\n [type=\"image\"],\n [type=\"submit\"],\n [type=\"reset\"],\n html [type=\"button\"],\n [type=\"radio\"],\n [type=\"checkbox\"]\n ) {\n width: auto;\n}\n\n// inline-block display gives the best cross-browser combination\n// and allow several properties\n:where(\n html input,\n label,\n select,\n textarea,\n button,\n html [type=\"button\"],\n [type=\"reset\"],\n [type=\"submit\"],\n output\n ) {\n display: inline-block;\n}\n\n:where([type=\"file\"]) {\n display: block;\n background-color: transparent;\n}\n\n:where(button, html input, select, textarea) {\n background-image: none; // FF mobile\n}\n\n:where(input, select, textarea) {\n vertical-align: baseline;\n}\n\n:where(form) {\n margin: 0;\n}\n\n// 1. Remove intrinsic min-width of fieldset\n// https://github.com/necolas/normalize.css/pull/269\n:where(fieldset) {\n border: 0;\n padding: 0;\n margin: 0;\n min-width: 0; // 1.\n}\n\n:where(legend) {\n display: table; // Correct the text wrapping in Edge and IE.\n max-width: 100%;\n white-space: normal; // enable line-wrapping in FF4/5\n border: 0;\n padding: 0;\n font-weight: 400;\n margin-bottom: bf-v-space.$bf-spacing-md-px;\n margin-bottom: bf-v-space.$bf-spacing-md-rem;\n font-size: inherit;\n line-height: 1.375;\n color: inherit;\n}\n\n:where(label) {\n font-weight: 400;\n font-size: 90%;\n line-height: 1.375;\n margin-bottom: bf-v-space.$bf-spacing-md-px;\n margin-bottom: bf-v-space.$bf-spacing-md-rem;\n}\n\n:where(label input, label select, label textarea) {\n font-size: 110%;\n}\n\n::-webkit-inner-spin-button {\n height: auto;\n}\n\n::-webkit-datetime-edit-fields-wrapper,\n::-webkit-datetime-edit-text,\n::-webkit-datetime-edit-minute,\n::-webkit-datetime-edit-hour-field,\n::-webkit-datetime-edit-day-field,\n::-webkit-datetime-edit-month-field,\n::-webkit-datetime-edit-year-field {\n padding: 0;\n}\n\n::-webkit-color-swatch-wrapper {\n padding: 0;\n}\n\n:where([type=\"search\"]) {\n outline-offset: calc(-1 * bf-v-space.$bf-spacing-sm-rem);\n}\n\n:where(output) {\n vertical-align: middle;\n}\n\n:where(button, select) {\n text-transform: none;\n}\n\n:where(select) {\n word-wrap: normal;\n}\n\n// Taken from Bootstrap Reboot v5.2\n// https://unpkg.com/browse/bootstrap@5.2.0/dist/css/bootstrap-reboot.css\n:where([list]):not(\n [type=\"date\"],\n [type=\"datetime-local\"],\n [type=\"month\"],\n [type=\"week\"],\n [type=\"time\"]\n )::-webkit-calendar-picker-indicator {\n display: none !important;\n}\n\n:where(optgroup) {\n font-family: inherit;\n font-size: inherit;\n font-style: inherit; // fallback for font families without 600 */\n font-weight: 600;\n}\n\n// remove -webkit-appearance listing every single elements that needed it\n:where(\n button,\n html [type=\"button\"],\n [type=\"reset\"],\n [type=\"submit\"],\n [type=\"email\"],\n [type=\"number\"],\n [type=\"text\"],\n [type=\"tel\"],\n [type=\"date\"],\n [type=\"datetime-local\"],\n [type=\"month\"],\n [type=\"week\"],\n [type=\"url\"],\n [type=\"image\"],\n [type=\"password\"],\n [type=\"search\"],\n [type=\"search\"]::-webkit-search-decoration,\n [type=\"search\"]::-webkit-search-cancel-button,\n input[list],\n textarea\n ) {\n appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n appearance: auto;\n}\n\n::file-selector-button {\n font: inherit;\n appearance: auto;\n}\n\n:where(button, input, select, textarea) {\n border-radius: bf-v-space.$bf-spacing-sm-rem;\n}\n\n:where([type=\"radio\"]) {\n border-radius: 50%;\n}\n\n:where([type=\"checkbox\"]) {\n border-radius: bf-v-space.$bf-spacing-md-rem;\n}\n\n:where([type=\"radio\"], [type=\"checkbox\"]) {\n padding: 0;\n background-color: bf-v-color.$bf-white;\n}\n\n:where([type=\"range\" i]) {\n background-color: transparent; // FF and Chrome mobile\n}\n\n:where(select[size], select[multiple]) {\n height: auto;\n}\n\n:where(select[multiple]) {\n background-image: none; // FF mobile\n}\n\n:where(textarea) {\n height: auto;\n min-height: 60px;\n min-height: 6rem;\n overflow: auto;\n vertical-align: top;\n resize: vertical;\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\n:where(button, [type=\"button\"], [type=\"reset\"], [type=\"submit\"]) {\n line-height: normal;\n text-align: center;\n margin: 0;\n background-clip: padding-box;\n vertical-align: baseline;\n overflow: visible;\n -webkit-tap-highlight-color: rgb(0 0 0 / 0%);\n user-select: none;\n border: 0;\n background-image: none; // FF mobile\n\n &:hover,\n &:active,\n &:focus {\n text-decoration: none;\n color: bf-v-color.$bf-dark;\n }\n}\n\n:where(\n button:not(:disabled),\n [type=\"button\"]:not(:disabled),\n [type=\"reset\"]:not(:disabled),\n [type=\"submit\"]:not(:disabled)\n ) {\n cursor: pointer;\n}\n\n// FF placeholder bug\n// Issue: If one change the text color of input fields, FF will change\n// the default color of placeholders too!\n// Fix: Use '!important' https://github.com/necolas/normalize.css/issues/150\n:where(input::placeholder, textarea::placeholder) {\n color: bf-v-color.$bf-gray-dark;\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n outline: auto;\n}\n\n// remove ':invalid' styles in FF\n// https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-ui-invalid\n//\n// for form validation in JavaScript\n// use '.bf-invalid' class in /utilities/_utility-form-states.scss' instead\n// documentation https://developer.mozilla.org/en-US/docs/Web/CSS/:invalid\n:-moz-ui-invalid {\n box-shadow: none;\n}\n","@use \"../variables/variables-colors\" as bf-v-color;\n@use \"../variables/variables-texts\" as bf-v-text;\n@use \"../variables/variables-spacing\" as bf-v-space;\n@use \"../variables/variables-breakpoints\" as bf-v-bp;\n@use \"sass:color\";\n\n:where(\n [type=\"email\"],\n [type=\"number\"],\n [type=\"password\"],\n [type=\"tel\"],\n [type=\"search\"],\n [type=\"text\"],\n [type=\"date\"],\n [type=\"datetime-local\"],\n [type=\"month\"],\n [type=\"week\"],\n [type=\"time\"],\n [type=\"url\"],\n input[list],\n select,\n textarea\n ) {\n background-color: bf-v-color.$bf-white;\n border: 1px solid bf-v-color.$bf-gray;\n padding: bf-v-space.$bf-spacing-md-rem (bf-v-space.$bf-spacing-lg-rem * 0.75);\n}\n\n:where(\n [type=\"email\"],\n [type=\"number\"],\n [type=\"password\"],\n [type=\"tel\"],\n [type=\"search\"],\n [type=\"text\"],\n [type=\"date\"],\n [type=\"datetime-local\"],\n [type=\"month\"],\n [type=\"week\"],\n [type=\"time\"],\n [type=\"url\"],\n input[list],\n select,\n textarea,\n [type=\"radio\"],\n [type=\"checkbox\"]\n ) {\n &:active,\n &:focus {\n transition: border 0.2s, background-color 0.2s, box-shadow 0.2s;\n border-color: bf-v-color.$bf-blue;\n box-shadow: 0 0 0 3px rgb(0 86 179 / 25%);\n }\n}\n\n:where(button, [type=\"button\"], [type=\"reset\"], [type=\"submit\"]) {\n color: bf-v-color.$bf-dark;\n padding: calc(bf-v-space.$bf-spacing-xl-rem / 3)\n (calc(bf-v-space.$bf-spacing-xl-rem / 3) * 2);\n background: bf-v-color.$bf-gray-light;\n transition: color 0.2s, background 0.2s, box-shadow 0.2s;\n\n &:hover,\n &:active,\n &:focus {\n text-decoration: none;\n color: bf-v-color.$bf-dark;\n background: color.adjust(bf-v-color.$bf-gray-light, $lightness: -10%);\n }\n\n &:active,\n &:focus {\n box-shadow: 0 0 0 3px rgb(0 0 0 / 15%);\n }\n}\n\n// disabled groups\n:where(\n fieldset[disabled] button,\n fieldset[disabled] input,\n fieldset[disabled] input::after,\n fieldset[disabled] input::before,\n fieldset[disabled] input:checked,\n fieldset[disabled] select,\n fieldset[disabled] textarea,\n fieldset[disabled] label,\n button[disabled],\n input[disabled],\n input[disabled]::after,\n input[disabled]::before,\n input[disabled]:checked,\n select[disabled],\n textarea[disabled],\n label[disabled],\n button:disabled,\n input:disabled,\n input:disabled::after,\n input:disabled::before,\n input:disabled:checked,\n select:disabled,\n textarea:disabled,\n label:disabled,\n button[aria-disabled=\"true\"],\n input[aria-disabled=\"true\"],\n input[aria-disabled=\"true\"]::after,\n input[aria-disabled=\"true\"]::before,\n input[aria-disabled=\"true\"]:checked,\n select[aria-disabled=\"true\"],\n textarea[aria-disabled=\"true\"],\n label[aria-disabled=\"true\"]\n ) {\n cursor: default !important; // fallback\n cursor: not-allowed !important;\n pointer-events: none !important;\n user-select: none !important;\n box-shadow: none !important;\n opacity: 0.5 !important;\n}\n","@use \"../variables/variables-colors\" as bf-v-color;\n@use \"../variables/variables-texts\" as bf-v-text;\n@use \"../variables/variables-spacing\" as bf-v-space;\n@use \"../variables/variables-breakpoints\" as bf-v-bp;\n@use \"sass:color\";\n\n// custom \n//\n// remove the arrow and the appearance, especially on Webkit\n:where(select):not([size], select[multiple]) {\n appearance: none;\n\n // add a new svg arrow\n background: bf-v-color.$bf-white\n url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\")\n no-repeat right 0.85rem center/8px 10px;\n\n // space the arrow\n padding-right: bf-v-space.$bf-spacing-lg-rem + bf-v-space.$bf-spacing-lg-rem;\n}\n\n// Legacy Edge browser support\n:where(select)::-ms-expand {\n display: none;\n}\n\n// add support for RTL languages\n// 'appearance: none' removes the default styling but introduces a bug\n// that occurs when a right to the left language (e.g. Arabic) is set\n//\n// Read more\n// 1. http://bootstrap.rtlcss.com\n// 2. https://rtlstyling.com/\n:where(*[dir=\"rtl\"]) :where(select):not([size], select[multiple]),\n:where(select[dir=\"rtl\"]):not([size], select[multiple]) {\n // move the arrow icon to the left\n background-position: left 0.85rem top 50%;\n\n // go back to default forms padding\n padding-right: (bf-v-space.$bf-spacing-lg-rem * 0.75);\n\n // add custom left padding, matching the custom LTR one\n padding-left: bf-v-space.$bf-spacing-lg-rem + bf-v-space.$bf-spacing-lg-rem;\n}\n","@use \"../variables/variables-colors\" as bf-v-color;\n@use \"../variables/variables-texts\" as bf-v-text;\n@use \"../variables/variables-spacing\" as bf-v-space;\n@use \"../variables/variables-breakpoints\" as bf-v-bp;\n@use \"sass:color\";\n\n// heavily inspired by '2020 toggles' by Aaron Iker\n// https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/\n// https://codepen.io/aaroniker/pen/ZEYoxEY?editors=0100\n\n:where([type=\"checkbox\"], [type=\"radio\"]) {\n appearance: none;\n\n height: 1.8rem;\n width: 1.8rem;\n\n vertical-align: top;\n position: relative;\n\n border: 1px solid / bf-v-color.$bf-gray;\n\n + label {\n line-height: 1.8rem;\n vertical-align: top;\n margin-left: bf-v-space.$bf-spacing-md-px;\n margin-left: bf-v-space.$bf-spacing-md-rem;\n }\n\n // add support for RTL languages\n // Read more\n // 1. http://bootstrap.rtlcss.com\n // 2. https://rtlstyling.com/\n *[dir=\"rtl\"] & + label,\n &[dir=\"rtl\"] + label {\n margin-left: 0;\n margin-right: bf-v-space.$bf-spacing-md-px;\n margin-right: bf-v-space.$bf-spacing-md-rem;\n }\n\n &::after {\n content: \"\";\n display: block;\n position: absolute;\n }\n\n &:checked {\n background-color: bf-v-color.$bf-blue;\n border-color: bf-v-color.$bf-black;\n }\n}\n\n:where([type=\"radio\"]) {\n &::after {\n width: 1.8rem;\n height: 1.8rem;\n\n left: -0.05rem;\n top: -0.05rem;\n\n border-radius: 50%;\n background: bf-v-color.$bf-white;\n\n transform: scale(0.35);\n }\n}\n\n:where([type=\"checkbox\"]) {\n &::after {\n width: 0.6rem;\n height: 0.8rem;\n\n border: 2px solid / bf-v-color.$bf-white;\n border-top: 0;\n border-left: 0;\n\n left: 35%;\n top: 20%;\n\n transform: rotate(43deg);\n }\n}\n","@use \"../variables/variables-colors\" as bf-v-color;\n@use \"../variables/variables-texts\" as bf-v-text;\n@use \"../variables/variables-spacing\" as bf-v-space;\n@use \"../variables/variables-breakpoints\" as bf-v-bp;\n@use \"sass:color\";\n\n// styling input range in modern browsers safely using the @supports CSS-at-rule\n// https://developer.mozilla.org/en-US/docs/Web/CSS/@supports\n//\n// standalone CodePen demo https://codepen.io/marcop135/pen/JjGrNMx\n\n:where([type=\"range\"]) {\n appearance: none;\n width: 100%;\n height: 1.4rem;\n}\n\n:where([type=\"range\"])::-webkit-slider-thumb {\n border: 0;\n appearance: none;\n\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -0.25rem;\n background-color: bf-v-color.$bf-blue;\n border-radius: 1.5rem;\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out;\n\n &:active {\n background-color: bf-v-color.$bf-blue;\n }\n}\n\n:where([type=\"range\"])::-moz-range-thumb {\n border: 0;\n appearance: none;\n\n width: 1.5rem;\n height: 1.5rem;\n background-color: bf-v-color.$bf-blue;\n border-radius: 1.5rem;\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out;\n\n &:active {\n background-color: bf-v-color.$bf-blue;\n }\n}\n\n:where([type=\"range\"])::-webkit-slider-runnable-track {\n color: transparent;\n border-color: transparent;\n\n width: 100%;\n height: 0.65rem;\n cursor: pointer;\n background-color: bf-v-color.$bf-gray-light-extra;\n}\n\n:where([type=\"range\"])::-moz-range-track {\n color: transparent;\n border-color: transparent;\n\n width: 100%;\n height: 0.65rem;\n cursor: pointer;\n background-color: bf-v-color.$bf-gray-light-extra;\n}\n\n:where([type=\"range\"]):focus {\n outline: none;\n\n &::-webkit-slider-thumb {\n box-shadow: 0 0 0 0.1rem / bf-v-color.$bf-white,\n 0 0 0 0.2rem rgb(0 123 255 / 25%);\n }\n\n &::-moz-slider-thumb {\n box-shadow: 0 0 0 0.1rem / bf-v-color.$bf-white,\n 0 0 0 0.2rem rgb(0 123 255 / 25%);\n }\n}\n\n:where([type=\"range\"])::-moz-focus-outer {\n border: 0;\n}\n\n:where([type=\"range\"]):focus::-moz-range-thumb {\n box-shadow: 0 0 0 0.1rem / bf-v-color.$bf-white,\n 0 0 0 0.2rem rgb(0 123 255 / 25%);\n}\n\n// disabled\n\n:where([type=\"range\"]):disabled {\n pointer-events: none;\n\n &::-webkit-slider-thumb {\n background-color: bf-v-color.$bf-gray-light;\n }\n\n &::-moz-slider-thumb {\n background-color: bf-v-color.$bf-gray-light;\n }\n}\n"]}