npm - bullframe.css - Versions diffs - 4.2.0 → 4.2.1 - Mend

bullframe.css 4.2.0 → 4.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (48) hide show

package/dist/css/bullframe-classless-dark.min.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["bullframe-classless-dark.css","bullframe-classless-dark.scss","bullframe-classless.scss","miscellaneous/_misc-layout.scss","typography/_typography-html-body.scss","variables/_variables-colors.scss","variables/_variables-texts.scss","typography/_typography-headings.scss","variables/_variables-spacing.scss","typography/_typography-blockquotes.scss","typography/_typography-monospaced-elements.scss","typography/_typography-misc.scss","miscellaneous/_misc-anchors.scss","miscellaneous/_misc-lists.scss","miscellaneous/_misc-embedded-content.scss","forms/_forms-normalization.scss","forms/_forms-styling.scss","forms/_forms-styling-select.scss","forms/_forms-styling-radio-checkbox.scss","forms/_forms-styling-range.scss","miscellaneous/_misc-tables.scss","utilities/_utility-global-dark-scrollbars.scss","utilities/_utility-global-dark-classless.scss"],"names":[],"mappings":"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AAA,CAFA,oBpB88BF,CoBz8BA,SACE,qBpB48BF,CoBz8BA,MAEE,kBpB48BF,CoBz8BA,GAEE,eAAA,CADA,kBpB68BF,CoBz8BA,QAOE,mBAAA,CAFA,UftBQ,Ce0BR,aAAA,CADA,iBAAA,CAJA,oBZhBkB,CYclB,iBZdkB,CYkBlB,epB+8BF,CqB9+BA,KACE,4BrBi/BF,CqB1+BA,oBAEE,aAAA,CADA,YrB8+BF,CqB1+BA,0BACE,qBrB6+BF,CqB1+BA,0BACE,wBrB6+BF,CqB1+BA,gCACE,qBrB6+BF,CsBlgCA,KACE,atBqgCF,CsBlgCA,KACE,wBtBqgCF,CsBjgCA,EACE,atBogCF,CsBlgCE,gBAEE,atBmgCJ,CsB9/BA,KACE,qBtBigCF,CsB9/BA,IACE,wBtBigCF,CsB5/BA,8OAiBE,qBjBnCc,CiBoCd,iBjBnCS,CiBoCT,UtB+/BF,CsB7/BE,yrBAEE,qBjBzCY,CiB0CZ,oBtB8hCJ,CsB1gCE,kpBAEE,uCtB0iCJ,CsBtiCA,mCACE,2LtByiCF,CsBpiCA,iEAEE,4HAIE,qBtBqiCF,CACF,CsB/hCA,qFAKI,gCACE,4BtBgiCJ,CsB1hCA,4CACE,qBtB4hCF,CsBzhCA,+BACE,qBtB2hCF,CACF,CsBxhCA,mDAEE,UtB0hCF,CsB5hCA,yCAEE,UtB0hCF,CsBvhCA,gDAIE,etB0hCF,CsBxhCE,4NAGE,kBtBiiCJ,CsB9hCE,oJAEE,wCtBqiCJ,CsBhiCA,oBAEE,qBtBmiCF,CsBhiCA,eACE,qBtBmiCF","file":"bullframe-classless-dark.min.css","sourcesContent":["/! bullframe.css v4.2.0 \| MIT License \| https://github.com/marcop135/bullframe.css /\n/! custom build: bullframe-classless-dark /\n/! custom build: bullframe-classless /\n,\n::before,\n::after {\n box-sizing: border-box;\n}\n\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\ndetails {\n display: block;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n\nhtml {\n text-size-adjust: 100%;\n font-size: 62.5%;\n color: #222;\n font-family: sans-serif;\n line-height: 1.15;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\nbody {\n margin: 0;\n font-size: 16px;\n font-size: 1.6rem;\n line-height: 1.5;\n font-weight: 400;\n text-align: left;\n font-family: BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n text-rendering: optimizeLegibility;\n word-wrap: break-word;\n background-color: #fff;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n font-weight: 700;\n font-weight: 600;\n font-family: inherit;\n color: inherit;\n line-height: 1.25;\n margin-bottom: 10px;\n margin-bottom: 1rem;\n}\n\nh1 {\n font-size: 36px;\n font-size: 3.6rem;\n}\n\nh2 {\n font-size: 30px;\n font-size: 3rem;\n}\n\nh3 {\n font-size: 24px;\n font-size: 2.4rem;\n}\n\nh4 {\n font-size: 20px;\n font-size: 2rem;\n}\n\nh5,\nh6 {\n font-size: 16px;\n font-size: 1.6rem;\n}\n\nblockquote {\n margin: 0 0 20px 0;\n margin-bottom: 2rem;\n padding-left: 0;\n font-style: italic;\n}\n\nblockquote p {\n margin-bottom: 0;\n}\n\nblockquote small {\n color: #999;\n display: block;\n}\n\nblockquote small:before {\n content: \"— \";\n}\n\nq {\n quotes: \"“\" \"”\" \"‘\" \"’\";\n}\n\npre {\n margin: 0 0 20px 0;\n margin: 0 0 2rem 0;\n display: block;\n overflow: auto;\n word-break: break-all;\n word-wrap: break-word;\n white-space: pre;\n hyphens: none;\n -ms-overflow-style: auto;\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\", \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 0.875em;\n}\n\ncode {\n word-wrap: break-word;\n}\n\na > code {\n color: inherit;\n}\n\npre code {\n font-size: inherit;\n color: inherit;\n word-break: normal;\n}\n\np {\n margin: 0 0 20px 0;\n margin: 0 0 2rem 0;\n}\n\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n text-decoration: underline;\n text-decoration: underline dotted;\n border-bottom: 0;\n}\n\nmark {\n background-color: #ff0;\n color: #000;\n}\n\nins {\n background-color: #ff9;\n color: #000;\n text-decoration: none;\n}\n\nb,\nstrong {\n font-weight: inherit;\n}\n\n/ stylelint-disable-next-line /\nb,\nstrong {\n font-weight: bolder;\n}\n\ndfn {\n font-style: italic;\n}\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -8px;\n top: -0.8rem;\n}\n\nsub {\n bottom: -4px;\n bottom: -0.4rem;\n}\n\nsmall {\n font-size: 80%;\n}\n\nhr {\n box-sizing: content-box;\n display: block;\n height: 0;\n border-style: solid;\n border-width: 1px 0 0;\n color: inherit;\n margin: 20px 0;\n margin: 2rem 0;\n padding: 0;\n overflow: visible;\n}\n\naddress {\n font-style: normal;\n margin-bottom: 10px;\n margin-bottom: 1rem;\n line-height: inherit;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\na {\n color: #007bff;\n text-decoration: none;\n background-color: transparent;\n}\na:hover, a:focus {\n text-decoration: underline;\n color: #0056b3;\n}\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):hover,\na:not([href]):not([tabindex]):focus,\na:not([href]):not([class]),\na:not([href]):not([class]):hover {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):focus {\n outline: 0;\n}\n\nmenu,\nol,\nul,\ndl {\n margin: 0 0 20px 0;\n margin: 0 0 2rem 0;\n padding: 0;\n}\n\nmenu ul,\nmenu ol,\nul ul,\nul ol,\nol ol,\nol ul,\ndd {\n margin-bottom: 0;\n}\n\nul,\nol {\n margin-left: 20px;\n margin-left: 2rem;\n}\n\nnav ol,\nnav ul {\n list-style: none;\n list-style-image: none;\n margin-left: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-left: 0;\n}\n\nnav li:before {\n content: \"\";\n position: absolute;\n}\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n}\n\nimg,\ncanvas,\naudio,\nvideo,\niframe,\nobject,\nembed {\n max-width: 100%;\n}\n\naudio,\nvideo,\ncanvas,\nimg,\nsvg {\n vertical-align: middle;\n}\n\nimg {\n height: auto;\n border-style: none;\n}\n\nfigure {\n margin: 0;\n}\n\nfigure,\nfigcaption {\n display: block;\n}\n\nfigcaption {\n line-height: 1.375;\n font-size: 90%;\n}\n\nvideo {\n height: auto;\n}\n\naudio {\n width: 100%;\n}\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\nsvg:not([fill]) {\n fill: currentColor;\n}\n\nprogress,\nmeter {\n display: inline-block;\n vertical-align: baseline;\n width: 100%;\n max-width: 100%;\n}\n\nprogress[value] {\n appearance: none;\n border: none;\n height: 20px;\n height: 2rem;\n background: #ccc;\n color: #007bff;\n}\n\nprogress[value]::-webkit-progress-bar {\n background: #ccc;\n}\n\nprogress[value]::-webkit-progress-value {\n background: #007bff;\n}\n\niframe {\n border-style: none;\n}\n\nhtml input,\nbutton,\nselect,\noptgroup,\ntextarea {\n color: inherit;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nhtml input,\nbutton,\n[type=radio],\n[type=checkbox],\nselect,\noptgroup,\ntextarea {\n margin: 0;\n}\n\nhtml input,\nselect,\ntextarea,\nlegend {\n width: 100%;\n}\n\nhtml label,\nbutton,\n[type=image],\n[type=submit],\n[type=reset],\nhtml [type=button],\n[type=radio],\n[type=checkbox] {\n width: auto;\n}\n\nhtml input,\nlabel,\nselect,\ntextarea,\nbutton,\nhtml [type=button],\n[type=reset],\n[type=submit],\noutput {\n display: inline-block;\n}\n\n[type=file] {\n display: block;\n background-color: transparent;\n}\n\nbutton,\nhtml input,\nselect,\ntextarea {\n background-image: none;\n}\n\ninput,\nselect,\ntextarea {\n vertical-align: baseline;\n}\n\nform {\n margin: 0;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n margin: 0;\n min-width: 0;\n}\n\nlegend {\n display: table;\n max-width: 100%;\n white-space: normal;\n border: 0;\n padding: 0;\n font-weight: 400;\n margin-bottom: 5px;\n margin-bottom: 0.5rem;\n font-size: inherit;\n line-height: 1.375;\n color: inherit;\n}\n\nlabel {\n font-weight: 400;\n font-size: 90%;\n line-height: 1.375;\n margin-bottom: 5px;\n margin-bottom: 0.5rem;\n}\n\nlabel input,\nlabel select,\nlabel textarea {\n font-size: 110%;\n}\n\n[type=number]::-webkit-outer-spin-button,\n[type=number]::-webkit-inner-spin-button {\n height: auto;\n}\n\n::-webkit-datetime-edit-fields-wrapper,\n::-webkit-datetime-edit-text,\n::-webkit-datetime-edit-minute,\n::-webkit-datetime-edit-hour-field,\n::-webkit-datetime-edit-day-field,\n::-webkit-datetime-edit-month-field,\n::-webkit-datetime-edit-year-field {\n padding: 0;\n}\n\n::-webkit-color-swatch-wrapper {\n padding: 0;\n}\n\n[type=search] {\n outline-offset: -2.5px;\n outline-offset: -0.25rem;\n}\n\noutput {\n vertical-align: middle;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\n word-wrap: normal;\n}\n\n[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {\n display: none !important;\n}\n\noptgroup {\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: 700;\n font-weight: 600;\n}\n\nbutton,\nhtml [type=button],\n[type=reset],\n[type=submit],\n[type=email],\n[type=number],\n[type=text],\n[type=tel],\n[type=date],\n[type=datetime-local],\n[type=month],\n[type=week],\n[type=url],\n[type=image],\n[type=password],\n[type=search],\n[type=search]::-webkit-search-decoration,\n[type=search]::-webkit-search-cancel-button,\ninput[list],\ntextarea {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n border-radius: 2.5px;\n border-radius: 0.25rem;\n}\n\n[type=radio] {\n border-radius: 50%;\n}\n\n[type=checkbox] {\n border-radius: 5px;\n border-radius: 0.5rem;\n}\n\n[type=radio],\n[type=checkbox] {\n padding: 0;\n background-color: #fff;\n}\n\n[type=range] {\n background-color: transparent;\n}\n\nselect[size],\nselect[multiple] {\n height: auto;\n}\n\nselect[multiple] {\n background-image: none;\n}\n\ntextarea {\n height: auto;\n min-height: 60px;\n min-height: 6rem;\n overflow: auto;\n vertical-align: top;\n resize: vertical;\n}\n\n::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n line-height: normal;\n text-align: center;\n margin: 0;\n background-clip: padding-box;\n vertical-align: baseline;\n overflow: visible;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n user-select: none;\n border: 0;\n background-image: none;\n}\nbutton:hover, button:active, button:focus,\n[type=button]:hover,\n[type=button]:active,\n[type=button]:focus,\n[type=reset]:hover,\n[type=reset]:active,\n[type=reset]:focus,\n[type=submit]:hover,\n[type=submit]:active,\n[type=submit]:focus {\n text-decoration: none;\n color: #222;\n}\n\nbutton,\nselect,\ninput[type=submit],\ninput[type=button],\n[type=checkbox],\n[type=range],\n[type=radio],\n[role=button] {\n cursor: pointer;\n}\n\ninput::placeholder,\ntextarea::placeholder {\n color: #666;\n}\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n[type=email],\n[type=number],\n[type=password],\n[type=tel],\n[type=search],\n[type=text],\n[type=date],\n[type=datetime-local],\n[type=month],\n[type=week],\n[type=time],\n[type=url],\ninput[list],\nselect,\ntextarea {\n background-color: #fff;\n border: 1px solid #999;\n padding: 5px 7.5px;\n padding: 0.5rem 0.75rem;\n}\n\n[type=email]:active, [type=email]:focus,\n[type=number]:active,\n[type=number]:focus,\n[type=password]:active,\n[type=password]:focus,\n[type=tel]:active,\n[type=tel]:focus,\n[type=search]:active,\n[type=search]:focus,\n[type=text]:active,\n[type=text]:focus,\n[type=date]:active,\n[type=date]:focus,\n[type=datetime-local]:active,\n[type=datetime-local]:focus,\n[type=month]:active,\n[type=month]:focus,\n[type=week]:active,\n[type=week]:focus,\n[type=time]:active,\n[type=time]:focus,\n[type=url]:active,\n[type=url]:focus,\ninput[list]:active,\ninput[list]:focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus,\n[type=radio]:active,\n[type=radio]:focus,\n[type=checkbox]:active,\n[type=checkbox]:focus {\n transition: border 0.2s, background-color 0.2s, box-shadow 0.2s;\n border-color: #007bff;\n box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25);\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n color: #222;\n padding: 6.6666666667px 13.3333333333px;\n padding: 0.6666666667rem 1.3333333333rem;\n background: #ccc;\n transition: color 0.2s, background 0.2s, box-shadow 0.2s;\n}\nbutton:hover, button:active, button:focus,\n[type=button]:hover,\n[type=button]:active,\n[type=button]:focus,\n[type=reset]:hover,\n[type=reset]:active,\n[type=reset]:focus,\n[type=submit]:hover,\n[type=submit]:active,\n[type=submit]:focus {\n text-decoration: none;\n color: #222;\n background: rgb(178.5, 178.5, 178.5);\n}\nbutton:active, button:focus,\n[type=button]:active,\n[type=button]:focus,\n[type=reset]:active,\n[type=reset]:focus,\n[type=submit]:active,\n[type=submit]:focus {\n box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);\n}\n\nfieldset[disabled] button,\nfieldset[disabled] input,\nfieldset[disabled] input:after,\nfieldset[disabled] input:before,\nfieldset[disabled] input:checked,\nfieldset[disabled] select,\nfieldset[disabled] textarea,\nfieldset[disabled] label,\nbutton[disabled],\ninput[disabled],\ninput[disabled]:after,\ninput[disabled]:before,\ninput[disabled]:checked,\nselect[disabled],\ntextarea[disabled],\nlabel[disabled],\nbutton:disabled,\ninput:disabled,\ninput:disabled:after,\ninput:disabled:before,\ninput:disabled:checked,\nselect:disabled,\ntextarea:disabled,\nlabel:disabled,\nbutton[aria-disabled=true],\ninput[aria-disabled=true],\ninput[aria-disabled=true]:after,\ninput[aria-disabled=true]:before,\ninput[aria-disabled=true]:checked,\nselect[aria-disabled=true],\ntextarea[aria-disabled=true],\nlabel[aria-disabled=true] {\n cursor: default !important;\n cursor: not-allowed !important;\n pointer-events: none !important;\n user-select: none !important;\n box-shadow: none !important;\n opacity: 0.5 !important;\n}\n\nselect:not([size]):not([multiple]) {\n appearance: none;\n background: #fff url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\") no-repeat right 0.85rem center/8px 10px;\n padding-right: 20px;\n padding-right: 2rem;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\n[dir=rtl] select:not([size]):not([multiple]),\nselect[dir=rtl]:not([size]):not([multiple]) {\n background-position: left 0.85rem top 50%;\n padding-right: 7.5px;\n padding-right: 0.75rem;\n padding-left: 20px;\n padding-left: 2rem;\n}\n\n@supports (appearance: none) {\n [type=checkbox],\n [type=radio] {\n appearance: none;\n height: 1.8rem;\n width: 1.8rem;\n vertical-align: top;\n position: relative;\n border: 1px solid #999;\n }\n [type=checkbox] + label,\n [type=radio] + label {\n line-height: 1.8rem;\n vertical-align: top;\n margin-left: 5px;\n margin-left: 0.5rem;\n }\n [dir=rtl] [type=checkbox] + label, [type=checkbox][dir=rtl] + label,\n [dir=rtl] [type=radio] + label,\n [type=radio][dir=rtl] + label {\n margin-left: 0;\n margin-right: 5px;\n margin-right: 0.5rem;\n }\n [type=checkbox]:after,\n [type=radio]:after {\n content: \"\";\n display: block;\n position: absolute;\n }\n [type=checkbox]:checked,\n [type=radio]:checked {\n background-color: #007bff;\n border-color: #000;\n }\n [type=radio]:after {\n width: 1.8rem;\n height: 1.8rem;\n left: -0.05rem;\n top: -0.05rem;\n border-radius: 50%;\n background: #fff;\n transform: scale(0.35);\n }\n [type=checkbox]:after {\n width: 0.6rem;\n height: 0.8rem;\n border: 2px solid #fff;\n border-top: 0;\n border-left: 0;\n left: 35%;\n top: 20%;\n transform: rotate(43deg);\n }\n}\n@supports (appearance: none) {\n [type=range] {\n appearance: none;\n width: 100%;\n height: 1.4rem;\n }\n [type=range]::-webkit-slider-thumb {\n border: 0;\n appearance: none;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -0.25rem;\n background-color: #007bff;\n border-radius: 1.5rem;\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n }\n [type=range]::-webkit-slider-thumb:active {\n background-color: #007bff;\n }\n [type=range]::-moz-range-thumb {\n border: 0;\n appearance: none;\n width: 1.5rem;\n height: 1.5rem;\n background-color: #007bff;\n border-radius: 1.5rem;\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n }\n [type=range]::-moz-range-thumb:active {\n background-color: #007bff;\n }\n [type=range]::-webkit-slider-runnable-track {\n color: transparent;\n border-color: transparent;\n width: 100%;\n height: 0.65rem;\n cursor: pointer;\n background-color: #e9e9e9;\n }\n [type=range]::-moz-range-track {\n color: transparent;\n border-color: transparent;\n width: 100%;\n height: 0.65rem;\n cursor: pointer;\n background-color: #e9e9e9;\n }\n [type=range]:focus {\n outline: none;\n }\n [type=range]:focus::-webkit-slider-thumb {\n box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n [type=range]:focus::-moz-slider-thumb {\n box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n [type=range]::-moz-focus-outer {\n border: 0;\n }\n [type=range]:focus::-moz-range-thumb {\n box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n [type=range]:disabled {\n pointer-events: none;\n }\n [type=range]:disabled::-webkit-slider-thumb {\n background-color: #ccc;\n }\n [type=range]:disabled::-moz-slider-thumb {\n background-color: #ccc;\n }\n}\ntable {\n max-width: 100%;\n border-collapse: collapse;\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n}\n\nthead th {\n vertical-align: bottom;\n}\n\nth,\ntd {\n vertical-align: top;\n}\n\nth {\n text-align: inherit;\n font-weight: 700;\n}\n\ncaption {\n padding-top: 5px;\n padding-top: 0.5rem;\n padding-bottom: 5px;\n padding-bottom: 0.5rem;\n color: #999;\n text-align: left;\n caption-side: bottom;\n line-height: 1.375;\n font-size: 90%;\n}\n\nhtml {\n scrollbar-color: rgb(89.25, 89.25, 89.25) #111;\n}\n\n::-webkit-scrollbar {\n width: 1.5rem;\n height: 1.5rem;\n}\n\n::-webkit-scrollbar-track {\n background-color: #111;\n}\n\n::-webkit-scrollbar-thumb {\n background-color: rgb(89.25, 89.25, 89.25);\n}\n\n::-webkit-scrollbar-thumb:hover {\n background-color: rgb(127.5, 127.5, 127.5);\n}\n\nhtml {\n color: #f0f0f0;\n}\n\nbody {\n background-color: rgb(36.125, 36.125, 36.125);\n}\n\na {\n color: rgb(102, 175.8, 255);\n}\na:hover, a:focus {\n color: rgb(26, 136.0223463687, 255);\n}\n\nmark {\n background-color: #cccc00;\n}\n\nins {\n background-color: rgb(178.5, 178.5, 0);\n}\n\n[type=email],\n[type=number],\n[type=password],\n[type=tel],\n[type=search],\n[type=text],\n[type=date],\n[type=datetime-local],\n[type=month],\n[type=week],\n[type=time],\n[type=url],\n[type=range],\ninput[list],\nselect,\nselect:not([size]):not([multiple]),\ntextarea {\n background-color: #111;\n border-color: #000;\n color: #ccc;\n}\n[type=email]:active, [type=email]:focus,\n[type=number]:active,\n[type=number]:focus,\n[type=password]:active,\n[type=password]:focus,\n[type=tel]:active,\n[type=tel]:focus,\n[type=search]:active,\n[type=search]:focus,\n[type=text]:active,\n[type=text]:focus,\n[type=date]:active,\n[type=date]:focus,\n[type=datetime-local]:active,\n[type=datetime-local]:focus,\n[type=month]:active,\n[type=month]:focus,\n[type=week]:active,\n[type=week]:focus,\n[type=time]:active,\n[type=time]:focus,\n[type=url]:active,\n[type=url]:focus,\n[type=range]:active,\n[type=range]:focus,\ninput[list]:active,\ninput[list]:focus,\nselect:active,\nselect:focus,\nselect:not([size]):not([multiple]):active,\nselect:not([size]):not([multiple]):focus,\ntextarea:active,\ntextarea:focus {\n background-color: #111;\n border-color: rgb(51, 149.4, 255);\n}\n\n[type=email]:active, [type=email]:focus,\n[type=number]:active,\n[type=number]:focus,\n[type=password]:active,\n[type=password]:focus,\n[type=tel]:active,\n[type=tel]:focus,\n[type=search]:active,\n[type=search]:focus,\n[type=text]:active,\n[type=text]:focus,\n[type=date]:active,\n[type=date]:focus,\n[type=datetime-local]:active,\n[type=datetime-local]:focus,\n[type=month]:active,\n[type=month]:focus,\n[type=week]:active,\n[type=week]:focus,\n[type=time]:active,\n[type=time]:focus,\n[type=url]:active,\n[type=url]:focus,\ninput[list]:active,\ninput[list]:focus,\nselect:active,\nselect:focus,\nselect:not([size]):not([multiple]):active,\nselect:not([size]):not([multiple]):focus,\ntextarea:active,\ntextarea:focus {\n box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.5);\n}\n\nselect:not([size]):not([multiple]) {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23f0f0f0' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\");\n}\n\n@media screen and (min-width: 0\\0 ) and (min-resolution: 0.001dpcm) {\n select:not([size]):not([multiple]),\n [dir=rtl] select:not([size]):not([multiple]),\n select[dir=rtl]:not([size]):not([multiple]) {\n background-image: none;\n }\n}\n@supports (appearance: none) {\n [type=range] {\n background-color: transparent;\n }\n [type=range]:focus {\n background-color: transparent;\n }\n [type=range]::-webkit-slider-runnable-track {\n background-color: #111;\n }\n [type=range]::-moz-range-track {\n background-color: #111;\n }\n}\ninput::placeholder,\ntextarea::placeholder {\n color: #999;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n background: #ccc;\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 background: rgb(178.5, 178.5, 178.5);\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(255, 255, 255, 0.45);\n}\n\na:focus,\ninput:focus {\n outline-color: rgb(178.5, 115.5, 0);\n}\n\n:focus-visible {\n outline-color: rgb(178.5, 115.5, 0);\n}","/! custom build: bullframe-classless-dark /\n// https://css-tricks.com/no-class-css-frameworks/\n\n@import 'bullframe-classless';\n@import 'utilities/utility-global-dark-classless';\n","/! custom build: bullframe-classless /\n// https://css-tricks.com/no-class-css-frameworks/\n\n// colors, spacing and breakpoint variables\n// this is for an easy customisation\n@import 'variables/variables-colors';\n@import 'variables/variables-texts';\n@import 'variables/variables-spacing';\n@import 'variables/variables-breakpoints';\n\n// all about box-sizing and display\n@import 'miscellaneous/misc-layout';\n\n// this a wide range of text elements bug fixing and improvements\n@import 'typography/typography-html-body';\n@import 'typography/typography-headings';\n@import 'typography/typography-blockquotes';\n@import 'typography/typography-monospaced-elements';\n@import 'typography/typography-misc';\n\n// <a> linkage\n@import 'miscellaneous/misc-anchors';\n\n// <ul>, <ol> and <dl>\n@import 'miscellaneous/misc-lists';\n\n// img, audio, video, svg, and more\n@import 'miscellaneous/misc-embedded-content';\n\n// all about form elements\n@import 'forms/forms-normalization';\n@import 'forms/forms-styling';\n@import 'forms/forms-styling-select';\n@import 'forms/forms-styling-radio-checkbox';\n@import 'forms/forms-styling-range';\n\n// <table> and his elements\n@import 'miscellaneous/misc-tables';\n\n// this is just quick way to customise your styles\n// below these styles, you shouldn't override nothing but remove them\n// commented by default\n@import 'miscellaneous/misc-author-styles-in-css';\n",",\n::before,\n::after {\n box-sizing: border-box;\n}\n\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\ndetails {\n display: block;\n}\n\ntemplate {\n display: none;\n}\n\n// Always hide an element with the `hidden` HTML attribute\n[hidden] {\n display: none !important;\n}\n","html {\n text-size-adjust: 100%;\n\n // resize the base font-size and get an easy math for rem units\n // https://snook.ca/archives/html_and_css/font-size-with-rem\n font-size: 62.5%;\n\n color: #222;\n\n // set a default font-family and line-height\n font-family: sans-serif;\n line-height: 1.15;\n\n // ! this is not a standard feature, is webkit only\n // https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-tap-highlight-color\n\n // remove a tap background when a link or interactive element is focused\n // if is touch\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\nbody {\n margin: 0;\n font-size: $bf-body-font-size-px; // '16px' by default\n font-size: $bf-body-font-size-rem; // '1.6rem' by default\n line-height: $bf-body-line-height; // '1.5' by default\n\n // this is useful to inherit values for some elements (e.g. forms)\n font-weight: 400;\n text-align: left;\n\n // native font stack for optimum text rendering on every device and OS\n // this stack mimics the system font UI\n // a web apps looks like a native app (e.g. Android = Roboto font)\n // Read more:\n // https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/\n font-family: \n\n\t\t// Safari for OS X and iOS (San Francisco) -apple-system,\n // Chrome < 56 for OS X (San Francisco)\n BlinkMacSystemFont,\n // Windows\n 'Segoe UI',\n // Android\n Roboto,\n // Linux with KDE\n Oxygen-Sans,\n // Ubuntu (all variants)\n Ubuntu,\n // Linux with GNOME Shell\n Cantarell,\n // macOS 1.10 and below\n 'Helvetica Neue',\n Helvetica,\n\n // Basic web fallback\n Arial,\n 'Noto Sans', sans-serif,\n\n // emoji fonts\n 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n\n // this enable font ligatures\n text-rendering: optimizeLegibility;\n\n // break very long texts by default, especially on old browsers\n // e.g. big <h1> or <h2> headlines\n word-wrap: break-word;\n\n background-color: $bf-white;\n}\n","// ! CSS Variables (Custom Properties) are not IE-friendly\n// https://caniuse.com/#feat=css-variables\n// let's Sass do the job instead\n\n// customise/enlarge this small selection as needed\n\n// hex to rgba online converter http://www.hex2rgba.devoth.com/\n\n// backgrounds, texts and borders\n$bf-white: #fff; // rgba(255,255,255,1)\n$bf-light: #f0f0f0; // rgba(240,240,240,1)\n$bf-gray-light-extra: #e9e9e9; // rgba(233,233,233,1)\n$bf-gray-light: #ccc; // rgba(204,204,204,1)\n$bf-gray: #999; // rgba(153,153,153,1)\n$bf-gray-dark: #666; // rgba(102,102,102,1)\n$bf-gray-dark-extra: #333; // rgba(51,51,51,1)\n$bf-dark: #222; // rgba(34,34,34,1)\n$bf-dark-extra: #111; // rgba(17,17,17,1)\n$bf-black: #000; // rgba(0,0,0,1)\n\n// <mark> and <ins>\n$bf-yellow-light: #ff9; // rgba(255,255,153,1)\n$bf-yellow: #ff0; // rgba(255,255,0,1)\n\n// anchors and accent\n$bf-blue: #007bff; // rgba(0,123,255,1)\n$bf-blue-light: #0056b3; // rgba(0,86,179,1)\n$bf-blue-light-extra: #bed8fe; //rgba(190, 216, 254, 1)\n\n// invalid forms\n$bf-red: #ff0000; // rgba(255,0,0,1)\n","$bf-font-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif,\n 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n\n$bf-font-serif: Georgia, Times, 'Times New Roman', serif;\n\n$bf-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',\n 'Courier New', monospace;\n\n$bf-body-font-size-px: 16px;\n$bf-body-font-size-rem: 1.6rem;\n$bf-body-line-height: 1.5;\n","h1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n\n font-weight: 700; // fallback\n font-weight: 600;\n font-family: inherit;\n color: inherit;\n line-height: 1.25;\n margin-bottom: $bf-spacing-lg-px;\n margin-bottom: $bf-spacing-lg-rem;\n\n\n}\n\nh1 {\n font-size: 36px;\n font-size: 3.6rem;\n}\n\nh2 {\n font-size: 30px;\n font-size: 3rem;\n}\n\nh3 {\n font-size: 24px;\n font-size: 2.4rem;\n}\n\nh4 {\n font-size: 20px;\n font-size: 2rem;\n}\n\nh5,\nh6 {\n font-size: 16px;\n font-size: 1.6rem;\n}","// customise this spacing selection as needed\n\n// the REM unit is the default,\n// preceded by the PX unit as fallback for old browsers (IE)\n// https://caniuse.com/#search=rem\n//\n// e.g.\n// html { font-size: 62.5%; }\n// body { font-size: 16px; }\n// h1 { font-size: 30px; font-size: 3rem; }\n\n$bf-spacing-sm-px: 2.5px;\n$bf-spacing-md-px: 5px;\n$bf-spacing-lg-px: 10px;\n$bf-spacing-xl-px: 20px;\n$bf-spacing-xxl-px: 30px;\n\n$bf-spacing-sm-rem: .25rem;\n$bf-spacing-md-rem: .5rem;\n$bf-spacing-lg-rem: 1rem;\n$bf-spacing-xl-rem: 2rem;\n$bf-spacing-xxl-rem: 3rem;\n\n// ! grid system only\n$bf-spacing-grid-gutter-px: 15px;\n$bf-spacing-grid-gutter-rem: 1.5rem;","blockquote {\n margin: 0 0 $bf-spacing-xl-px 0;\n margin-bottom: $bf-spacing-xl-rem;\n padding-left: 0;\n font-style: italic;\n}\n\nblockquote p {\n margin-bottom: 0;\n}\n\nblockquote small {\n color: $bf-gray;\n display: block;\n}\n\nblockquote small:before {\n content: '\\2014 \\00A0';\n}\n\nq {\n quotes: '\\201C''\\201D''\\2018''\\2019';\n}\n","pre {\n margin: 0 0 $bf-spacing-xl-px 0;\n margin: 0 0 $bf-spacing-xl-rem 0;\n\n display: block;\n overflow: auto;\n word-break: break-all; // webkit\n word-wrap: break-word;\n white-space: pre;\n hyphens: none;\n\n // this is a not standard CSS property, so it's for IE only\n // https://developer.mozilla.org/en-US/docs/Web/CSS/-ms-overflow-style\n //\n // Disable auto-hiding scrollbar in legacy Edge\n // https://github.com/twbs/bootstrap/pull/30685\n -ms-overflow-style: auto;\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family: \n\n /* macOS 1.10+ / 'Menlo', / Windows 6+ / 'Consolas',\n / Android 4+ / 'Roboto Mono', / Ubuntu 1.10+ / 'Ubuntu Monospace',\n / KDE Plasma 5+ / 'Noto Mono', / KDE Plasma 4+ / 'Oxygen Mono',\n / Linux/OpenOffice fallback / 'Liberation Mono', / fallback / monospace,\n / emoji fonts / 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n 'Noto Color Emoji';\n\n // a monospaced text font should looks bigger, so a smaller font-size\n // is preferred\n font-size: 0.875em;\n}\n\ncode {\n word-wrap: break-word;\n}\n\na > code {\n color: inherit;\n}\n\npre code {\n font-size: inherit;\n color: inherit;\n word-break: normal;\n}\n","p {\n margin: 0 0 $bf-spacing-xl-px 0;\n margin: 0 0 $bf-spacing-xl-rem 0;\n}\n\n// Abbreviations (taken from Bootstrap 4)\n//\n// 1. Remove the bottom border in Firefox 39-.\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n border-bottom: 0; // 2\n}\n\nmark {\n background-color: $bf-yellow;\n color: $bf-black;\n}\n\nins {\n background-color: $bf-yellow-light;\n color: $bf-black;\n text-decoration: none;\n}\n\n// Prevent the duplicate application of `bolder` by the next rule\n// in Safari 6\nb,\nstrong {\n font-weight: inherit;\n}\n\n// Add the correct font weight in Chrome, Edge, and Safari\n/ stylelint-disable-next-line /\nb,\nstrong {\n font-weight: bolder;\n}\n\ndfn {\n font-style: italic;\n}\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -8px;\n top: -0.8rem;\n}\n\nsub {\n bottom: -4px;\n bottom: -0.4rem;\n}\n\nsmall {\n font-size: 80%;\n}\n\nhr {\n box-sizing: content-box;\n display: block;\n height: 0;\n border-style: solid;\n border-width: 1px 0 0;\n color: inherit;\n margin: $bf-spacing-xl-px 0;\n margin: $bf-spacing-xl-rem 0;\n padding: 0;\n overflow: visible; // Show the overflow in Edge and IE\n}\n\naddress {\n font-style: normal;\n margin-bottom: $bf-spacing-lg-px;\n margin-bottom: $bf-spacing-lg-rem;\n line-height: inherit;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n","a {\n color: $bf-blue; // bootstrap blue\n text-decoration: none;\n\n // IE10+: Remove grey background on active links\n background-color: transparent;\n \n &:hover,\n &:focus {\n text-decoration: underline;\n color: $bf-blue-light;\n }\n}\n\n// this is taken from Bootstrap's reboot\n// https://getbootstrap.com/docs/4.4/content/reboot/\n//\n// ':not' is IE9+\n// https://caniuse.com/#feat=mdn-css_selectors_not\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):hover,\na:not([href]):not([tabindex]):focus,\na:not([href]):not([class]),\na:not([href]):not([class]):hover {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):focus {\n outline: 0;\n}\n","menu,\nol,\nul,\ndl {\n margin: 0 0 $bf-spacing-xl-px 0;\n margin: 0 0 $bf-spacing-xl-rem 0;\n padding: 0;\n}\n\nmenu ul,\nmenu ol,\nul ul,\nul ol,\nol ol,\nol ul,\ndd {\n margin-bottom: 0;\n}\n\nul,\nol {\n margin-left: $bf-spacing-xl-px;\n margin-left: $bf-spacing-xl-rem;\n}\n\nnav ol,\nnav ul {\n list-style: none;\n list-style-image: none;\n margin-left: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-left: 0;\n}\n\n// taken from https://github.com/jensimmons/cssremedy\n//\n// 1. Add zero-width-space to prevent VoiceOver disable\n// 2. Absolute position ensures no extra space\n// See: https://unfetteredthoughts.net/2017/09/26/voiceover-and-list-style-type-none/\nnav li:before {\n content: '\\200B';\n position: absolute;\n}\n","audio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n}\n\nimg,\ncanvas,\naudio,\nvideo,\niframe,\nobject,\nembed {\n max-width: 100%;\n}\n\naudio,\nvideo,\ncanvas,\nimg,\nsvg {\n vertical-align: middle;\n}\n\nimg {\n height: auto;\n border-style: none;\n}\n\n// useful for CMS generated images\n// but causes layout breaking\n// img[width],\n// img[height] {\n// \tmax-width: none;\n// }\n\nfigure {\n margin: 0;\n}\n\nfigure,\nfigcaption {\n display: block;\n}\n\nfigcaption {\n line-height: 1.375;\n font-size: 90%;\n}\n\nvideo {\n height: auto;\n}\n\naudio {\n width: 100%;\n}\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\nsvg:not([fill]) {\n fill: currentColor;\n}\n\nprogress,\nmeter {\n display: inline-block;\n vertical-align: baseline;\n width: 100%;\n max-width: 100%;\n}\n\n// <progress> normalization\n//\n// https://css-tricks.com/html5-progress-element/\nprogress[value] {\n appearance: none; // reset the default appearance\n border: none; // Get rid of default border in Firefox\n\n height: 20px;\n height: 2rem;\n\n // progress bar background color\n background: $bf-gray-light;\n\n // progress value background color in IE10+\n color: $bf-blue;\n}\n\n// ! this is not a standard feature, is webkit only\n// https://developer.mozilla.org/en-US/docs/Web/CSS/%3A%3A-webkit-progress-bar\n//\n// progress value background color in webkit\nprogress[value]::-webkit-progress-bar {\n background: $bf-gray-light;\n}\nprogress[value]::-webkit-progress-value {\n background: $bf-blue;\n}\n\n// remove default border in old browsers\n// and for embeds (e.g. youtube) that don't remove the border with the attribute\n// frameborder=\"0\"\n//\n// e.g.\n// <iframe\n// width=\"560\"\n// height=\"315\"\n// src=\"https://www.youtube-nocookie.com/embed/Z-4v4I7Gzk0\"\n// frameborder=\"0\"\n// allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n// allowfullscreen>\n// </iframe>\niframe {\n border-style: none;\n}\n","// normalization, enhancement and responsiveness\n\nhtml input,\nbutton,\nselect,\noptgroup,\ntextarea {\n color: inherit;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nhtml input,\nbutton,\n[type='radio'],\n[type='checkbox'],\nselect,\noptgroup,\ntextarea {\n margin: 0;\n}\n\nhtml input,\nselect,\ntextarea,\nlegend {\n width: 100%;\n}\n\n// re-set width auto where needed\nhtml label,\nbutton,\n[type='image'],\n[type='submit'],\n[type='reset'],\nhtml [type='button'],\n[type='radio'],\n[type='checkbox'] {\n width: auto;\n}\n\n// inline-block display gives the best cross-browser combination\n// and allow several properties\nhtml input,\nlabel,\nselect,\ntextarea,\nbutton,\nhtml [type='button'],\n[type='reset'],\n[type='submit'],\noutput {\n display: inline-block;\n}\n\n[type='file'] {\n display: block;\n background-color: transparent;\n}\n\nbutton,\nhtml input,\nselect,\ntextarea {\n background-image: none; // FF mobile\n}\n\ninput,\nselect,\ntextarea {\n vertical-align: baseline;\n}\n\nform {\n margin: 0;\n}\n\n// 1. Remove intrinsic min-width of fieldset\n// https://github.com/necolas/normalize.css/pull/269\nfieldset {\n border: 0;\n padding: 0;\n margin: 0;\n min-width: 0; // 1.\n}\n\nlegend {\n display: table; // Correct the text wrapping in Edge and IE.\n max-width: 100%;\n white-space: normal; // enable line-wrapping in FF4/5\n border: 0;\n padding: 0;\n font-weight: 400;\n margin-bottom: $bf-spacing-md-px;\n margin-bottom: $bf-spacing-md-rem;\n font-size: inherit;\n line-height: 1.375;\n color: inherit;\n}\n\nlabel {\n font-weight: 400;\n font-size: 90%;\n line-height: 1.375;\n margin-bottom: $bf-spacing-md-px;\n margin-bottom: $bf-spacing-md-rem;\n}\n\nlabel input,\nlabel select,\nlabel textarea {\n font-size: 110%;\n}\n\n[type='number']::-webkit-outer-spin-button,\n[type='number']::-webkit-inner-spin-button {\n height: auto;\n}\n\n::-webkit-datetime-edit-fields-wrapper,\n::-webkit-datetime-edit-text,\n::-webkit-datetime-edit-minute,\n::-webkit-datetime-edit-hour-field,\n::-webkit-datetime-edit-day-field,\n::-webkit-datetime-edit-month-field,\n::-webkit-datetime-edit-year-field {\n padding: 0;\n}\n\n::-webkit-color-swatch-wrapper {\n padding: 0;\n}\n\n[type='search'] {\n outline-offset: -$bf-spacing-sm-px;\n outline-offset: -$bf-spacing-sm-rem;\n}\n\noutput {\n vertical-align: middle;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\n word-wrap: normal;\n}\n\n// Taken from Bootstrap Reboot v5.2\n// https://unpkg.com/browse/bootstrap@5.2.0/dist/css/bootstrap-reboot.css\n[list]:not([type='date']):not([type='datetime-local']):not([type='month']):not(\n [type='week']\n ):not([type='time'])::-webkit-calendar-picker-indicator {\n display: none !important;\n}\n\noptgroup {\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: 700; // fallback for font families without 600 /\n font-weight: 600;\n}\n\n// remove -webkit-appearance listing every single elements that needed it\nbutton,\n// avoid destroying native android audio/video players\nhtml [type=\"button\"], \n[type=\"reset\"],\n[type=\"submit\"],\n\n[type=\"email\"],\n[type=\"number\"],\n[type=\"text\"],\n[type=\"tel\"],\n[type=\"date\"],\n[type=\"datetime-local\"],\n[type=\"month\"],\n[type=\"week\"],\n[type=\"url\"],\n[type=\"image\"],\n[type=\"password\"],\n[type=\"search\"],\n[type=\"search\"]::-webkit-search-decoration,\n[type=\"search\"]::-webkit-search-cancel-button,\ninput[list],\ntextarea {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; // iOS and Safari\n font: inherit; // Safari\n}\n\n// ! IE9+\n// https://caniuse.com/#feat=border-radius\nbutton,\ninput,\nselect,\ntextarea {\n border-radius: $bf-spacing-sm-px;\n border-radius: $bf-spacing-sm-rem;\n}\n\n// ! IE9+\n// https://caniuse.com/#feat=border-radius\n[type='radio'] {\n border-radius: 50%;\n}\n\n[type='checkbox'] {\n border-radius: $bf-spacing-md-px;\n border-radius: $bf-spacing-md-rem;\n}\n\n[type='radio'],\n[type='checkbox'] {\n padding: 0;\n background-color: $bf-white;\n}\n\n[type='range'] {\n background-color: transparent; // FF and Chrome mobile\n}\n\nselect[size],\nselect[multiple] {\n height: auto;\n}\n\nselect[multiple] {\n background-image: none; // FF mobile\n}\n\ntextarea {\n height: auto;\n min-height: 60px;\n min-height: 6rem;\n overflow: auto;\n vertical-align: top;\n resize: vertical;\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n line-height: normal;\n text-align: center;\n margin: 0;\n background-clip: padding-box;\n vertical-align: baseline;\n overflow: visible;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n user-select: none;\n border: 0;\n background-image: none; // FF mobile\n\n &:hover,\n &:active,\n &:focus {\n text-decoration: none;\n color: $bf-dark;\n }\n}\n\nbutton,\nselect,\ninput[type='submit'],\ninput[type='button'],\n[type='checkbox'],\n[type='range'],\n[type='radio'],\n[role='button'] {\n cursor: pointer;\n}\n\n// FF placeholder bug\n// Issue: If one change the text color of input fields, FF will change\n// the default color of placeholders too!\n// Fix: Use '!important' https://github.com/necolas/normalize.css/issues/150\ninput::placeholder,\ntextarea::placeholder {\n color: $bf-gray-dark;\n}\n\n// remove ':invalid' styles in FF\n// https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-ui-invalid\n//\n// for form validation in JavaScript\n// use '.bf-invalid' class in /utilities/_utility-form-states.scss' instead\n// documentation https://developer.mozilla.org/en-US/docs/Web/CSS/:invalid\n:-moz-ui-invalid {\n box-shadow: none;\n}\n","[type='email'],\n[type='number'],\n[type='password'],\n[type='tel'],\n[type='search'],\n[type='text'],\n[type='date'],\n[type='datetime-local'],\n[type='month'],\n[type='week'],\n[type='time'],\n[type='url'],\ninput[list],\nselect,\ntextarea {\n background-color: $bf-white;\n border: 1px solid $bf-gray;\n padding: $bf-spacing-md-px ($bf-spacing-lg-px * 0.75);\n padding: $bf-spacing-md-rem ($bf-spacing-lg-rem * 0.75);\n}\n\n// Old browsers and Opera Mini don't fully support all type of inputs\n// e.g. [type=\"range\"]\n// so, let's try to add styles carefully and selective\n[type='email'],\n[type='number'],\n[type='password'],\n[type='tel'],\n[type='search'],\n[type='text'],\n[type='date'],\n[type='datetime-local'],\n[type='month'],\n[type='week'],\n[type='time'],\n[type='url'],\ninput[list],\nselect,\ntextarea,\n[type='radio'],\n[type='checkbox'] {\n &:active,\n &:focus {\n transition: border 0.2s, background-color 0.2s, box-shadow 0.2s;\n border-color: $bf-blue;\n box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25);\n }\n}\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n color: $bf-dark;\n padding: calc($bf-spacing-xl-px / 3) (calc($bf-spacing-xl-px / 3) * 2); // 8px 16px\n padding: calc($bf-spacing-xl-rem / 3) (calc($bf-spacing-xl-rem / 3) * 2);\n background: $bf-gray-light;\n transition: color 0.2s, background 0.2s, box-shadow 0.2s;\n\n &:hover,\n &:active,\n &:focus {\n text-decoration: none;\n color: $bf-dark;\n background: darken($bf-gray-light, 10%);\n }\n\n &:active,\n &:focus {\n box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);\n }\n}\n\n// disabled groups\nfieldset[disabled] button,\nfieldset[disabled] input,\nfieldset[disabled] input:after,\nfieldset[disabled] input:before,\nfieldset[disabled] input:checked,\nfieldset[disabled] select,\nfieldset[disabled] textarea,\nfieldset[disabled] label,\n\n// disabled singles\nbutton[disabled],\ninput[disabled],\ninput[disabled]:after,\ninput[disabled]:before,\ninput[disabled]:checked,\nselect[disabled],\ntextarea[disabled],\nlabel[disabled],\n\n// pseudo class\nbutton:disabled,\ninput:disabled,\ninput:disabled:after,\ninput:disabled:before,\ninput:disabled:checked,\nselect:disabled,\ntextarea:disabled,\nlabel:disabled,\n\n// aria \nbutton[aria-disabled=\"true\"],\ninput[aria-disabled=\"true\"],\ninput[aria-disabled=\"true\"]:after,\ninput[aria-disabled=\"true\"]:before,\ninput[aria-disabled=\"true\"]:checked,\nselect[aria-disabled=\"true\"],\ntextarea[aria-disabled=\"true\"],\nlabel[aria-disabled=\"true\"] {\n cursor: default !important; // fallback\n cursor: not-allowed !important;\n pointer-events: none !important;\n user-select: none !important;\n box-shadow: none !important;\n opacity: 0.5 !important;\n}\n","// custom <select> arrow and appearance with a base64 embedded SVG icon\n// https://css-tricks.com/probably-dont-base64-svg/#article-header-id-2\n//\n// this is inspired from https://github.com/kognise/water.css\n// and from Bootstrap custom select\n// https://getbootstrap.com/docs/4.4/components/input-group/#custom-select\n\n// ! :not and calc() are IE9+\n// https://caniuse.com/#feat=mdn-css_selectors_not\n// https://caniuse.com/#feat=calc\n//\n// ! 12px = the icon width/height, and must be in pixels because\n// calc() is just for values\n// https://css-tricks.com/a-complete-guide-to-calc-in-css/#0-calc-is-for-values\n//\n// a select with a [multiple] attribute doesn't show an arrow by default\n// a select with a [size] attribute gets and arrow on iOS (Webkit) for instance\n// but on Chrome and FF desktop\n// so, is not safe to style every kind of <select>\n//\n// remove the arrow and the appearance, especially on Webkit\nselect:not([size]):not([multiple]) {\n appearance: none;\n\n // add a new svg arrow\n background: $bf-white\n url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\")\n no-repeat right 0.85rem center/8px 10px;\n\n // space the arrow\n padding-right: $bf-spacing-lg-px + $bf-spacing-lg-px;\n padding-right: $bf-spacing-lg-rem + $bf-spacing-lg-rem;\n}\n\n// IE10+\n// The '::-ms-expand' CSS pseudo-element is a Microsoft extension that represents\n// the button of a <select> menu control that opens or closes the drop-down\n// menu. Typically it is a triangle that points downward.\n// https://developer.mozilla.org/en-US/docs/Web/CSS/::-ms-expand\nselect::-ms-expand {\n display: none;\n}\n\n// add support for RTL languages\n// 'appearance: none' removes the default styling but introduces a bug\n// that occurs when a right to the left language (e.g. Arabic) is set\n//\n// Read more\n// 1. http://bootstrap.rtlcss.com\n// 2. https://rtlstyling.com/\n[dir='rtl'] select:not([size]):not([multiple]),\nselect[dir='rtl']:not([size]):not([multiple]) {\n // move the arrow icon to the left\n background-position: left 0.85rem top 50%;\n\n // go back to default forms padding\n padding-right: ($bf-spacing-lg-px 0.75);\n padding-right: ($bf-spacing-lg-rem * 0.75);\n\n // add custom left padding, matching the custom LTR one\n padding-left: $bf-spacing-lg-px + $bf-spacing-lg-px;\n padding-left: $bf-spacing-lg-rem + $bf-spacing-lg-rem;\n}\n","// heavily inspired by '2020 toggles' by Aaron Iker\n// https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/\n// https://codepen.io/aaroniker/pen/ZEYoxEY?editors=0100\n//\n// https://developer.mozilla.org/en-US/docs/Web/CSS/@supports\n// https://caniuse.com/#feat=mdn-css_at-rules_supports_selector\n//\n// Anyway are safe and future-friendly because more browser compatibility\n// will come\n\n@supports (appearance: none) {\n [type='checkbox'],\n [type='radio'] {\n appearance: none;\n\n height: 1.8rem;\n width: 1.8rem;\n\n vertical-align: top;\n position: relative;\n\n border: 1px solid $bf-gray;\n\n + label {\n line-height: 1.8rem;\n vertical-align: top;\n margin-left: $bf-spacing-md-px;\n margin-left: $bf-spacing-md-rem;\n }\n\n // add support for RTL languages\n // Read more\n // 1. http://bootstrap.rtlcss.com\n // 2. https://rtlstyling.com/\n [dir='rtl'] & + label,\n &[dir='rtl'] + label {\n margin-left: 0;\n margin-right: $bf-spacing-md-px;\n margin-right: $bf-spacing-md-rem;\n }\n\n &:after {\n content: '';\n display: block;\n position: absolute;\n }\n\n &:checked {\n background-color: $bf-blue;\n border-color: $bf-black;\n }\n }\n\n [type='radio'] {\n &:after {\n width: 1.8rem;\n height: 1.8rem;\n\n left: -0.05rem;\n top: -0.05rem;\n\n border-radius: 50%;\n background: $bf-white;\n\n transform: scale(0.35);\n }\n }\n\n [type='checkbox'] {\n &:after {\n width: 0.6rem;\n height: 0.8rem;\n\n border: 2px solid $bf-white;\n border-top: 0;\n border-left: 0;\n\n left: 35%;\n top: 20%;\n\n transform: rotate(43deg);\n }\n }\n}\n","// styling input range in modern browsers safely using the @supports CSS-at-rule\n// https://developer.mozilla.org/en-US/docs/Web/CSS/@supports\n//\n// standalone CodePen demo https://codepen.io/marcop135/pen/JjGrNMx\n\n@supports (appearance: none) {\n [type='range'] {\n appearance: none;\n width: 100%;\n height: 1.4rem;\n }\n\n [type='range']::-webkit-slider-thumb {\n border: 0;\n appearance: none;\n\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -0.25rem;\n background-color: $bf-blue;\n border-radius: 1.5rem;\n transition: background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n\n &:active {\n background-color: $bf-blue;\n }\n }\n\n [type='range']::-moz-range-thumb {\n border: 0;\n appearance: none;\n\n width: 1.5rem;\n height: 1.5rem;\n background-color: $bf-blue;\n border-radius: 1.5rem;\n transition: background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n\n &:active {\n background-color: $bf-blue;\n }\n }\n\n [type='range']::-webkit-slider-runnable-track {\n color: transparent;\n border-color: transparent;\n\n width: 100%;\n height: 0.65rem;\n cursor: pointer;\n background-color: $bf-gray-light-extra;\n }\n\n [type='range']::-moz-range-track {\n color: transparent;\n border-color: transparent;\n\n width: 100%;\n height: 0.65rem;\n cursor: pointer;\n background-color: $bf-gray-light-extra;\n }\n\n [type='range']:focus {\n outline: none;\n\n &::-webkit-slider-thumb {\n box-shadow: 0 0 0 0.1rem $bf-white, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n\n &::-moz-slider-thumb {\n box-shadow: 0 0 0 0.1rem $bf-white, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n }\n\n [type='range']::-moz-focus-outer {\n border: 0;\n }\n\n [type='range']:focus::-moz-range-thumb {\n box-shadow: 0 0 0 0.1rem $bf-white, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n\n // disabled\n\n [type='range']:disabled {\n pointer-events: none;\n\n &::-webkit-slider-thumb {\n background-color: $bf-gray-light;\n }\n\n &::-moz-slider-thumb {\n background-color: $bf-gray-light;\n }\n }\n}\n","table {\n max-width: 100%;\n border-collapse: collapse;\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n}\n\nthead th {\n vertical-align: bottom;\n}\n\nth,\ntd {\n vertical-align: top;\n}\n\nth {\n text-align: inherit;\n font-weight: 700;\n}\n\ncaption {\n padding-top: $bf-spacing-md-px;\n padding-top: $bf-spacing-md-rem;\n padding-bottom: $bf-spacing-md-px;\n padding-bottom: $bf-spacing-md-rem;\n color: $bf-gray;\n text-align: left;\n caption-side: bottom;\n line-height: 1.375;\n font-size: 90%;\n}\n","// standard property\n// 'scrollbar-color'\n// https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color\n// currently (June 2020) Firefox only\n// https://caniuse.com/#feat=mdn-css_properties_scrollbar-color\nhtml {\n scrollbar-color: darken($bf-gray-dark, 5%) $bf-dark-extra;\n}\n\n// these features are not standard, and blink and webkit only\n// '::-webkit-scrollbar'\n// https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar\n\n::-webkit-scrollbar {\n width: 1.5rem;\n height: 1.5rem;\n}\n\n::-webkit-scrollbar-track {\n background-color: $bf-dark-extra;\n}\n\n::-webkit-scrollbar-thumb {\n background-color: darken($bf-gray-dark, 5%);\n}\n\n::-webkit-scrollbar-thumb:hover {\n background-color: lighten($bf-gray-dark, 10%);\n}\n","// these are global stylest tha that ovveride all the \"light\" styles\n\n// import dark scrollbars utility module\n@import 'utility-global-dark-scrollbars';\n\n// the basics: background and texts\nhtml {\n color: $bf-light;\n}\n\nbody {\n background-color: lighten($bf-dark-extra, 7.5%);\n}\n\n// anchors\na {\n color: lighten($bf-blue, 20%);\n\n &:hover,\n &:focus {\n color: lighten($bf-blue-light, 20%);\n }\n}\n\n// typography elements that need tiny adjustments\nmark {\n background-color: darken($bf-yellow, 10%);\n}\n\nins {\n background-color: darken($bf-yellow-light, 45%);\n}\n\n// forms\n\n[type='email'],\n[type='number'],\n[type='password'],\n[type='tel'],\n[type='search'],\n[type='text'],\n[type='date'],\n[type='datetime-local'],\n[type='month'],\n[type='week'],\n[type='time'],\n[type='url'],\n[type='range'],\ninput[list],\nselect,\nselect:not([size]):not([multiple]),\ntextarea {\n background-color: $bf-dark-extra;\n border-color: $bf-black;\n color: $bf-gray-light;\n\n &:active,\n &:focus {\n background-color: $bf-dark-extra;\n border-color: lighten($bf-blue, 10%);\n }\n}\n\n[type='email'],\n[type='number'],\n[type='password'],\n[type='tel'],\n[type='search'],\n[type='text'],\n[type='date'],\n[type='datetime-local'],\n[type='month'],\n[type='week'],\n[type='time'],\n[type='url'],\ninput[list],\nselect,\nselect:not([size]):not([multiple]),\ntextarea {\n &:active,\n &:focus {\n box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.5);\n }\n}\n\nselect:not([size]):not([multiple]) {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23f0f0f0' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\");\n}\n\n// IE9 only hack\n// https://gist.github.com/marcop135/cf5163ab23d1cb208248b955c990b2ea#ie-9-only\n@media screen and (min-width: 0\\0) and (min-resolution: 0.001dpcm) {\n // hide custom arrow\n select:not([size]):not([multiple]),\n // RTL\n [dir=\"rtl\"] select:not([size]):not([multiple]),\n select[dir=\"rtl\"]:not([size]):not([multiple]) {\n background-image: none;\n }\n}\n\n// range\n\n// all modern browsers but not IE\n@supports (appearance: none) {\n // override above declaration\n [type='range'] {\n background-color: transparent;\n\n &:focus {\n background-color: transparent;\n }\n }\n\n // darker background\n // the rulesets must be separated\n [type='range']::-webkit-slider-runnable-track {\n background-color: $bf-dark-extra;\n }\n\n [type='range']::-moz-range-track {\n background-color: $bf-dark-extra;\n }\n}\n\ninput::placeholder,\ntextarea::placeholder {\n color: $bf-gray;\n}\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n background: $bf-gray-light;\n\n &:hover,\n &:active,\n &:focus {\n background: darken($bf-gray-light, 10%);\n }\n\n &:active,\n &:focus {\n box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45);\n }\n}\n\n// focus\na:focus,\ninput:focus {\n outline-color: darken(orange, 15%);\n}\n\n:focus-visible {\n outline-color: darken(orange, 15%);\n}\n"]}
1	+ {"version":3,"sources":["bullframe-classless-dark.css","bullframe-classless-dark.scss","bullframe-classless.scss","miscellaneous/_misc-layout.scss","typography/_typography-html-body.scss","variables/_variables-colors.scss","variables/_variables-texts.scss","typography/_typography-headings.scss","variables/_variables-spacing.scss","typography/_typography-blockquotes.scss","typography/_typography-monospaced-elements.scss","typography/_typography-misc.scss","miscellaneous/_misc-anchors.scss","miscellaneous/_misc-lists.scss","miscellaneous/_misc-embedded-content.scss","forms/_forms-normalization.scss","forms/_forms-styling.scss","forms/_forms-styling-select.scss","forms/_forms-styling-radio-checkbox.scss","forms/_forms-styling-range.scss","miscellaneous/_misc-tables.scss","utilities/_utility-global-dark-scrollbars.scss","utilities/_utility-global-dark-classless.scss"],"names":[],"mappings":"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AAA,CAFA,oBpB88BF,CoBz8BA,SACE,qBpB48BF,CoBz8BA,MAEE,kBpB48BF,CoBz8BA,GAEE,eAAA,CADA,kBpB68BF,CoBz8BA,QAOE,mBAAA,CAFA,UftBQ,Ce0BR,aAAA,CADA,iBAAA,CAJA,oBZhBkB,CYclB,iBZdkB,CYkBlB,epB+8BF,CqB9+BA,KACE,4BrBi/BF,CqB1+BA,oBAEE,aAAA,CADA,YrB8+BF,CqB1+BA,0BACE,qBrB6+BF,CqB1+BA,0BACE,wBrB6+BF,CqB1+BA,gCACE,qBrB6+BF,CsBlgCA,KACE,atBqgCF,CsBlgCA,KACE,wBtBqgCF,CsBjgCA,EACE,atBogCF,CsBlgCE,gBAEE,atBmgCJ,CsB9/BA,KACE,qBtBigCF,CsB9/BA,IACE,wBtBigCF,CsB5/BA,8OAiBE,qBjBnCc,CiBoCd,iBjBnCS,CiBoCT,UtB+/BF,CsB7/BE,yrBAEE,qBjBzCY,CiB0CZ,oBtB8hCJ,CsB1gCE,kpBAEE,uCtB0iCJ,CsBtiCA,mCACE,2LtByiCF,CsBpiCA,iEAEE,4HAIE,qBtBqiCF,CACF,CsB/hCA,qFAKI,gCACE,4BtBgiCJ,CsB1hCA,4CACE,qBtB4hCF,CsBzhCA,+BACE,qBtB2hCF,CACF,CsBxhCA,mDAEE,UtB0hCF,CsB5hCA,yCAEE,UtB0hCF,CsBvhCA,gDAIE,etB0hCF,CsBxhCE,4NAGE,kBtBiiCJ,CsB9hCE,oJAEE,wCtBqiCJ,CsBhiCA,oBAEE,qBtBmiCF,CsBhiCA,eACE,qBtBmiCF","file":"bullframe-classless-dark.min.css","sourcesContent":["/! bullframe.css v4.2.1 \| MIT License \| https://github.com/marcop135/bullframe.css /\n/! custom build: bullframe-classless-dark /\n/! custom build: bullframe-classless /\n,\n::before,\n::after {\n box-sizing: border-box;\n}\n\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\ndetails {\n display: block;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n\nhtml {\n text-size-adjust: 100%;\n font-size: 62.5%;\n color: #222;\n font-family: sans-serif;\n line-height: 1.15;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\nbody {\n margin: 0;\n font-size: 16px;\n font-size: 1.6rem;\n line-height: 1.5;\n font-weight: 400;\n text-align: left;\n font-family: BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n text-rendering: optimizeLegibility;\n word-wrap: break-word;\n background-color: #fff;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n font-weight: 700;\n font-weight: 600;\n font-family: inherit;\n color: inherit;\n line-height: 1.25;\n margin-bottom: 10px;\n margin-bottom: 1rem;\n}\n\nh1 {\n font-size: 36px;\n font-size: 3.6rem;\n}\n\nh2 {\n font-size: 30px;\n font-size: 3rem;\n}\n\nh3 {\n font-size: 24px;\n font-size: 2.4rem;\n}\n\nh4 {\n font-size: 20px;\n font-size: 2rem;\n}\n\nh5,\nh6 {\n font-size: 16px;\n font-size: 1.6rem;\n}\n\nblockquote {\n margin: 0 0 20px 0;\n margin-bottom: 2rem;\n padding-left: 0;\n font-style: italic;\n}\n\nblockquote p {\n margin-bottom: 0;\n}\n\nblockquote small {\n color: #999;\n display: block;\n}\n\nblockquote small:before {\n content: \"— \";\n}\n\nq {\n quotes: \"“\" \"”\" \"‘\" \"’\";\n}\n\npre {\n margin: 0 0 20px 0;\n margin: 0 0 2rem 0;\n display: block;\n overflow: auto;\n word-break: break-all;\n word-wrap: break-word;\n white-space: pre;\n hyphens: none;\n -ms-overflow-style: auto;\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\", \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 0.875em;\n}\n\ncode {\n word-wrap: break-word;\n}\n\na > code {\n color: inherit;\n}\n\npre code {\n font-size: inherit;\n color: inherit;\n word-break: normal;\n}\n\np {\n margin: 0 0 20px 0;\n margin: 0 0 2rem 0;\n}\n\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n text-decoration: underline;\n text-decoration: underline dotted;\n border-bottom: 0;\n}\n\nmark {\n background-color: #ff0;\n color: #000;\n}\n\nins {\n background-color: #ff9;\n color: #000;\n text-decoration: none;\n}\n\nb,\nstrong {\n font-weight: inherit;\n}\n\n/ stylelint-disable-next-line /\nb,\nstrong {\n font-weight: bolder;\n}\n\ndfn {\n font-style: italic;\n}\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -8px;\n top: -0.8rem;\n}\n\nsub {\n bottom: -4px;\n bottom: -0.4rem;\n}\n\nsmall {\n font-size: 80%;\n}\n\nhr {\n box-sizing: content-box;\n display: block;\n height: 0;\n border-style: solid;\n border-width: 1px 0 0;\n color: inherit;\n margin: 20px 0;\n margin: 2rem 0;\n padding: 0;\n overflow: visible;\n}\n\naddress {\n font-style: normal;\n margin-bottom: 10px;\n margin-bottom: 1rem;\n line-height: inherit;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\na {\n color: #007bff;\n text-decoration: none;\n background-color: transparent;\n}\na:hover, a:focus {\n text-decoration: underline;\n color: #0056b3;\n}\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):hover,\na:not([href]):not([tabindex]):focus,\na:not([href]):not([class]),\na:not([href]):not([class]):hover {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):focus {\n outline: 0;\n}\n\nmenu,\nol,\nul,\ndl {\n margin: 0 0 20px 0;\n margin: 0 0 2rem 0;\n padding: 0;\n}\n\nmenu ul,\nmenu ol,\nul ul,\nul ol,\nol ol,\nol ul,\ndd {\n margin-bottom: 0;\n}\n\nul,\nol {\n margin-left: 20px;\n margin-left: 2rem;\n}\n\nnav ol,\nnav ul {\n list-style: none;\n list-style-image: none;\n margin-left: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-left: 0;\n}\n\nnav li:before {\n content: \"\";\n position: absolute;\n}\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n}\n\nimg,\ncanvas,\naudio,\nvideo,\niframe,\nobject,\nembed {\n max-width: 100%;\n}\n\naudio,\nvideo,\ncanvas,\nimg,\nsvg {\n vertical-align: middle;\n}\n\nimg {\n height: auto;\n border-style: none;\n}\n\nfigure {\n margin: 0;\n}\n\nfigure,\nfigcaption {\n display: block;\n}\n\nfigcaption {\n line-height: 1.375;\n font-size: 90%;\n}\n\nvideo {\n height: auto;\n}\n\naudio {\n width: 100%;\n}\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\nsvg:not([fill]) {\n fill: currentColor;\n}\n\nprogress,\nmeter {\n display: inline-block;\n vertical-align: baseline;\n width: 100%;\n max-width: 100%;\n}\n\nprogress[value] {\n appearance: none;\n border: none;\n height: 20px;\n height: 2rem;\n background: #ccc;\n color: #007bff;\n}\n\nprogress[value]::-webkit-progress-bar {\n background: #ccc;\n}\n\nprogress[value]::-webkit-progress-value {\n background: #007bff;\n}\n\niframe {\n border-style: none;\n}\n\nhtml input,\nbutton,\nselect,\noptgroup,\ntextarea {\n color: inherit;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nhtml input,\nbutton,\n[type=radio],\n[type=checkbox],\nselect,\noptgroup,\ntextarea {\n margin: 0;\n}\n\nhtml input,\nselect,\ntextarea,\nlegend {\n width: 100%;\n}\n\nhtml label,\nbutton,\n[type=image],\n[type=submit],\n[type=reset],\nhtml [type=button],\n[type=radio],\n[type=checkbox] {\n width: auto;\n}\n\nhtml input,\nlabel,\nselect,\ntextarea,\nbutton,\nhtml [type=button],\n[type=reset],\n[type=submit],\noutput {\n display: inline-block;\n}\n\n[type=file] {\n display: block;\n background-color: transparent;\n}\n\nbutton,\nhtml input,\nselect,\ntextarea {\n background-image: none;\n}\n\ninput,\nselect,\ntextarea {\n vertical-align: baseline;\n}\n\nform {\n margin: 0;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n margin: 0;\n min-width: 0;\n}\n\nlegend {\n display: table;\n max-width: 100%;\n white-space: normal;\n border: 0;\n padding: 0;\n font-weight: 400;\n margin-bottom: 5px;\n margin-bottom: 0.5rem;\n font-size: inherit;\n line-height: 1.375;\n color: inherit;\n}\n\nlabel {\n font-weight: 400;\n font-size: 90%;\n line-height: 1.375;\n margin-bottom: 5px;\n margin-bottom: 0.5rem;\n}\n\nlabel input,\nlabel select,\nlabel textarea {\n font-size: 110%;\n}\n\n[type=number]::-webkit-outer-spin-button,\n[type=number]::-webkit-inner-spin-button {\n height: auto;\n}\n\n::-webkit-datetime-edit-fields-wrapper,\n::-webkit-datetime-edit-text,\n::-webkit-datetime-edit-minute,\n::-webkit-datetime-edit-hour-field,\n::-webkit-datetime-edit-day-field,\n::-webkit-datetime-edit-month-field,\n::-webkit-datetime-edit-year-field {\n padding: 0;\n}\n\n::-webkit-color-swatch-wrapper {\n padding: 0;\n}\n\n[type=search] {\n outline-offset: -2.5px;\n outline-offset: -0.25rem;\n}\n\noutput {\n vertical-align: middle;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\n word-wrap: normal;\n}\n\n[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {\n display: none !important;\n}\n\noptgroup {\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: 700;\n font-weight: 600;\n}\n\nbutton,\nhtml [type=button],\n[type=reset],\n[type=submit],\n[type=email],\n[type=number],\n[type=text],\n[type=tel],\n[type=date],\n[type=datetime-local],\n[type=month],\n[type=week],\n[type=url],\n[type=image],\n[type=password],\n[type=search],\n[type=search]::-webkit-search-decoration,\n[type=search]::-webkit-search-cancel-button,\ninput[list],\ntextarea {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n border-radius: 2.5px;\n border-radius: 0.25rem;\n}\n\n[type=radio] {\n border-radius: 50%;\n}\n\n[type=checkbox] {\n border-radius: 5px;\n border-radius: 0.5rem;\n}\n\n[type=radio],\n[type=checkbox] {\n padding: 0;\n background-color: #fff;\n}\n\n[type=range] {\n background-color: transparent;\n}\n\nselect[size],\nselect[multiple] {\n height: auto;\n}\n\nselect[multiple] {\n background-image: none;\n}\n\ntextarea {\n height: auto;\n min-height: 60px;\n min-height: 6rem;\n overflow: auto;\n vertical-align: top;\n resize: vertical;\n}\n\n::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n line-height: normal;\n text-align: center;\n margin: 0;\n background-clip: padding-box;\n vertical-align: baseline;\n overflow: visible;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n user-select: none;\n border: 0;\n background-image: none;\n}\nbutton:hover, button:active, button:focus,\n[type=button]:hover,\n[type=button]:active,\n[type=button]:focus,\n[type=reset]:hover,\n[type=reset]:active,\n[type=reset]:focus,\n[type=submit]:hover,\n[type=submit]:active,\n[type=submit]:focus {\n text-decoration: none;\n color: #222;\n}\n\nbutton,\nselect,\ninput[type=submit],\ninput[type=button],\n[type=checkbox],\n[type=range],\n[type=radio],\n[role=button] {\n cursor: pointer;\n}\n\ninput::placeholder,\ntextarea::placeholder {\n color: #666;\n}\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n[type=email],\n[type=number],\n[type=password],\n[type=tel],\n[type=search],\n[type=text],\n[type=date],\n[type=datetime-local],\n[type=month],\n[type=week],\n[type=time],\n[type=url],\ninput[list],\nselect,\ntextarea {\n background-color: #fff;\n border: 1px solid #999;\n padding: 5px 7.5px;\n padding: 0.5rem 0.75rem;\n}\n\n[type=email]:active, [type=email]:focus,\n[type=number]:active,\n[type=number]:focus,\n[type=password]:active,\n[type=password]:focus,\n[type=tel]:active,\n[type=tel]:focus,\n[type=search]:active,\n[type=search]:focus,\n[type=text]:active,\n[type=text]:focus,\n[type=date]:active,\n[type=date]:focus,\n[type=datetime-local]:active,\n[type=datetime-local]:focus,\n[type=month]:active,\n[type=month]:focus,\n[type=week]:active,\n[type=week]:focus,\n[type=time]:active,\n[type=time]:focus,\n[type=url]:active,\n[type=url]:focus,\ninput[list]:active,\ninput[list]:focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus,\n[type=radio]:active,\n[type=radio]:focus,\n[type=checkbox]:active,\n[type=checkbox]:focus {\n transition: border 0.2s, background-color 0.2s, box-shadow 0.2s;\n border-color: #007bff;\n box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25);\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n color: #222;\n padding: 6.6666666667px 13.3333333333px;\n padding: 0.6666666667rem 1.3333333333rem;\n background: #ccc;\n transition: color 0.2s, background 0.2s, box-shadow 0.2s;\n}\nbutton:hover, button:active, button:focus,\n[type=button]:hover,\n[type=button]:active,\n[type=button]:focus,\n[type=reset]:hover,\n[type=reset]:active,\n[type=reset]:focus,\n[type=submit]:hover,\n[type=submit]:active,\n[type=submit]:focus {\n text-decoration: none;\n color: #222;\n background: rgb(178.5, 178.5, 178.5);\n}\nbutton:active, button:focus,\n[type=button]:active,\n[type=button]:focus,\n[type=reset]:active,\n[type=reset]:focus,\n[type=submit]:active,\n[type=submit]:focus {\n box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);\n}\n\nfieldset[disabled] button,\nfieldset[disabled] input,\nfieldset[disabled] input:after,\nfieldset[disabled] input:before,\nfieldset[disabled] input:checked,\nfieldset[disabled] select,\nfieldset[disabled] textarea,\nfieldset[disabled] label,\nbutton[disabled],\ninput[disabled],\ninput[disabled]:after,\ninput[disabled]:before,\ninput[disabled]:checked,\nselect[disabled],\ntextarea[disabled],\nlabel[disabled],\nbutton:disabled,\ninput:disabled,\ninput:disabled:after,\ninput:disabled:before,\ninput:disabled:checked,\nselect:disabled,\ntextarea:disabled,\nlabel:disabled,\nbutton[aria-disabled=true],\ninput[aria-disabled=true],\ninput[aria-disabled=true]:after,\ninput[aria-disabled=true]:before,\ninput[aria-disabled=true]:checked,\nselect[aria-disabled=true],\ntextarea[aria-disabled=true],\nlabel[aria-disabled=true] {\n cursor: default !important;\n cursor: not-allowed !important;\n pointer-events: none !important;\n user-select: none !important;\n box-shadow: none !important;\n opacity: 0.5 !important;\n}\n\nselect:not([size]):not([multiple]) {\n appearance: none;\n background: #fff url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\") no-repeat right 0.85rem center/8px 10px;\n padding-right: 20px;\n padding-right: 2rem;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\n[dir=rtl] select:not([size]):not([multiple]),\nselect[dir=rtl]:not([size]):not([multiple]) {\n background-position: left 0.85rem top 50%;\n padding-right: 7.5px;\n padding-right: 0.75rem;\n padding-left: 20px;\n padding-left: 2rem;\n}\n\n@supports (appearance: none) {\n [type=checkbox],\n [type=radio] {\n appearance: none;\n height: 1.8rem;\n width: 1.8rem;\n vertical-align: top;\n position: relative;\n border: 1px solid #999;\n }\n [type=checkbox] + label,\n [type=radio] + label {\n line-height: 1.8rem;\n vertical-align: top;\n margin-left: 5px;\n margin-left: 0.5rem;\n }\n [dir=rtl] [type=checkbox] + label, [type=checkbox][dir=rtl] + label,\n [dir=rtl] [type=radio] + label,\n [type=radio][dir=rtl] + label {\n margin-left: 0;\n margin-right: 5px;\n margin-right: 0.5rem;\n }\n [type=checkbox]:after,\n [type=radio]:after {\n content: \"\";\n display: block;\n position: absolute;\n }\n [type=checkbox]:checked,\n [type=radio]:checked {\n background-color: #007bff;\n border-color: #000;\n }\n [type=radio]:after {\n width: 1.8rem;\n height: 1.8rem;\n left: -0.05rem;\n top: -0.05rem;\n border-radius: 50%;\n background: #fff;\n transform: scale(0.35);\n }\n [type=checkbox]:after {\n width: 0.6rem;\n height: 0.8rem;\n border: 2px solid #fff;\n border-top: 0;\n border-left: 0;\n left: 35%;\n top: 20%;\n transform: rotate(43deg);\n }\n}\n@supports (appearance: none) {\n [type=range] {\n appearance: none;\n width: 100%;\n height: 1.4rem;\n }\n [type=range]::-webkit-slider-thumb {\n border: 0;\n appearance: none;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -0.25rem;\n background-color: #007bff;\n border-radius: 1.5rem;\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n }\n [type=range]::-webkit-slider-thumb:active {\n background-color: #007bff;\n }\n [type=range]::-moz-range-thumb {\n border: 0;\n appearance: none;\n width: 1.5rem;\n height: 1.5rem;\n background-color: #007bff;\n border-radius: 1.5rem;\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n }\n [type=range]::-moz-range-thumb:active {\n background-color: #007bff;\n }\n [type=range]::-webkit-slider-runnable-track {\n color: transparent;\n border-color: transparent;\n width: 100%;\n height: 0.65rem;\n cursor: pointer;\n background-color: #e9e9e9;\n }\n [type=range]::-moz-range-track {\n color: transparent;\n border-color: transparent;\n width: 100%;\n height: 0.65rem;\n cursor: pointer;\n background-color: #e9e9e9;\n }\n [type=range]:focus {\n outline: none;\n }\n [type=range]:focus::-webkit-slider-thumb {\n box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n [type=range]:focus::-moz-slider-thumb {\n box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n [type=range]::-moz-focus-outer {\n border: 0;\n }\n [type=range]:focus::-moz-range-thumb {\n box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n [type=range]:disabled {\n pointer-events: none;\n }\n [type=range]:disabled::-webkit-slider-thumb {\n background-color: #ccc;\n }\n [type=range]:disabled::-moz-slider-thumb {\n background-color: #ccc;\n }\n}\ntable {\n max-width: 100%;\n border-collapse: collapse;\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n}\n\nthead th {\n vertical-align: bottom;\n}\n\nth,\ntd {\n vertical-align: top;\n}\n\nth {\n text-align: inherit;\n font-weight: 700;\n}\n\ncaption {\n padding-top: 5px;\n padding-top: 0.5rem;\n padding-bottom: 5px;\n padding-bottom: 0.5rem;\n color: #999;\n text-align: left;\n caption-side: bottom;\n line-height: 1.375;\n font-size: 90%;\n}\n\nhtml {\n scrollbar-color: rgb(89.25, 89.25, 89.25) #111;\n}\n\n::-webkit-scrollbar {\n width: 1.5rem;\n height: 1.5rem;\n}\n\n::-webkit-scrollbar-track {\n background-color: #111;\n}\n\n::-webkit-scrollbar-thumb {\n background-color: rgb(89.25, 89.25, 89.25);\n}\n\n::-webkit-scrollbar-thumb:hover {\n background-color: rgb(127.5, 127.5, 127.5);\n}\n\nhtml {\n color: #f0f0f0;\n}\n\nbody {\n background-color: rgb(36.125, 36.125, 36.125);\n}\n\na {\n color: rgb(102, 175.8, 255);\n}\na:hover, a:focus {\n color: rgb(26, 136.0223463687, 255);\n}\n\nmark {\n background-color: #cccc00;\n}\n\nins {\n background-color: rgb(178.5, 178.5, 0);\n}\n\n[type=email],\n[type=number],\n[type=password],\n[type=tel],\n[type=search],\n[type=text],\n[type=date],\n[type=datetime-local],\n[type=month],\n[type=week],\n[type=time],\n[type=url],\n[type=range],\ninput[list],\nselect,\nselect:not([size]):not([multiple]),\ntextarea {\n background-color: #111;\n border-color: #000;\n color: #ccc;\n}\n[type=email]:active, [type=email]:focus,\n[type=number]:active,\n[type=number]:focus,\n[type=password]:active,\n[type=password]:focus,\n[type=tel]:active,\n[type=tel]:focus,\n[type=search]:active,\n[type=search]:focus,\n[type=text]:active,\n[type=text]:focus,\n[type=date]:active,\n[type=date]:focus,\n[type=datetime-local]:active,\n[type=datetime-local]:focus,\n[type=month]:active,\n[type=month]:focus,\n[type=week]:active,\n[type=week]:focus,\n[type=time]:active,\n[type=time]:focus,\n[type=url]:active,\n[type=url]:focus,\n[type=range]:active,\n[type=range]:focus,\ninput[list]:active,\ninput[list]:focus,\nselect:active,\nselect:focus,\nselect:not([size]):not([multiple]):active,\nselect:not([size]):not([multiple]):focus,\ntextarea:active,\ntextarea:focus {\n background-color: #111;\n border-color: rgb(51, 149.4, 255);\n}\n\n[type=email]:active, [type=email]:focus,\n[type=number]:active,\n[type=number]:focus,\n[type=password]:active,\n[type=password]:focus,\n[type=tel]:active,\n[type=tel]:focus,\n[type=search]:active,\n[type=search]:focus,\n[type=text]:active,\n[type=text]:focus,\n[type=date]:active,\n[type=date]:focus,\n[type=datetime-local]:active,\n[type=datetime-local]:focus,\n[type=month]:active,\n[type=month]:focus,\n[type=week]:active,\n[type=week]:focus,\n[type=time]:active,\n[type=time]:focus,\n[type=url]:active,\n[type=url]:focus,\ninput[list]:active,\ninput[list]:focus,\nselect:active,\nselect:focus,\nselect:not([size]):not([multiple]):active,\nselect:not([size]):not([multiple]):focus,\ntextarea:active,\ntextarea:focus {\n box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.5);\n}\n\nselect:not([size]):not([multiple]) {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23f0f0f0' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\");\n}\n\n@media screen and (min-width: 0\\0 ) and (min-resolution: 0.001dpcm) {\n select:not([size]):not([multiple]),\n [dir=rtl] select:not([size]):not([multiple]),\n select[dir=rtl]:not([size]):not([multiple]) {\n background-image: none;\n }\n}\n@supports (appearance: none) {\n [type=range] {\n background-color: transparent;\n }\n [type=range]:focus {\n background-color: transparent;\n }\n [type=range]::-webkit-slider-runnable-track {\n background-color: #111;\n }\n [type=range]::-moz-range-track {\n background-color: #111;\n }\n}\ninput::placeholder,\ntextarea::placeholder {\n color: #999;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n background: #ccc;\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 background: rgb(178.5, 178.5, 178.5);\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(255, 255, 255, 0.45);\n}\n\na:focus,\ninput:focus {\n outline-color: rgb(178.5, 115.5, 0);\n}\n\n:focus-visible {\n outline-color: rgb(178.5, 115.5, 0);\n}","/! custom build: bullframe-classless-dark /\n// https://css-tricks.com/no-class-css-frameworks/\n\n@import 'bullframe-classless';\n@import 'utilities/utility-global-dark-classless';\n","/! custom build: bullframe-classless /\n// https://css-tricks.com/no-class-css-frameworks/\n\n// colors, spacing and breakpoint variables\n// this is for an easy customisation\n@import 'variables/variables-colors';\n@import 'variables/variables-texts';\n@import 'variables/variables-spacing';\n@import 'variables/variables-breakpoints';\n\n// all about box-sizing and display\n@import 'miscellaneous/misc-layout';\n\n// this a wide range of text elements bug fixing and improvements\n@import 'typography/typography-html-body';\n@import 'typography/typography-headings';\n@import 'typography/typography-blockquotes';\n@import 'typography/typography-monospaced-elements';\n@import 'typography/typography-misc';\n\n// <a> linkage\n@import 'miscellaneous/misc-anchors';\n\n// <ul>, <ol> and <dl>\n@import 'miscellaneous/misc-lists';\n\n// img, audio, video, svg, and more\n@import 'miscellaneous/misc-embedded-content';\n\n// all about form elements\n@import 'forms/forms-normalization';\n@import 'forms/forms-styling';\n@import 'forms/forms-styling-select';\n@import 'forms/forms-styling-radio-checkbox';\n@import 'forms/forms-styling-range';\n\n// <table> and his elements\n@import 'miscellaneous/misc-tables';\n\n// this is just quick way to customise your styles\n// below these styles, you shouldn't override nothing but remove them\n// commented by default\n@import 'miscellaneous/misc-author-styles-in-css';\n",",\n::before,\n::after {\n box-sizing: border-box;\n}\n\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\ndetails {\n display: block;\n}\n\ntemplate {\n display: none;\n}\n\n// Always hide an element with the `hidden` HTML attribute\n[hidden] {\n display: none !important;\n}\n","html {\n text-size-adjust: 100%;\n\n // resize the base font-size and get an easy math for rem units\n // https://snook.ca/archives/html_and_css/font-size-with-rem\n font-size: 62.5%;\n\n color: #222;\n\n // set a default font-family and line-height\n font-family: sans-serif;\n line-height: 1.15;\n\n // ! this is not a standard feature, is webkit only\n // https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-tap-highlight-color\n\n // remove a tap background when a link or interactive element is focused\n // if is touch\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\nbody {\n margin: 0;\n font-size: $bf-body-font-size-px; // '16px' by default\n font-size: $bf-body-font-size-rem; // '1.6rem' by default\n line-height: $bf-body-line-height; // '1.5' by default\n\n // this is useful to inherit values for some elements (e.g. forms)\n font-weight: 400;\n text-align: left;\n\n // native font stack for optimum text rendering on every device and OS\n // this stack mimics the system font UI\n // a web apps looks like a native app (e.g. Android = Roboto font)\n // Read more:\n // https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/\n font-family: \n\n\t\t// Safari for OS X and iOS (San Francisco) -apple-system,\n // Chrome < 56 for OS X (San Francisco)\n BlinkMacSystemFont,\n // Windows\n 'Segoe UI',\n // Android\n Roboto,\n // Linux with KDE\n Oxygen-Sans,\n // Ubuntu (all variants)\n Ubuntu,\n // Linux with GNOME Shell\n Cantarell,\n // macOS 1.10 and below\n 'Helvetica Neue',\n Helvetica,\n\n // Basic web fallback\n Arial,\n 'Noto Sans', sans-serif,\n\n // emoji fonts\n 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n\n // this enable font ligatures\n text-rendering: optimizeLegibility;\n\n // break very long texts by default, especially on old browsers\n // e.g. big <h1> or <h2> headlines\n word-wrap: break-word;\n\n background-color: $bf-white;\n}\n","// ! CSS Variables (Custom Properties) are not IE-friendly\n// https://caniuse.com/#feat=css-variables\n// let's Sass do the job instead\n\n// customise/enlarge this small selection as needed\n\n// hex to rgba online converter http://www.hex2rgba.devoth.com/\n\n// backgrounds, texts and borders\n$bf-white: #fff; // rgba(255,255,255,1)\n$bf-light: #f0f0f0; // rgba(240,240,240,1)\n$bf-gray-light-extra: #e9e9e9; // rgba(233,233,233,1)\n$bf-gray-light: #ccc; // rgba(204,204,204,1)\n$bf-gray: #999; // rgba(153,153,153,1)\n$bf-gray-dark: #666; // rgba(102,102,102,1)\n$bf-gray-dark-extra: #333; // rgba(51,51,51,1)\n$bf-dark: #222; // rgba(34,34,34,1)\n$bf-dark-extra: #111; // rgba(17,17,17,1)\n$bf-black: #000; // rgba(0,0,0,1)\n\n// <mark> and <ins>\n$bf-yellow-light: #ff9; // rgba(255,255,153,1)\n$bf-yellow: #ff0; // rgba(255,255,0,1)\n\n// anchors and accent\n$bf-blue: #007bff; // rgba(0,123,255,1)\n$bf-blue-light: #0056b3; // rgba(0,86,179,1)\n$bf-blue-light-extra: #bed8fe; //rgba(190, 216, 254, 1)\n\n// invalid forms\n$bf-red: #ff0000; // rgba(255,0,0,1)\n","$bf-font-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif,\n 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n\n$bf-font-serif: Georgia, Times, 'Times New Roman', serif;\n\n$bf-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',\n 'Courier New', monospace;\n\n$bf-body-font-size-px: 16px;\n$bf-body-font-size-rem: 1.6rem;\n$bf-body-line-height: 1.5;\n","h1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n\n font-weight: 700; // fallback\n font-weight: 600;\n font-family: inherit;\n color: inherit;\n line-height: 1.25;\n margin-bottom: $bf-spacing-lg-px;\n margin-bottom: $bf-spacing-lg-rem;\n\n\n}\n\nh1 {\n font-size: 36px;\n font-size: 3.6rem;\n}\n\nh2 {\n font-size: 30px;\n font-size: 3rem;\n}\n\nh3 {\n font-size: 24px;\n font-size: 2.4rem;\n}\n\nh4 {\n font-size: 20px;\n font-size: 2rem;\n}\n\nh5,\nh6 {\n font-size: 16px;\n font-size: 1.6rem;\n}","// customise this spacing selection as needed\n\n// the REM unit is the default,\n// preceded by the PX unit as fallback for old browsers (IE)\n// https://caniuse.com/#search=rem\n//\n// e.g.\n// html { font-size: 62.5%; }\n// body { font-size: 16px; }\n// h1 { font-size: 30px; font-size: 3rem; }\n\n$bf-spacing-sm-px: 2.5px;\n$bf-spacing-md-px: 5px;\n$bf-spacing-lg-px: 10px;\n$bf-spacing-xl-px: 20px;\n$bf-spacing-xxl-px: 30px;\n\n$bf-spacing-sm-rem: .25rem;\n$bf-spacing-md-rem: .5rem;\n$bf-spacing-lg-rem: 1rem;\n$bf-spacing-xl-rem: 2rem;\n$bf-spacing-xxl-rem: 3rem;\n\n// ! grid system only\n$bf-spacing-grid-gutter-px: 15px;\n$bf-spacing-grid-gutter-rem: 1.5rem;","blockquote {\n margin: 0 0 $bf-spacing-xl-px 0;\n margin-bottom: $bf-spacing-xl-rem;\n padding-left: 0;\n font-style: italic;\n}\n\nblockquote p {\n margin-bottom: 0;\n}\n\nblockquote small {\n color: $bf-gray;\n display: block;\n}\n\nblockquote small:before {\n content: '\\2014 \\00A0';\n}\n\nq {\n quotes: '\\201C''\\201D''\\2018''\\2019';\n}\n","pre {\n margin: 0 0 $bf-spacing-xl-px 0;\n margin: 0 0 $bf-spacing-xl-rem 0;\n\n display: block;\n overflow: auto;\n word-break: break-all; // webkit\n word-wrap: break-word;\n white-space: pre;\n hyphens: none;\n\n // this is a not standard CSS property, so it's for IE only\n // https://developer.mozilla.org/en-US/docs/Web/CSS/-ms-overflow-style\n //\n // Disable auto-hiding scrollbar in legacy Edge\n // https://github.com/twbs/bootstrap/pull/30685\n -ms-overflow-style: auto;\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family: \n\n /* macOS 1.10+ / 'Menlo', / Windows 6+ / 'Consolas',\n / Android 4+ / 'Roboto Mono', / Ubuntu 1.10+ / 'Ubuntu Monospace',\n / KDE Plasma 5+ / 'Noto Mono', / KDE Plasma 4+ / 'Oxygen Mono',\n / Linux/OpenOffice fallback / 'Liberation Mono', / fallback / monospace,\n / emoji fonts / 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n 'Noto Color Emoji';\n\n // a monospaced text font should looks bigger, so a smaller font-size\n // is preferred\n font-size: 0.875em;\n}\n\ncode {\n word-wrap: break-word;\n}\n\na > code {\n color: inherit;\n}\n\npre code {\n font-size: inherit;\n color: inherit;\n word-break: normal;\n}\n","p {\n margin: 0 0 $bf-spacing-xl-px 0;\n margin: 0 0 $bf-spacing-xl-rem 0;\n}\n\n// Abbreviations (taken from Bootstrap 4)\n//\n// 1. Remove the bottom border in Firefox 39-.\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n border-bottom: 0; // 2\n}\n\nmark {\n background-color: $bf-yellow;\n color: $bf-black;\n}\n\nins {\n background-color: $bf-yellow-light;\n color: $bf-black;\n text-decoration: none;\n}\n\n// Prevent the duplicate application of `bolder` by the next rule\n// in Safari 6\nb,\nstrong {\n font-weight: inherit;\n}\n\n// Add the correct font weight in Chrome, Edge, and Safari\n/ stylelint-disable-next-line /\nb,\nstrong {\n font-weight: bolder;\n}\n\ndfn {\n font-style: italic;\n}\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -8px;\n top: -0.8rem;\n}\n\nsub {\n bottom: -4px;\n bottom: -0.4rem;\n}\n\nsmall {\n font-size: 80%;\n}\n\nhr {\n box-sizing: content-box;\n display: block;\n height: 0;\n border-style: solid;\n border-width: 1px 0 0;\n color: inherit;\n margin: $bf-spacing-xl-px 0;\n margin: $bf-spacing-xl-rem 0;\n padding: 0;\n overflow: visible; // Show the overflow in Edge and IE\n}\n\naddress {\n font-style: normal;\n margin-bottom: $bf-spacing-lg-px;\n margin-bottom: $bf-spacing-lg-rem;\n line-height: inherit;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n","a {\n color: $bf-blue; // bootstrap blue\n text-decoration: none;\n\n // IE10+: Remove grey background on active links\n background-color: transparent;\n \n &:hover,\n &:focus {\n text-decoration: underline;\n color: $bf-blue-light;\n }\n}\n\n// this is taken from Bootstrap's reboot\n// https://getbootstrap.com/docs/4.4/content/reboot/\n//\n// ':not' is IE9+\n// https://caniuse.com/#feat=mdn-css_selectors_not\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):hover,\na:not([href]):not([tabindex]):focus,\na:not([href]):not([class]),\na:not([href]):not([class]):hover {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):focus {\n outline: 0;\n}\n","menu,\nol,\nul,\ndl {\n margin: 0 0 $bf-spacing-xl-px 0;\n margin: 0 0 $bf-spacing-xl-rem 0;\n padding: 0;\n}\n\nmenu ul,\nmenu ol,\nul ul,\nul ol,\nol ol,\nol ul,\ndd {\n margin-bottom: 0;\n}\n\nul,\nol {\n margin-left: $bf-spacing-xl-px;\n margin-left: $bf-spacing-xl-rem;\n}\n\nnav ol,\nnav ul {\n list-style: none;\n list-style-image: none;\n margin-left: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-left: 0;\n}\n\n// taken from https://github.com/jensimmons/cssremedy\n//\n// 1. Add zero-width-space to prevent VoiceOver disable\n// 2. Absolute position ensures no extra space\n// See: https://unfetteredthoughts.net/2017/09/26/voiceover-and-list-style-type-none/\nnav li:before {\n content: '\\200B';\n position: absolute;\n}\n","audio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n}\n\nimg,\ncanvas,\naudio,\nvideo,\niframe,\nobject,\nembed {\n max-width: 100%;\n}\n\naudio,\nvideo,\ncanvas,\nimg,\nsvg {\n vertical-align: middle;\n}\n\nimg {\n height: auto;\n border-style: none;\n}\n\n// useful for CMS generated images\n// but causes layout breaking\n// img[width],\n// img[height] {\n// \tmax-width: none;\n// }\n\nfigure {\n margin: 0;\n}\n\nfigure,\nfigcaption {\n display: block;\n}\n\nfigcaption {\n line-height: 1.375;\n font-size: 90%;\n}\n\nvideo {\n height: auto;\n}\n\naudio {\n width: 100%;\n}\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\nsvg:not([fill]) {\n fill: currentColor;\n}\n\nprogress,\nmeter {\n display: inline-block;\n vertical-align: baseline;\n width: 100%;\n max-width: 100%;\n}\n\n// <progress> normalization\n//\n// https://css-tricks.com/html5-progress-element/\nprogress[value] {\n appearance: none; // reset the default appearance\n border: none; // Get rid of default border in Firefox\n\n height: 20px;\n height: 2rem;\n\n // progress bar background color\n background: $bf-gray-light;\n\n // progress value background color in IE10+\n color: $bf-blue;\n}\n\n// ! this is not a standard feature, is webkit only\n// https://developer.mozilla.org/en-US/docs/Web/CSS/%3A%3A-webkit-progress-bar\n//\n// progress value background color in webkit\nprogress[value]::-webkit-progress-bar {\n background: $bf-gray-light;\n}\nprogress[value]::-webkit-progress-value {\n background: $bf-blue;\n}\n\n// remove default border in old browsers\n// and for embeds (e.g. youtube) that don't remove the border with the attribute\n// frameborder=\"0\"\n//\n// e.g.\n// <iframe\n// width=\"560\"\n// height=\"315\"\n// src=\"https://www.youtube-nocookie.com/embed/Z-4v4I7Gzk0\"\n// frameborder=\"0\"\n// allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n// allowfullscreen>\n// </iframe>\niframe {\n border-style: none;\n}\n","// normalization, enhancement and responsiveness\n\nhtml input,\nbutton,\nselect,\noptgroup,\ntextarea {\n color: inherit;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nhtml input,\nbutton,\n[type='radio'],\n[type='checkbox'],\nselect,\noptgroup,\ntextarea {\n margin: 0;\n}\n\nhtml input,\nselect,\ntextarea,\nlegend {\n width: 100%;\n}\n\n// re-set width auto where needed\nhtml label,\nbutton,\n[type='image'],\n[type='submit'],\n[type='reset'],\nhtml [type='button'],\n[type='radio'],\n[type='checkbox'] {\n width: auto;\n}\n\n// inline-block display gives the best cross-browser combination\n// and allow several properties\nhtml input,\nlabel,\nselect,\ntextarea,\nbutton,\nhtml [type='button'],\n[type='reset'],\n[type='submit'],\noutput {\n display: inline-block;\n}\n\n[type='file'] {\n display: block;\n background-color: transparent;\n}\n\nbutton,\nhtml input,\nselect,\ntextarea {\n background-image: none; // FF mobile\n}\n\ninput,\nselect,\ntextarea {\n vertical-align: baseline;\n}\n\nform {\n margin: 0;\n}\n\n// 1. Remove intrinsic min-width of fieldset\n// https://github.com/necolas/normalize.css/pull/269\nfieldset {\n border: 0;\n padding: 0;\n margin: 0;\n min-width: 0; // 1.\n}\n\nlegend {\n display: table; // Correct the text wrapping in Edge and IE.\n max-width: 100%;\n white-space: normal; // enable line-wrapping in FF4/5\n border: 0;\n padding: 0;\n font-weight: 400;\n margin-bottom: $bf-spacing-md-px;\n margin-bottom: $bf-spacing-md-rem;\n font-size: inherit;\n line-height: 1.375;\n color: inherit;\n}\n\nlabel {\n font-weight: 400;\n font-size: 90%;\n line-height: 1.375;\n margin-bottom: $bf-spacing-md-px;\n margin-bottom: $bf-spacing-md-rem;\n}\n\nlabel input,\nlabel select,\nlabel textarea {\n font-size: 110%;\n}\n\n[type='number']::-webkit-outer-spin-button,\n[type='number']::-webkit-inner-spin-button {\n height: auto;\n}\n\n::-webkit-datetime-edit-fields-wrapper,\n::-webkit-datetime-edit-text,\n::-webkit-datetime-edit-minute,\n::-webkit-datetime-edit-hour-field,\n::-webkit-datetime-edit-day-field,\n::-webkit-datetime-edit-month-field,\n::-webkit-datetime-edit-year-field {\n padding: 0;\n}\n\n::-webkit-color-swatch-wrapper {\n padding: 0;\n}\n\n[type='search'] {\n outline-offset: -$bf-spacing-sm-px;\n outline-offset: -$bf-spacing-sm-rem;\n}\n\noutput {\n vertical-align: middle;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\n word-wrap: normal;\n}\n\n// Taken from Bootstrap Reboot v5.2\n// https://unpkg.com/browse/bootstrap@5.2.0/dist/css/bootstrap-reboot.css\n[list]:not([type='date']):not([type='datetime-local']):not([type='month']):not(\n [type='week']\n ):not([type='time'])::-webkit-calendar-picker-indicator {\n display: none !important;\n}\n\noptgroup {\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: 700; // fallback for font families without 600 /\n font-weight: 600;\n}\n\n// remove -webkit-appearance listing every single elements that needed it\nbutton,\n// avoid destroying native android audio/video players\nhtml [type=\"button\"], \n[type=\"reset\"],\n[type=\"submit\"],\n\n[type=\"email\"],\n[type=\"number\"],\n[type=\"text\"],\n[type=\"tel\"],\n[type=\"date\"],\n[type=\"datetime-local\"],\n[type=\"month\"],\n[type=\"week\"],\n[type=\"url\"],\n[type=\"image\"],\n[type=\"password\"],\n[type=\"search\"],\n[type=\"search\"]::-webkit-search-decoration,\n[type=\"search\"]::-webkit-search-cancel-button,\ninput[list],\ntextarea {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; // iOS and Safari\n font: inherit; // Safari\n}\n\n// ! IE9+\n// https://caniuse.com/#feat=border-radius\nbutton,\ninput,\nselect,\ntextarea {\n border-radius: $bf-spacing-sm-px;\n border-radius: $bf-spacing-sm-rem;\n}\n\n// ! IE9+\n// https://caniuse.com/#feat=border-radius\n[type='radio'] {\n border-radius: 50%;\n}\n\n[type='checkbox'] {\n border-radius: $bf-spacing-md-px;\n border-radius: $bf-spacing-md-rem;\n}\n\n[type='radio'],\n[type='checkbox'] {\n padding: 0;\n background-color: $bf-white;\n}\n\n[type='range'] {\n background-color: transparent; // FF and Chrome mobile\n}\n\nselect[size],\nselect[multiple] {\n height: auto;\n}\n\nselect[multiple] {\n background-image: none; // FF mobile\n}\n\ntextarea {\n height: auto;\n min-height: 60px;\n min-height: 6rem;\n overflow: auto;\n vertical-align: top;\n resize: vertical;\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n line-height: normal;\n text-align: center;\n margin: 0;\n background-clip: padding-box;\n vertical-align: baseline;\n overflow: visible;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n user-select: none;\n border: 0;\n background-image: none; // FF mobile\n\n &:hover,\n &:active,\n &:focus {\n text-decoration: none;\n color: $bf-dark;\n }\n}\n\nbutton,\nselect,\ninput[type='submit'],\ninput[type='button'],\n[type='checkbox'],\n[type='range'],\n[type='radio'],\n[role='button'] {\n cursor: pointer;\n}\n\n// FF placeholder bug\n// Issue: If one change the text color of input fields, FF will change\n// the default color of placeholders too!\n// Fix: Use '!important' https://github.com/necolas/normalize.css/issues/150\ninput::placeholder,\ntextarea::placeholder {\n color: $bf-gray-dark;\n}\n\n// remove ':invalid' styles in FF\n// https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-ui-invalid\n//\n// for form validation in JavaScript\n// use '.bf-invalid' class in /utilities/_utility-form-states.scss' instead\n// documentation https://developer.mozilla.org/en-US/docs/Web/CSS/:invalid\n:-moz-ui-invalid {\n box-shadow: none;\n}\n","[type='email'],\n[type='number'],\n[type='password'],\n[type='tel'],\n[type='search'],\n[type='text'],\n[type='date'],\n[type='datetime-local'],\n[type='month'],\n[type='week'],\n[type='time'],\n[type='url'],\ninput[list],\nselect,\ntextarea {\n background-color: $bf-white;\n border: 1px solid $bf-gray;\n padding: $bf-spacing-md-px ($bf-spacing-lg-px * 0.75);\n padding: $bf-spacing-md-rem ($bf-spacing-lg-rem * 0.75);\n}\n\n// Old browsers and Opera Mini don't fully support all type of inputs\n// e.g. [type=\"range\"]\n// so, let's try to add styles carefully and selective\n[type='email'],\n[type='number'],\n[type='password'],\n[type='tel'],\n[type='search'],\n[type='text'],\n[type='date'],\n[type='datetime-local'],\n[type='month'],\n[type='week'],\n[type='time'],\n[type='url'],\ninput[list],\nselect,\ntextarea,\n[type='radio'],\n[type='checkbox'] {\n &:active,\n &:focus {\n transition: border 0.2s, background-color 0.2s, box-shadow 0.2s;\n border-color: $bf-blue;\n box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25);\n }\n}\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n color: $bf-dark;\n padding: calc($bf-spacing-xl-px / 3) (calc($bf-spacing-xl-px / 3) * 2); // 8px 16px\n padding: calc($bf-spacing-xl-rem / 3) (calc($bf-spacing-xl-rem / 3) * 2);\n background: $bf-gray-light;\n transition: color 0.2s, background 0.2s, box-shadow 0.2s;\n\n &:hover,\n &:active,\n &:focus {\n text-decoration: none;\n color: $bf-dark;\n background: darken($bf-gray-light, 10%);\n }\n\n &:active,\n &:focus {\n box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);\n }\n}\n\n// disabled groups\nfieldset[disabled] button,\nfieldset[disabled] input,\nfieldset[disabled] input:after,\nfieldset[disabled] input:before,\nfieldset[disabled] input:checked,\nfieldset[disabled] select,\nfieldset[disabled] textarea,\nfieldset[disabled] label,\n\n// disabled singles\nbutton[disabled],\ninput[disabled],\ninput[disabled]:after,\ninput[disabled]:before,\ninput[disabled]:checked,\nselect[disabled],\ntextarea[disabled],\nlabel[disabled],\n\n// pseudo class\nbutton:disabled,\ninput:disabled,\ninput:disabled:after,\ninput:disabled:before,\ninput:disabled:checked,\nselect:disabled,\ntextarea:disabled,\nlabel:disabled,\n\n// aria \nbutton[aria-disabled=\"true\"],\ninput[aria-disabled=\"true\"],\ninput[aria-disabled=\"true\"]:after,\ninput[aria-disabled=\"true\"]:before,\ninput[aria-disabled=\"true\"]:checked,\nselect[aria-disabled=\"true\"],\ntextarea[aria-disabled=\"true\"],\nlabel[aria-disabled=\"true\"] {\n cursor: default !important; // fallback\n cursor: not-allowed !important;\n pointer-events: none !important;\n user-select: none !important;\n box-shadow: none !important;\n opacity: 0.5 !important;\n}\n","// custom <select> arrow and appearance with a base64 embedded SVG icon\n// https://css-tricks.com/probably-dont-base64-svg/#article-header-id-2\n//\n// this is inspired from https://github.com/kognise/water.css\n// and from Bootstrap custom select\n// https://getbootstrap.com/docs/4.4/components/input-group/#custom-select\n\n// ! :not and calc() are IE9+\n// https://caniuse.com/#feat=mdn-css_selectors_not\n// https://caniuse.com/#feat=calc\n//\n// ! 12px = the icon width/height, and must be in pixels because\n// calc() is just for values\n// https://css-tricks.com/a-complete-guide-to-calc-in-css/#0-calc-is-for-values\n//\n// a select with a [multiple] attribute doesn't show an arrow by default\n// a select with a [size] attribute gets and arrow on iOS (Webkit) for instance\n// but on Chrome and FF desktop\n// so, is not safe to style every kind of <select>\n//\n// remove the arrow and the appearance, especially on Webkit\nselect:not([size]):not([multiple]) {\n appearance: none;\n\n // add a new svg arrow\n background: $bf-white\n url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\")\n no-repeat right 0.85rem center/8px 10px;\n\n // space the arrow\n padding-right: $bf-spacing-lg-px + $bf-spacing-lg-px;\n padding-right: $bf-spacing-lg-rem + $bf-spacing-lg-rem;\n}\n\n// IE10+\n// The '::-ms-expand' CSS pseudo-element is a Microsoft extension that represents\n// the button of a <select> menu control that opens or closes the drop-down\n// menu. Typically it is a triangle that points downward.\n// https://developer.mozilla.org/en-US/docs/Web/CSS/::-ms-expand\nselect::-ms-expand {\n display: none;\n}\n\n// add support for RTL languages\n// 'appearance: none' removes the default styling but introduces a bug\n// that occurs when a right to the left language (e.g. Arabic) is set\n//\n// Read more\n// 1. http://bootstrap.rtlcss.com\n// 2. https://rtlstyling.com/\n[dir='rtl'] select:not([size]):not([multiple]),\nselect[dir='rtl']:not([size]):not([multiple]) {\n // move the arrow icon to the left\n background-position: left 0.85rem top 50%;\n\n // go back to default forms padding\n padding-right: ($bf-spacing-lg-px 0.75);\n padding-right: ($bf-spacing-lg-rem * 0.75);\n\n // add custom left padding, matching the custom LTR one\n padding-left: $bf-spacing-lg-px + $bf-spacing-lg-px;\n padding-left: $bf-spacing-lg-rem + $bf-spacing-lg-rem;\n}\n","// heavily inspired by '2020 toggles' by Aaron Iker\n// https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/\n// https://codepen.io/aaroniker/pen/ZEYoxEY?editors=0100\n//\n// https://developer.mozilla.org/en-US/docs/Web/CSS/@supports\n// https://caniuse.com/#feat=mdn-css_at-rules_supports_selector\n//\n// Anyway are safe and future-friendly because more browser compatibility\n// will come\n\n@supports (appearance: none) {\n [type='checkbox'],\n [type='radio'] {\n appearance: none;\n\n height: 1.8rem;\n width: 1.8rem;\n\n vertical-align: top;\n position: relative;\n\n border: 1px solid $bf-gray;\n\n + label {\n line-height: 1.8rem;\n vertical-align: top;\n margin-left: $bf-spacing-md-px;\n margin-left: $bf-spacing-md-rem;\n }\n\n // add support for RTL languages\n // Read more\n // 1. http://bootstrap.rtlcss.com\n // 2. https://rtlstyling.com/\n [dir='rtl'] & + label,\n &[dir='rtl'] + label {\n margin-left: 0;\n margin-right: $bf-spacing-md-px;\n margin-right: $bf-spacing-md-rem;\n }\n\n &:after {\n content: '';\n display: block;\n position: absolute;\n }\n\n &:checked {\n background-color: $bf-blue;\n border-color: $bf-black;\n }\n }\n\n [type='radio'] {\n &:after {\n width: 1.8rem;\n height: 1.8rem;\n\n left: -0.05rem;\n top: -0.05rem;\n\n border-radius: 50%;\n background: $bf-white;\n\n transform: scale(0.35);\n }\n }\n\n [type='checkbox'] {\n &:after {\n width: 0.6rem;\n height: 0.8rem;\n\n border: 2px solid $bf-white;\n border-top: 0;\n border-left: 0;\n\n left: 35%;\n top: 20%;\n\n transform: rotate(43deg);\n }\n }\n}\n","// styling input range in modern browsers safely using the @supports CSS-at-rule\n// https://developer.mozilla.org/en-US/docs/Web/CSS/@supports\n//\n// standalone CodePen demo https://codepen.io/marcop135/pen/JjGrNMx\n\n@supports (appearance: none) {\n [type='range'] {\n appearance: none;\n width: 100%;\n height: 1.4rem;\n }\n\n [type='range']::-webkit-slider-thumb {\n border: 0;\n appearance: none;\n\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -0.25rem;\n background-color: $bf-blue;\n border-radius: 1.5rem;\n transition: background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n\n &:active {\n background-color: $bf-blue;\n }\n }\n\n [type='range']::-moz-range-thumb {\n border: 0;\n appearance: none;\n\n width: 1.5rem;\n height: 1.5rem;\n background-color: $bf-blue;\n border-radius: 1.5rem;\n transition: background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n\n &:active {\n background-color: $bf-blue;\n }\n }\n\n [type='range']::-webkit-slider-runnable-track {\n color: transparent;\n border-color: transparent;\n\n width: 100%;\n height: 0.65rem;\n cursor: pointer;\n background-color: $bf-gray-light-extra;\n }\n\n [type='range']::-moz-range-track {\n color: transparent;\n border-color: transparent;\n\n width: 100%;\n height: 0.65rem;\n cursor: pointer;\n background-color: $bf-gray-light-extra;\n }\n\n [type='range']:focus {\n outline: none;\n\n &::-webkit-slider-thumb {\n box-shadow: 0 0 0 0.1rem $bf-white, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n\n &::-moz-slider-thumb {\n box-shadow: 0 0 0 0.1rem $bf-white, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n }\n\n [type='range']::-moz-focus-outer {\n border: 0;\n }\n\n [type='range']:focus::-moz-range-thumb {\n box-shadow: 0 0 0 0.1rem $bf-white, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n\n // disabled\n\n [type='range']:disabled {\n pointer-events: none;\n\n &::-webkit-slider-thumb {\n background-color: $bf-gray-light;\n }\n\n &::-moz-slider-thumb {\n background-color: $bf-gray-light;\n }\n }\n}\n","table {\n max-width: 100%;\n border-collapse: collapse;\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n}\n\nthead th {\n vertical-align: bottom;\n}\n\nth,\ntd {\n vertical-align: top;\n}\n\nth {\n text-align: inherit;\n font-weight: 700;\n}\n\ncaption {\n padding-top: $bf-spacing-md-px;\n padding-top: $bf-spacing-md-rem;\n padding-bottom: $bf-spacing-md-px;\n padding-bottom: $bf-spacing-md-rem;\n color: $bf-gray;\n text-align: left;\n caption-side: bottom;\n line-height: 1.375;\n font-size: 90%;\n}\n","// standard property\n// 'scrollbar-color'\n// https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color\n// currently (June 2020) Firefox only\n// https://caniuse.com/#feat=mdn-css_properties_scrollbar-color\nhtml {\n scrollbar-color: darken($bf-gray-dark, 5%) $bf-dark-extra;\n}\n\n// these features are not standard, and blink and webkit only\n// '::-webkit-scrollbar'\n// https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar\n\n::-webkit-scrollbar {\n width: 1.5rem;\n height: 1.5rem;\n}\n\n::-webkit-scrollbar-track {\n background-color: $bf-dark-extra;\n}\n\n::-webkit-scrollbar-thumb {\n background-color: darken($bf-gray-dark, 5%);\n}\n\n::-webkit-scrollbar-thumb:hover {\n background-color: lighten($bf-gray-dark, 10%);\n}\n","// these are global stylest tha that ovveride all the \"light\" styles\n\n// import dark scrollbars utility module\n@import 'utility-global-dark-scrollbars';\n\n// the basics: background and texts\nhtml {\n color: $bf-light;\n}\n\nbody {\n background-color: lighten($bf-dark-extra, 7.5%);\n}\n\n// anchors\na {\n color: lighten($bf-blue, 20%);\n\n &:hover,\n &:focus {\n color: lighten($bf-blue-light, 20%);\n }\n}\n\n// typography elements that need tiny adjustments\nmark {\n background-color: darken($bf-yellow, 10%);\n}\n\nins {\n background-color: darken($bf-yellow-light, 45%);\n}\n\n// forms\n\n[type='email'],\n[type='number'],\n[type='password'],\n[type='tel'],\n[type='search'],\n[type='text'],\n[type='date'],\n[type='datetime-local'],\n[type='month'],\n[type='week'],\n[type='time'],\n[type='url'],\n[type='range'],\ninput[list],\nselect,\nselect:not([size]):not([multiple]),\ntextarea {\n background-color: $bf-dark-extra;\n border-color: $bf-black;\n color: $bf-gray-light;\n\n &:active,\n &:focus {\n background-color: $bf-dark-extra;\n border-color: lighten($bf-blue, 10%);\n }\n}\n\n[type='email'],\n[type='number'],\n[type='password'],\n[type='tel'],\n[type='search'],\n[type='text'],\n[type='date'],\n[type='datetime-local'],\n[type='month'],\n[type='week'],\n[type='time'],\n[type='url'],\ninput[list],\nselect,\nselect:not([size]):not([multiple]),\ntextarea {\n &:active,\n &:focus {\n box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.5);\n }\n}\n\nselect:not([size]):not([multiple]) {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23f0f0f0' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\");\n}\n\n// IE9 only hack\n// https://gist.github.com/marcop135/cf5163ab23d1cb208248b955c990b2ea#ie-9-only\n@media screen and (min-width: 0\\0) and (min-resolution: 0.001dpcm) {\n // hide custom arrow\n select:not([size]):not([multiple]),\n // RTL\n [dir=\"rtl\"] select:not([size]):not([multiple]),\n select[dir=\"rtl\"]:not([size]):not([multiple]) {\n background-image: none;\n }\n}\n\n// range\n\n// all modern browsers but not IE\n@supports (appearance: none) {\n // override above declaration\n [type='range'] {\n background-color: transparent;\n\n &:focus {\n background-color: transparent;\n }\n }\n\n // darker background\n // the rulesets must be separated\n [type='range']::-webkit-slider-runnable-track {\n background-color: $bf-dark-extra;\n }\n\n [type='range']::-moz-range-track {\n background-color: $bf-dark-extra;\n }\n}\n\ninput::placeholder,\ntextarea::placeholder {\n color: $bf-gray;\n}\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n background: $bf-gray-light;\n\n &:hover,\n &:active,\n &:focus {\n background: darken($bf-gray-light, 10%);\n }\n\n &:active,\n &:focus {\n box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45);\n }\n}\n\n// focus\na:focus,\ninput:focus {\n outline-color: darken(orange, 15%);\n}\n\n:focus-visible {\n outline-color: darken(orange, 15%);\n}\n"]}

package/dist/css/bullframe-classless-system-default.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/*! bullframe.css v4.2.0 | MIT License | https://github.com/marcop135/bullframe.css */
+/*! bullframe.css v4.2.1 | MIT License | https://github.com/marcop135/bullframe.css */
 /*! custom build: bullframe-classless-system-default */
 /*! custom build: bullframe-classless */
 *,

package/dist/css/bullframe-classless-system-default.min.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/*! bullframe.css v4.2.0 | MIT License | https://github.com/marcop135/bullframe.css */
+/*! bullframe.css v4.2.1 | MIT License | https://github.com/marcop135/bullframe.css */
 /*! custom build: bullframe-classless-system-default */
 /*! custom build: bullframe-classless */*,:after,:before{box-sizing:border-box}article,aside,details,dialog,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}template{display:none}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#222;font-family:sans-serif;font-size:62.5%;line-height:1.15}body{word-wrap:break-word;background-color:#fff;font-family:BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:16px;font-size:1.6rem;font-weight:400;line-height:1.5;margin:0;text-align:left;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:700;font-weight:600;line-height:1.25;margin-bottom:1rem;margin-top:0}h1{font-size:36px;font-size:3.6rem}h2{font-size:30px;font-size:3rem}h3{font-size:24px;font-size:2.4rem}h4{font-size:20px;font-size:2rem}h5,h6{font-size:16px;font-size:1.6rem}blockquote{font-style:italic;margin:0 0 2rem;padding-left:0}blockquote p{margin-bottom:0}blockquote small{color:#999;display:block}blockquote small:before{content:"— "}q{quotes:"“" "”" "‘" "’"}pre{word-wrap:break-word;-ms-overflow-style:auto;display:block;hyphens:none;margin:0 0 2rem;overflow:auto;white-space:pre;word-break:break-all}code,kbd,pre,samp{font-family:Menlo,Consolas,Roboto Mono,"Ubuntu Monospace",Noto Mono,Oxygen Mono,Liberation Mono,monospace,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:.875em}code{word-wrap:break-word}a>code,pre code{color:inherit}pre code{font-size:inherit;word-break:normal}p{margin:0 0 2rem}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}mark{background-color:#ff0}ins,mark{color:#000}ins{background-color:#ff9;text-decoration:none}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-8px;top:-.8rem}sub{bottom:-4px;bottom:-.4rem}small{font-size:80%}hr{border-style:solid;border-width:1px 0 0;box-sizing:content-box;color:inherit;display:block;height:0;margin:2rem 0;overflow:visible;padding:0}address{font-style:normal;line-height:inherit;margin-bottom:1rem}summary{cursor:pointer;display:list-item}a{background-color:transparent;color:#007bff;text-decoration:none}a:focus,a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([class]),a:not([href]):not([class]):hover,a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}dl,menu,ol,ul{margin:0 0 2rem;padding:0}dd,menu ol,menu ul,ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ol,ul{margin-left:2rem}nav ol,nav ul{list-style:none;list-style-image:none;margin-left:0}dt{font-weight:700}dd{margin-left:0}nav li:before{content:"";position:absolute}audio,canvas,progress,video{display:inline-block}audio,canvas,embed,iframe,img,object,video{max-width:100%}audio,canvas,img,svg,video{vertical-align:middle}img{border-style:none;height:auto}figure{margin:0}figcaption,figure{display:block}figcaption{font-size:90%;line-height:1.375}video{height:auto}audio{width:100%}audio:not([controls]){display:none;height:0}svg:not(:root){overflow:hidden}svg:not([fill]){fill:currentColor}meter,progress{display:inline-block;max-width:100%;vertical-align:baseline;width:100%}progress[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ccc;border:none;color:#007bff;height:20px;height:2rem}progress[value]::-webkit-progress-bar{background:#ccc}progress[value]::-webkit-progress-value{background:#007bff}iframe{border-style:none}button,html input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}[type=checkbox],[type=radio],button,html input,optgroup,select,textarea{margin:0}html input,legend,select,textarea{width:100%}[type=checkbox],[type=image],[type=radio],[type=reset],[type=submit],button,html [type=button],html label{width:auto}[type=reset],[type=submit],button,html [type=button],html input,label,output,select,textarea{display:inline-block}[type=file]{background-color:transparent;display:block}button,html input,select,textarea{background-image:none}input,select,textarea{vertical-align:baseline}form{margin:0}fieldset{margin:0;min-width:0}fieldset,legend{border:0;padding:0}legend{color:inherit;display:table;font-size:inherit;max-width:100%;white-space:normal}label,legend{font-weight:400;line-height:1.375;margin-bottom:.5rem}label{font-size:90%}label input,label select,label textarea{font-size:110%}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-color-swatch-wrapper{padding:0}[type=search]{outline-offset:-2.5px;outline-offset:-.25rem}output{vertical-align:middle}button,select{text-transform:none}select{word-wrap:normal}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}optgroup{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:700;font-weight:600}[type=date],[type=datetime-local],[type=email],[type=image],[type=month],[type=number],[type=password],[type=reset],[type=search],[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration,[type=submit],[type=tel],[type=text],[type=url],[type=week],button,html [type=button],input[list],textarea{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}button,input,select,textarea{border-radius:2.5px;border-radius:.25rem}[type=radio]{border-radius:50%}[type=checkbox]{border-radius:5px;border-radius:.5rem}[type=checkbox],[type=radio]{background-color:#fff;padding:0}[type=range]{background-color:transparent}select[multiple],select[size]{height:auto}select[multiple]{background-image:none}textarea{height:auto;min-height:60px;min-height:6rem;overflow:auto;resize:vertical;vertical-align:top}::-moz-focus-inner{border-style:none;padding:0}[type=button],[type=reset],[type=submit],button{-webkit-tap-highlight-color:rgba(0,0,0,0);background-clip:padding-box;background-image:none;border:0;line-height:normal;margin:0;overflow:visible;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:baseline}[role=button],[type=checkbox],[type=radio],[type=range],button,input[type=button],input[type=submit],select{cursor:pointer}input::-moz-placeholder,textarea::-moz-placeholder{color:#666}input::placeholder,textarea::placeholder{color:#666}:-moz-ui-invalid{box-shadow:none}[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input[list],select,textarea{background-color:#fff;border:1px solid #999;padding:.5rem .75rem}[type=checkbox]:active,[type=checkbox]:focus,[type=date]:active,[type=date]:focus,[type=datetime-local]:active,[type=datetime-local]:focus,[type=email]:active,[type=email]:focus,[type=month]:active,[type=month]:focus,[type=number]:active,[type=number]:focus,[type=password]:active,[type=password]:focus,[type=radio]:active,[type=radio]:focus,[type=search]:active,[type=search]:focus,[type=tel]:active,[type=tel]:focus,[type=text]:active,[type=text]:focus,[type=time]:active,[type=time]:focus,[type=url]:active,[type=url]:focus,[type=week]:active,[type=week]:focus,input[list]:active,input[list]:focus,select:active,select:focus,textarea:active,textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px rgba(0,86,179,.25);transition:border .2s,background-color .2s,box-shadow .2s}[type=button],[type=reset],[type=submit],button{background:#ccc;color:#222;padding:.6666666667rem 1.3333333333rem;transition:color .2s,background .2s,box-shadow .2s}[type=button]:active,[type=button]:focus,[type=button]:hover,[type=reset]:active,[type=reset]:focus,[type=reset]:hover,[type=submit]:active,[type=submit]:focus,[type=submit]:hover,button:active,button:focus,button:hover{background:#b3b3b3;color:#222;text-decoration:none}[type=button]:active,[type=button]:focus,[type=reset]:active,[type=reset]:focus,[type=submit]:active,[type=submit]:focus,button:active,button:focus{box-shadow:0 0 0 3px rgba(0,0,0,.15)}button:disabled,button[aria-disabled=true],button[disabled],fieldset[disabled] button,fieldset[disabled] input,fieldset[disabled] input:after,fieldset[disabled] input:before,fieldset[disabled] input:checked,fieldset[disabled] label,fieldset[disabled] select,fieldset[disabled] textarea,input:disabled,input:disabled:after,input:disabled:before,input:disabled:checked,input[aria-disabled=true],input[aria-disabled=true]:after,input[aria-disabled=true]:before,input[aria-disabled=true]:checked,input[disabled],input[disabled]:after,input[disabled]:before,input[disabled]:checked,label:disabled,label[aria-disabled=true],label[disabled],select:disabled,select[aria-disabled=true],select[disabled],textarea:disabled,textarea[aria-disabled=true],textarea[disabled]{box-shadow:none!important;cursor:default!important;cursor:not-allowed!important;opacity:.5!important;pointer-events:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}select:not([size]):not([multiple]){-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .85rem center/8px 10px;padding-right:2rem}select::-ms-expand{display:none}[dir=rtl] select:not([size]):not([multiple]),select[dir=rtl]:not([size]):not([multiple]){background-position:left .85rem top 50%;padding-left:2rem;padding-right:.75rem}@supports ((-webkit-appearance:none) or (-moz-appearance:none) or (appearance:none)){[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #999;height:1.8rem;position:relative;vertical-align:top;width:1.8rem}[type=checkbox]+label,[type=radio]+label{line-height:1.8rem;margin-left:.5rem;vertical-align:top}[dir=rtl] [type=checkbox]+label,[dir=rtl] [type=radio]+label,[type=checkbox][dir=rtl]+label,[type=radio][dir=rtl]+label{margin-left:0;margin-right:.5rem}[type=checkbox]:after,[type=radio]:after{content:"";display:block;position:absolute}[type=checkbox]:checked,[type=radio]:checked{background-color:#007bff;border-color:#000}[type=radio]:after{background:#fff;border-radius:50%;height:1.8rem;left:-.05rem;top:-.05rem;transform:scale(.35);width:1.8rem}[type=checkbox]:after{border:2px solid #fff;border-left:0;border-top:0;height:.8rem;left:35%;top:20%;transform:rotate(43deg);width:.6rem}[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.4rem;width:100%}}@supports ((-webkit-appearance:none) or (-moz-appearance:none) or (appearance:none)){[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#007bff;border:0;border-radius:1.5rem;height:1.5rem;margin-top:-.25rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1.5rem}[type=range]::-webkit-slider-thumb:active{background-color:#007bff}[type=range]::-moz-range-thumb{-moz-appearance:none;appearance:none;background-color:#007bff;border:0;border-radius:1.5rem;height:1.5rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1.5rem}[type=range]::-moz-range-thumb:active{background-color:#007bff}[type=range]::-webkit-slider-runnable-track{background-color:#e9e9e9;border-color:transparent;color:transparent;cursor:pointer;height:.65rem;width:100%}[type=range]::-moz-range-track{background-color:#e9e9e9;border-color:transparent;color:transparent;cursor:pointer;height:.65rem;width:100%}[type=range]:focus{outline:none}[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 .1rem #fff,0 0 0 .2rem rgba(0,123,255,.25)}[type=range]:focus::-moz-slider-thumb{box-shadow:0 0 0 .1rem #fff,0 0 0 .2rem rgba(0,123,255,.25)}[type=range]::-moz-focus-outer{border:0}[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 .1rem #fff,0 0 0 .2rem rgba(0,123,255,.25)}[type=range]:disabled{pointer-events:none}[type=range]:disabled::-webkit-slider-thumb{background-color:#ccc}[type=range]:disabled::-moz-slider-thumb{background-color:#ccc}}table{border-collapse:collapse;max-width:100%}tbody,td,tfoot,th,thead,tr{border:0 solid;border-color:inherit}thead th{vertical-align:bottom}td,th{vertical-align:top}th{font-weight:700;text-align:inherit}caption{caption-side:bottom;color:#999;font-size:90%;line-height:1.375;padding-bottom:.5rem;padding-top:.5rem;text-align:left}@media (prefers-color-scheme:dark){html{scrollbar-color:#595959 #111}::-webkit-scrollbar{height:1.5rem;width:1.5rem}::-webkit-scrollbar-track{background-color:#111}::-webkit-scrollbar-thumb{background-color:#595959}::-webkit-scrollbar-thumb:hover{background-color:grey}html{color:#f0f0f0}body{background-color:#242424}a{color:#66b0ff}a:focus,a:hover{color:#1a88ff}mark{background-color:#cc0}ins{background-color:#b3b300}[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=range],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input[list],select,select:not([size]):not([multiple]),textarea{background-color:#111;border-color:#000;color:#ccc}[type=date]:active,[type=date]:focus,[type=datetime-local]:active,[type=datetime-local]:focus,[type=email]:active,[type=email]:focus,[type=month]:active,[type=month]:focus,[type=number]:active,[type=number]:focus,[type=password]:active,[type=password]:focus,[type=range]:active,[type=range]:focus,[type=search]:active,[type=search]:focus,[type=tel]:active,[type=tel]:focus,[type=text]:active,[type=text]:focus,[type=time]:active,[type=time]:focus,[type=url]:active,[type=url]:focus,[type=week]:active,[type=week]:focus,input[list]:active,input[list]:focus,select:active,select:focus,select:not([size]):not([multiple]):active,select:not([size]):not([multiple]):focus,textarea:active,textarea:focus{background-color:#111;border-color:#3395ff}[type=date]:active,[type=date]:focus,[type=datetime-local]:active,[type=datetime-local]:focus,[type=email]:active,[type=email]:focus,[type=month]:active,[type=month]:focus,[type=number]:active,[type=number]:focus,[type=password]:active,[type=password]:focus,[type=search]:active,[type=search]:focus,[type=tel]:active,[type=tel]:focus,[type=text]:active,[type=text]:focus,[type=time]:active,[type=time]:focus,[type=url]:active,[type=url]:focus,[type=week]:active,[type=week]:focus,input[list]:active,input[list]:focus,select:active,select:focus,select:not([size]):not([multiple]):active,select:not([size]):not([multiple]):focus,textarea:active,textarea:focus{box-shadow:0 0 0 3px rgba(3,102,214,.5)}select:not([size]):not([multiple]){background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23f0f0f0' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")}}@media screen and (prefers-color-scheme:dark) and (min-width:0\0) and (min-resolution:0.001dpcm){[dir=rtl] select:not([size]):not([multiple]),select:not([size]):not([multiple]),select[dir=rtl]:not([size]):not([multiple]){background-image:none}}@media (prefers-color-scheme:dark){@supports ((-webkit-appearance:none) or (-moz-appearance:none) or (appearance:none)){[type=range],[type=range]:focus{background-color:transparent}[type=range]::-webkit-slider-runnable-track{background-color:#111}[type=range]::-moz-range-track{background-color:#111}}input::-moz-placeholder,textarea::-moz-placeholder{color:#999}input::placeholder,textarea::placeholder{color:#999}[type=button],[type=reset],[type=submit],button{background:#ccc}[type=button]:active,[type=button]:focus,[type=button]:hover,[type=reset]:active,[type=reset]:focus,[type=reset]:hover,[type=submit]:active,[type=submit]:focus,[type=submit]:hover,button:active,button:focus,button:hover{background:#b3b3b3}[type=button]:active,[type=button]:focus,[type=reset]:active,[type=reset]:focus,[type=submit]:active,[type=submit]:focus,button:active,button:focus{box-shadow:0 0 0 3px hsla(0,0%,100%,.45)}a:focus,input:focus{outline-color:#b37400}:focus-visible{outline-color:#b37400}}
 /*# sourceMappingURL=bullframe-classless-system-default.min.css.map */