bullframe.css 4.1.1 → 4.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -1
- package/README.md +3 -3
- package/dist/css/bullframe-classless-dark-prefers.css +2 -2
- package/dist/css/bullframe-classless-dark-prefers.min.css +2 -2
- package/dist/css/bullframe-classless-dark-prefers.min.css.map +1 -1
- package/dist/css/bullframe-classless-dark.css +2 -2
- package/dist/css/bullframe-classless-dark.min.css +2 -2
- package/dist/css/bullframe-classless-dark.min.css.map +1 -1
- package/dist/css/bullframe-classless-system-default.css +2 -2
- package/dist/css/bullframe-classless-system-default.min.css +2 -2
- package/dist/css/bullframe-classless-system-default.min.css.map +1 -1
- package/dist/css/bullframe-classless.css +1 -1
- package/dist/css/bullframe-classless.min.css +2 -2
- package/dist/css/bullframe-classless.min.css.map +1 -1
- package/dist/css/bullframe-dark-prefers.css +2 -2
- package/dist/css/bullframe-dark-prefers.min.css +2 -2
- package/dist/css/bullframe-dark-prefers.min.css.map +1 -1
- package/dist/css/bullframe-dark.css +2 -2
- package/dist/css/bullframe-dark.min.css +2 -2
- package/dist/css/bullframe-dark.min.css.map +1 -1
- package/dist/css/bullframe-system-default.css +2 -2
- package/dist/css/bullframe-system-default.min.css +2 -2
- package/dist/css/bullframe-system-default.min.css.map +1 -1
- package/dist/css/bullframe-utilities.css +1 -1
- package/dist/css/bullframe-utilities.min.css +1 -1
- package/dist/css/bullframe-utilities.min.css.map +1 -1
- package/dist/css/bullframe.css +1 -1
- package/dist/css/bullframe.min.css +1 -1
- package/dist/css/bullframe.min.css.map +1 -1
- package/gulpfile.js +1 -1
- package/package.json +1 -1
- package/src/scss/bullframe-utilities.scss +1 -1
- package/src/scss/forms/_forms-normalization.scss +3 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
# Changes to bullframe.css
|
|
2
2
|
|
|
3
|
+
## 4.1.2 (February 23, 2024)
|
|
4
|
+
|
|
5
|
+
* Updated all npm dependencies
|
|
6
|
+
* Fixed typos in README.md
|
|
7
|
+
|
|
3
8
|
## 4.1.1 (August 31, 2023)
|
|
4
9
|
|
|
5
|
-
*
|
|
10
|
+
* Updated all npm dependencies
|
|
6
11
|
* Improved documentation
|
|
7
12
|
|
|
8
13
|
## 4.1.0 (August 30, 2023)
|
package/README.md
CHANGED
|
@@ -181,7 +181,7 @@ There are three builds available:
|
|
|
181
181
|
|
|
182
182
|
1. `bullframe.css`: the light theme
|
|
183
183
|
2. `bullframe-dark.css`: the dark theme
|
|
184
|
-
3. `bullframe-system-default.css`: the theme set
|
|
184
|
+
3. `bullframe-system-default.css`: the theme set by the user as default (which can be light or dark). Read more [on MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme).
|
|
185
185
|
|
|
186
186
|
#### `bullframe.css`
|
|
187
187
|
|
|
@@ -209,7 +209,7 @@ CDN
|
|
|
209
209
|
|
|
210
210
|
### Utilities - Reference
|
|
211
211
|
|
|
212
|
-
A set of utilities
|
|
212
|
+
A set of utilities for bullframe.css customisation:
|
|
213
213
|
|
|
214
214
|
#### Grid system
|
|
215
215
|
|
|
@@ -415,7 +415,7 @@ You might take a look at the [.browserslistrc](https://github.com/marcop135/bull
|
|
|
415
415
|
|
|
416
416
|
### Screenshots
|
|
417
417
|
|
|
418
|
-
How can I quickly
|
|
418
|
+
How can I quickly determine if every HTML element works well on all browsers?
|
|
419
419
|
|
|
420
420
|
Take a look at some [screenshots and screencasts](https://github.com/marcop135/bullframe.css/tree/master/docs/screenshots-screencasts), organized by rendering engines (blink, gecko, trident, webkit).
|
|
421
421
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! bullframe.css v4.1.
|
|
1
|
+
/*! bullframe.css v4.1.2 | MIT License | https://github.com/marcop135/bullframe.css */
|
|
2
2
|
/*! custom build: bullframe-classless-dark-prefers */
|
|
3
3
|
/*! custom build: bullframe-classless */
|
|
4
4
|
*,
|
|
@@ -1164,7 +1164,7 @@ caption {
|
|
|
1164
1164
|
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");
|
|
1165
1165
|
}
|
|
1166
1166
|
}
|
|
1167
|
-
@media screen and (prefers-color-scheme: dark) and (min-width: 0\0 ) and (
|
|
1167
|
+
@media screen and (prefers-color-scheme: dark) and (min-width: 0\0 ) and (min-resolution: 0.001dpcm) {
|
|
1168
1168
|
select:not([size]):not([multiple]),
|
|
1169
1169
|
*[dir=rtl] select:not([size]):not([multiple]),
|
|
1170
1170
|
select[dir=rtl]:not([size]):not([multiple]) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! bullframe.css v4.1.
|
|
1
|
+
/*! bullframe.css v4.1.2 | MIT License | https://github.com/marcop135/bullframe.css */
|
|
2
2
|
/*! custom build: bullframe-classless-dark-prefers */
|
|
3
|
-
/*! 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;-webkit-hyphens:none;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:gray}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 (-webkit-min-device-pixel-ratio:0),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}}
|
|
3
|
+
/*! 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;-webkit-hyphens:none;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:gray}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}}
|
|
4
4
|
/*# sourceMappingURL=bullframe-classless-dark-prefers.min.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["bullframe-classless-dark-prefers.css","bullframe-classless-dark-prefers.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-prefers-classless.scss","utilities/_utility-global-dark-scrollbars.scss","utilities/_utility-global-dark-classless.scss"],"names":[],"mappings":"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wBAAA,CADA,cpB68BF,CoBz8BA,2BAQE,cAAA,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,CqBn/BA,mCCKA,KACE,4BtBk/BA,CsB3+BF,oBAEE,aAAA,CADA,YtB8+BA,CsB1+BF,0BACE,qBtB4+BA,CsBz+BF,0BACE,wBtB2+BA,CsBx+BF,gCACE,qBtB0+BA,CuB//BF,KACE,avBigCA,CuB9/BF,KACE,wBvBggCA,CuB5/BF,EACE,avB8/BA,CuB5/BA,gBAEE,avB6/BF,CuBx/BF,KACE,qBvB0/BA,CuBv/BF,IACE,wBvBy/BA,CuBp/BF,8OAiBE,qBlBnCc,CkBoCd,iBlBnCS,CkBoCT,UvBs/BA,CuBp/BA,yrBAEE,qBlBzCY,CkB0CZ,oBvBqhCF,CuBjgCA,kpBAEE,uCvBgiCF,CuB5hCF,mCACE,2LvB8hCA,CACF,CuB1hCA,mMAEE,4HAIE,qBvB0hCF,CACF,CqB5nCA,mCEwGA,qFAKI,gCACE,4BvBshCF,CuBhhCF,4CACE,qBvBkhCA,CuB/gCF,+BACE,qBvBihCA,CACF,CuB9gCF,mDAEE,UvBghCA,CuBlhCF,yCAEE,UvBghCA,CuB7gCF,gDAIE,evB+gCA,CuB7gCA,4NAGE,kBvBshCF,CuBnhCA,oJAEE,wCvB0hCF,CuBrhCF,oBAEE,qBvBuhCA,CuBphCF,eACE,qBvBshCA,CACF","file":"bullframe-classless-dark-prefers.min.css","sourcesContent":["/*! bullframe.css v4.1.1 | MIT License | https://github.com/marcop135/bullframe.css */\n/*! custom build: bullframe-classless-dark-prefers */\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: #b3b3b3;\n}\nbutton:active, button:focus,\n[type=button]:active,\n[type=button]:focus,\n[type=reset]:active,\n[type=reset]:focus,\n[type=submit]:active,\n[type=submit]:focus {\n box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);\n}\n\nfieldset[disabled] button,\nfieldset[disabled] input,\nfieldset[disabled] input:after,\nfieldset[disabled] input:before,\nfieldset[disabled] input:checked,\nfieldset[disabled] select,\nfieldset[disabled] textarea,\nfieldset[disabled] label,\nbutton[disabled],\ninput[disabled],\ninput[disabled]:after,\ninput[disabled]:before,\ninput[disabled]:checked,\nselect[disabled],\ntextarea[disabled],\nlabel[disabled],\nbutton:disabled,\ninput:disabled,\ninput:disabled:after,\ninput:disabled:before,\ninput:disabled:checked,\nselect:disabled,\ntextarea:disabled,\nlabel:disabled,\nbutton[aria-disabled=true],\ninput[aria-disabled=true],\ninput[aria-disabled=true]:after,\ninput[aria-disabled=true]:before,\ninput[aria-disabled=true]:checked,\nselect[aria-disabled=true],\ntextarea[aria-disabled=true],\nlabel[aria-disabled=true] {\n cursor: default !important;\n cursor: not-allowed !important;\n pointer-events: none !important;\n user-select: none !important;\n box-shadow: none !important;\n opacity: 0.5 !important;\n}\n\nselect:not([size]):not([multiple]) {\n appearance: none;\n background: #fff url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\") no-repeat right 0.85rem center/8px 10px;\n padding-right: 20px;\n padding-right: 2rem;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\n*[dir=rtl] select:not([size]):not([multiple]),\nselect[dir=rtl]:not([size]):not([multiple]) {\n background-position: left 0.85rem top 50%;\n padding-right: 7.5px;\n padding-right: 0.75rem;\n padding-left: 20px;\n padding-left: 2rem;\n}\n\n@supports (appearance: none) {\n [type=checkbox],\n [type=radio] {\n appearance: none;\n height: 1.8rem;\n width: 1.8rem;\n vertical-align: top;\n position: relative;\n border: 1px solid #999;\n }\n [type=checkbox] + label,\n [type=radio] + label {\n line-height: 1.8rem;\n vertical-align: top;\n margin-left: 5px;\n margin-left: 0.5rem;\n }\n *[dir=rtl] [type=checkbox] + label, [type=checkbox][dir=rtl] + label,\n *[dir=rtl] [type=radio] + label,\n [type=radio][dir=rtl] + label {\n margin-left: 0;\n margin-right: 5px;\n margin-right: 0.5rem;\n }\n [type=checkbox]:after,\n [type=radio]:after {\n content: \"\";\n display: block;\n position: absolute;\n }\n [type=checkbox]:checked,\n [type=radio]:checked {\n background-color: #007bff;\n border-color: #000;\n }\n [type=radio]:after {\n width: 1.8rem;\n height: 1.8rem;\n left: -0.05rem;\n top: -0.05rem;\n border-radius: 50%;\n background: #fff;\n transform: scale(0.35);\n }\n [type=checkbox]:after {\n width: 0.6rem;\n height: 0.8rem;\n border: 2px solid #fff;\n border-top: 0;\n border-left: 0;\n left: 35%;\n top: 20%;\n transform: rotate(43deg);\n }\n}\n@supports (appearance: none) {\n [type=range] {\n appearance: none;\n width: 100%;\n height: 1.4rem;\n }\n [type=range]::-webkit-slider-thumb {\n border: 0;\n appearance: none;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -0.25rem;\n background-color: #007bff;\n border-radius: 1.5rem;\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n }\n [type=range]::-webkit-slider-thumb:active {\n background-color: #007bff;\n }\n [type=range]::-moz-range-thumb {\n border: 0;\n appearance: none;\n width: 1.5rem;\n height: 1.5rem;\n background-color: #007bff;\n border-radius: 1.5rem;\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n }\n [type=range]::-moz-range-thumb:active {\n background-color: #007bff;\n }\n [type=range]::-webkit-slider-runnable-track {\n color: transparent;\n border-color: transparent;\n width: 100%;\n height: 0.65rem;\n cursor: pointer;\n background-color: #e9e9e9;\n }\n [type=range]::-moz-range-track {\n color: transparent;\n border-color: transparent;\n width: 100%;\n height: 0.65rem;\n cursor: pointer;\n background-color: #e9e9e9;\n }\n [type=range]:focus {\n outline: none;\n }\n [type=range]:focus::-webkit-slider-thumb {\n box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n [type=range]:focus::-moz-slider-thumb {\n box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n [type=range]::-moz-focus-outer {\n border: 0;\n }\n [type=range]:focus::-moz-range-thumb {\n box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n [type=range]:disabled {\n pointer-events: none;\n }\n [type=range]:disabled::-webkit-slider-thumb {\n background-color: #ccc;\n }\n [type=range]:disabled::-moz-slider-thumb {\n background-color: #ccc;\n }\n}\ntable {\n max-width: 100%;\n border-collapse: collapse;\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n}\n\nthead th {\n vertical-align: bottom;\n}\n\nth,\ntd {\n vertical-align: top;\n}\n\nth {\n text-align: inherit;\n font-weight: 700;\n}\n\ncaption {\n padding-top: 5px;\n padding-top: 0.5rem;\n padding-bottom: 5px;\n padding-bottom: 0.5rem;\n color: #999;\n text-align: left;\n caption-side: bottom;\n line-height: 1.375;\n font-size: 90%;\n}\n\n@media (prefers-color-scheme: dark) {\n html {\n scrollbar-color: #595959 #111;\n }\n ::-webkit-scrollbar {\n width: 1.5rem;\n height: 1.5rem;\n }\n ::-webkit-scrollbar-track {\n background-color: #111;\n }\n ::-webkit-scrollbar-thumb {\n background-color: #595959;\n }\n ::-webkit-scrollbar-thumb:hover {\n background-color: gray;\n }\n html {\n color: #f0f0f0;\n }\n body {\n background-color: #242424;\n }\n a {\n color: #66b0ff;\n }\n a:hover, a:focus {\n color: #1a88ff;\n }\n mark {\n background-color: #cccc00;\n }\n ins {\n background-color: #b3b300;\n }\n [type=email],\n [type=number],\n [type=password],\n [type=tel],\n [type=search],\n [type=text],\n [type=date],\n [type=datetime-local],\n [type=month],\n [type=week],\n [type=time],\n [type=url],\n [type=range],\n input[list],\n select,\n select:not([size]):not([multiple]),\n textarea {\n background-color: #111;\n border-color: #000;\n color: #ccc;\n }\n [type=email]:active, [type=email]:focus,\n [type=number]:active,\n [type=number]:focus,\n [type=password]:active,\n [type=password]:focus,\n [type=tel]:active,\n [type=tel]:focus,\n [type=search]:active,\n [type=search]:focus,\n [type=text]:active,\n [type=text]:focus,\n [type=date]:active,\n [type=date]:focus,\n [type=datetime-local]:active,\n [type=datetime-local]:focus,\n [type=month]:active,\n [type=month]:focus,\n [type=week]:active,\n [type=week]:focus,\n [type=time]:active,\n [type=time]:focus,\n [type=url]:active,\n [type=url]:focus,\n [type=range]:active,\n [type=range]:focus,\n input[list]:active,\n input[list]:focus,\n select:active,\n select:focus,\n select:not([size]):not([multiple]):active,\n select:not([size]):not([multiple]):focus,\n textarea:active,\n textarea:focus {\n background-color: #111;\n border-color: #3395ff;\n }\n [type=email]:active, [type=email]:focus,\n [type=number]:active,\n [type=number]:focus,\n [type=password]:active,\n [type=password]:focus,\n [type=tel]:active,\n [type=tel]:focus,\n [type=search]:active,\n [type=search]:focus,\n [type=text]:active,\n [type=text]:focus,\n [type=date]:active,\n [type=date]:focus,\n [type=datetime-local]:active,\n [type=datetime-local]:focus,\n [type=month]:active,\n [type=month]:focus,\n [type=week]:active,\n [type=week]:focus,\n [type=time]:active,\n [type=time]:focus,\n [type=url]:active,\n [type=url]:focus,\n input[list]:active,\n input[list]:focus,\n select:active,\n select:focus,\n select:not([size]):not([multiple]):active,\n select:not([size]):not([multiple]):focus,\n textarea:active,\n textarea:focus {\n box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.5);\n }\n select:not([size]):not([multiple]) {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23f0f0f0' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\");\n }\n}\n@media screen and (prefers-color-scheme: dark) and (min-width: 0\\0 ) and (min-resolution: 0.001dpcm) {\n select:not([size]):not([multiple]),\n *[dir=rtl] select:not([size]):not([multiple]),\n select[dir=rtl]:not([size]):not([multiple]) {\n background-image: none;\n }\n}\n@media (prefers-color-scheme: dark) {\n @supports (appearance: none) {\n [type=range] {\n background-color: transparent;\n }\n [type=range]:focus {\n background-color: transparent;\n }\n [type=range]::-webkit-slider-runnable-track {\n background-color: #111;\n }\n [type=range]::-moz-range-track {\n background-color: #111;\n }\n }\n input::placeholder,\n textarea::placeholder {\n color: #999;\n }\n button,\n [type=button],\n [type=reset],\n [type=submit] {\n background: #ccc;\n }\n button:hover, button:active, button:focus,\n [type=button]:hover,\n [type=button]:active,\n [type=button]:focus,\n [type=reset]:hover,\n [type=reset]:active,\n [type=reset]:focus,\n [type=submit]:hover,\n [type=submit]:active,\n [type=submit]:focus {\n background: #b3b3b3;\n }\n button:active, button:focus,\n [type=button]:active,\n [type=button]:focus,\n [type=reset]:active,\n [type=reset]:focus,\n [type=submit]:active,\n [type=submit]:focus {\n box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45);\n }\n a:focus,\n input:focus {\n outline-color: #b37400;\n }\n :focus-visible {\n outline-color: #b37400;\n }\n}","/*! custom build: bullframe-classless-dark-prefers */\n// https://css-tricks.com/no-class-css-frameworks/\n\n@import 'bullframe-classless';\n@import 'utilities/utility-global-dark-prefers-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([type='week']):not([type='time'])::-webkit-calendar-picker-indicator {\n display: none !important;\n}\n\noptgroup {\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: 700; // fallback for font families without 600 */\n font-weight: 600;\n}\n\n// remove -webkit-appearance listing every single elements that needed it\nbutton,\n// avoid destroying native android audio/video players\nhtml [type=\"button\"], \n[type=\"reset\"],\n[type=\"submit\"],\n\n[type=\"email\"],\n[type=\"number\"],\n[type=\"text\"],\n[type=\"tel\"],\n[type=\"date\"],\n[type=\"datetime-local\"],\n[type=\"month\"],\n[type=\"week\"],\n[type=\"url\"],\n[type=\"image\"],\n[type=\"password\"],\n[type=\"search\"],\n[type=\"search\"]::-webkit-search-decoration,\n[type=\"search\"]::-webkit-search-cancel-button,\ninput[list],\ntextarea {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; // iOS and Safari\n font: inherit; // Safari\n}\n\n// ! IE9+\n// https://caniuse.com/#feat=border-radius\nbutton,\ninput,\nselect,\ntextarea {\n border-radius: $bf-spacing-sm-px;\n border-radius: $bf-spacing-sm-rem;\n}\n\n// ! IE9+\n// https://caniuse.com/#feat=border-radius\n[type='radio'] {\n border-radius: 50%;\n}\n\n[type='checkbox'] {\n border-radius: $bf-spacing-md-px;\n border-radius: $bf-spacing-md-rem;\n}\n\n[type='radio'],\n[type='checkbox'] {\n padding: 0;\n background-color: $bf-white;\n}\n\n[type='range'] {\n background-color: transparent; // FF and Chrome mobile\n}\n\nselect[size],\nselect[multiple] {\n height: auto;\n}\n\nselect[multiple] {\n background-image: none; // FF mobile\n}\n\ntextarea {\n height: auto;\n min-height: 60px;\n min-height: 6rem;\n overflow: auto;\n vertical-align: top;\n resize: vertical;\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n line-height: normal;\n text-align: center;\n margin: 0;\n background-clip: padding-box;\n vertical-align: baseline;\n overflow: visible;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n user-select: none;\n border: 0;\n background-image: none; // FF mobile\n\n &:hover,\n &:active,\n &:focus {\n text-decoration: none;\n color: $bf-dark;\n }\n}\n\nbutton,\nselect,\ninput[type='submit'],\ninput[type='button'],\n[type='checkbox'],\n[type='range'],\n[type='radio'],\n[role='button'] {\n cursor: pointer;\n}\n\n// FF placeholder bug\n// Issue: If one change the text color of input fields, FF will change\n// the default color of placeholders too!\n// Fix: Use '!important' https://github.com/necolas/normalize.css/issues/150\ninput::placeholder,\ntextarea::placeholder {\n color: $bf-gray-dark;\n}\n\n// remove ':invalid' styles in FF\n// https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-ui-invalid\n//\n// for form validation in JavaScript\n// use '.bf-invalid' class in /utilities/_utility-form-states.scss' instead\n// documentation https://developer.mozilla.org/en-US/docs/Web/CSS/:invalid\n:-moz-ui-invalid {\n box-shadow: none;\n}\n","[type='email'],\n[type='number'],\n[type='password'],\n[type='tel'],\n[type='search'],\n[type='text'],\n[type='date'],\n[type='datetime-local'],\n[type='month'],\n[type='week'],\n[type='time'],\n[type='url'],\ninput[list],\nselect,\ntextarea {\n background-color: $bf-white;\n border: 1px solid $bf-gray;\n padding: $bf-spacing-md-px ($bf-spacing-lg-px * 0.75);\n padding: $bf-spacing-md-rem ($bf-spacing-lg-rem * 0.75);\n}\n\n// Old browsers and Opera Mini don't fully support all type of inputs\n// e.g. [type=\"range\"]\n// so, let's try to add styles carefully and selective\n[type='email'],\n[type='number'],\n[type='password'],\n[type='tel'],\n[type='search'],\n[type='text'],\n[type='date'],\n[type='datetime-local'],\n[type='month'],\n[type='week'],\n[type='time'],\n[type='url'],\ninput[list],\nselect,\ntextarea,\n[type='radio'],\n[type='checkbox'] {\n &:active,\n &:focus {\n transition: border 0.2s, background-color 0.2s, box-shadow 0.2s;\n border-color: $bf-blue;\n box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25);\n }\n}\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n color: $bf-dark;\n padding: calc($bf-spacing-xl-px / 3) (calc($bf-spacing-xl-px / 3) * 2); // 8px 16px\n padding: calc($bf-spacing-xl-rem / 3) (calc($bf-spacing-xl-rem / 3) * 2);\n background: $bf-gray-light;\n transition: color 0.2s, background 0.2s, box-shadow 0.2s;\n\n &:hover,\n &:active,\n &:focus {\n text-decoration: none;\n color: $bf-dark;\n background: darken($bf-gray-light, 10%);\n }\n\n &:active,\n &:focus {\n box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);\n }\n}\n\n// disabled groups\nfieldset[disabled] button,\nfieldset[disabled] input,\nfieldset[disabled] input:after,\nfieldset[disabled] input:before,\nfieldset[disabled] input:checked,\nfieldset[disabled] select,\nfieldset[disabled] textarea,\nfieldset[disabled] label,\n\n// disabled singles\nbutton[disabled],\ninput[disabled],\ninput[disabled]:after,\ninput[disabled]:before,\ninput[disabled]:checked,\nselect[disabled],\ntextarea[disabled],\nlabel[disabled],\n\n// pseudo class\nbutton:disabled,\ninput:disabled,\ninput:disabled:after,\ninput:disabled:before,\ninput:disabled:checked,\nselect:disabled,\ntextarea:disabled,\nlabel:disabled,\n\n// aria \nbutton[aria-disabled=\"true\"],\ninput[aria-disabled=\"true\"],\ninput[aria-disabled=\"true\"]:after,\ninput[aria-disabled=\"true\"]:before,\ninput[aria-disabled=\"true\"]:checked,\nselect[aria-disabled=\"true\"],\ntextarea[aria-disabled=\"true\"],\nlabel[aria-disabled=\"true\"] {\n cursor: default !important; // fallback\n cursor: not-allowed !important;\n pointer-events: none !important;\n user-select: none !important;\n box-shadow: none !important;\n opacity: 0.5 !important;\n}\n","// custom <select> arrow and appearance with a base64 embedded SVG icon\n// https://css-tricks.com/probably-dont-base64-svg/#article-header-id-2\n//\n// this is inspired from https://github.com/kognise/water.css\n// and from Bootstrap custom select\n// https://getbootstrap.com/docs/4.4/components/input-group/#custom-select\n\n// ! :not and calc() are IE9+\n// https://caniuse.com/#feat=mdn-css_selectors_not\n// https://caniuse.com/#feat=calc\n//\n// ! 12px = the icon width/height, and must be in pixels because\n// calc() is just for values\n// https://css-tricks.com/a-complete-guide-to-calc-in-css/#0-calc-is-for-values\n//\n// a select with a [multiple] attribute doesn't show an arrow by default\n// a select with a [size] attribute gets and arrow on iOS (Webkit) for instance\n// but on Chrome and FF desktop\n// so, is not safe to style every kind of <select>\n//\n// remove the arrow and the appearance, especially on Webkit\nselect:not([size]):not([multiple]) {\n appearance: none;\n\n // add a new svg arrow\n background: $bf-white\n url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\")\n no-repeat right 0.85rem center/8px 10px;\n\n // space the arrow\n padding-right: $bf-spacing-lg-px + $bf-spacing-lg-px;\n padding-right: $bf-spacing-lg-rem + $bf-spacing-lg-rem;\n}\n\n// IE10+\n// The '::-ms-expand' CSS pseudo-element is a Microsoft extension that represents\n// the button of a <select> menu control that opens or closes the drop-down\n// menu. Typically it is a triangle that points downward.\n// https://developer.mozilla.org/en-US/docs/Web/CSS/::-ms-expand\nselect::-ms-expand {\n display: none;\n}\n\n// add support for RTL languages\n// 'appearance: none' removes the default styling but introduces a bug\n// that occurs when a right to the left language (e.g. Arabic) is set\n//\n// Read more\n// 1. http://bootstrap.rtlcss.com\n// 2. https://rtlstyling.com/\n*[dir='rtl'] select:not([size]):not([multiple]),\nselect[dir='rtl']:not([size]):not([multiple]) {\n // move the arrow icon to the left\n background-position: left 0.85rem top 50%;\n\n // go back to default forms padding\n padding-right: ($bf-spacing-lg-px * 0.75);\n padding-right: ($bf-spacing-lg-rem * 0.75);\n\n // add custom left padding, matching the custom LTR one\n padding-left: $bf-spacing-lg-px + $bf-spacing-lg-px;\n padding-left: $bf-spacing-lg-rem + $bf-spacing-lg-rem;\n}\n","// heavily inspired by '2020 toggles' by Aaron Iker\n// https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/\n// https://codepen.io/aaroniker/pen/ZEYoxEY?editors=0100\n//\n// https://developer.mozilla.org/en-US/docs/Web/CSS/@supports\n// https://caniuse.com/#feat=mdn-css_at-rules_supports_selector\n//\n// Anyway are safe and future-friendly because more browser compatibility\n// will come\n\n@supports (appearance: none) {\n [type='checkbox'],\n [type='radio'] {\n appearance: none;\n\n height: 1.8rem;\n width: 1.8rem;\n\n vertical-align: top;\n position: relative;\n\n border: 1px solid $bf-gray;\n\n + label {\n line-height: 1.8rem;\n vertical-align: top;\n margin-left: $bf-spacing-md-px;\n margin-left: $bf-spacing-md-rem;\n }\n\n // add support for RTL languages\n // Read more\n // 1. http://bootstrap.rtlcss.com\n // 2. https://rtlstyling.com/\n *[dir='rtl'] & + label,\n &[dir='rtl'] + label {\n margin-left: 0;\n margin-right: $bf-spacing-md-px;\n margin-right: $bf-spacing-md-rem;\n }\n\n &:after {\n content: '';\n display: block;\n position: absolute;\n }\n\n &:checked {\n background-color: $bf-blue;\n border-color: $bf-black;\n }\n }\n\n [type='radio'] {\n &:after {\n width: 1.8rem;\n height: 1.8rem;\n\n left: -0.05rem;\n top: -0.05rem;\n\n border-radius: 50%;\n background: $bf-white;\n\n transform: scale(0.35);\n }\n }\n\n [type='checkbox'] {\n &:after {\n width: 0.6rem;\n height: 0.8rem;\n\n border: 2px solid $bf-white;\n border-top: 0;\n border-left: 0;\n\n left: 35%;\n top: 20%;\n\n transform: rotate(43deg);\n }\n }\n}\n","// styling input range in modern browsers safely using the @supports CSS-at-rule\n// https://developer.mozilla.org/en-US/docs/Web/CSS/@supports\n//\n// standalone CodePen demo https://codepen.io/marcop135/pen/JjGrNMx\n\n@supports (appearance: none) {\n [type='range'] {\n appearance: none;\n width: 100%;\n height: 1.4rem;\n }\n\n [type='range']::-webkit-slider-thumb {\n border: 0;\n appearance: none;\n\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -0.25rem;\n background-color: $bf-blue;\n border-radius: 1.5rem;\n transition: background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n\n &:active {\n background-color: $bf-blue;\n }\n }\n\n [type='range']::-moz-range-thumb {\n border: 0;\n appearance: none;\n\n width: 1.5rem;\n height: 1.5rem;\n background-color: $bf-blue;\n border-radius: 1.5rem;\n transition: background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n\n &:active {\n background-color: $bf-blue;\n }\n }\n\n [type='range']::-webkit-slider-runnable-track {\n color: transparent;\n border-color: transparent;\n\n width: 100%;\n height: 0.65rem;\n cursor: pointer;\n background-color: $bf-gray-light-extra;\n }\n\n [type='range']::-moz-range-track {\n color: transparent;\n border-color: transparent;\n\n width: 100%;\n height: 0.65rem;\n cursor: pointer;\n background-color: $bf-gray-light-extra;\n }\n\n [type='range']:focus {\n outline: none;\n\n &::-webkit-slider-thumb {\n box-shadow: 0 0 0 0.1rem $bf-white, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n\n &::-moz-slider-thumb {\n box-shadow: 0 0 0 0.1rem $bf-white, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n }\n\n [type='range']::-moz-focus-outer {\n border: 0;\n }\n\n [type='range']:focus::-moz-range-thumb {\n box-shadow: 0 0 0 0.1rem $bf-white, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n\n // disabled\n\n [type='range']:disabled {\n pointer-events: none;\n\n &::-webkit-slider-thumb {\n background-color: $bf-gray-light;\n }\n\n &::-moz-slider-thumb {\n background-color: $bf-gray-light;\n }\n }\n}\n","table {\n max-width: 100%;\n border-collapse: collapse;\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n}\n\nthead th {\n vertical-align: bottom;\n}\n\nth,\ntd {\n vertical-align: top;\n}\n\nth {\n text-align: inherit;\n font-weight: 700;\n}\n\ncaption {\n padding-top: $bf-spacing-md-px;\n padding-top: $bf-spacing-md-rem;\n padding-bottom: $bf-spacing-md-px;\n padding-bottom: $bf-spacing-md-rem;\n color: $bf-gray;\n text-align: left;\n caption-side: bottom;\n line-height: 1.375;\n font-size: 90%;\n}\n","@media (prefers-color-scheme: dark) {\n @import 'utilities/utility-global-dark-classless';\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-prefers.css","bullframe-classless-dark-prefers.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-prefers-classless.scss","utilities/_utility-global-dark-scrollbars.scss","utilities/_utility-global-dark-classless.scss"],"names":[],"mappings":"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wBAAA,CADA,cpB68BF,CoBz8BA,2BAQE,cAAA,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,CqBn/BA,mCCKA,KACE,4BtBk/BA,CsB3+BF,oBAEE,aAAA,CADA,YtB8+BA,CsB1+BF,0BACE,qBtB4+BA,CsBz+BF,0BACE,wBtB2+BA,CsBx+BF,gCACE,qBtB0+BA,CuB//BF,KACE,avBigCA,CuB9/BF,KACE,wBvBggCA,CuB5/BF,EACE,avB8/BA,CuB5/BA,gBAEE,avB6/BF,CuBx/BF,KACE,qBvB0/BA,CuBv/BF,IACE,wBvBy/BA,CuBp/BF,8OAiBE,qBlBnCc,CkBoCd,iBlBnCS,CkBoCT,UvBs/BA,CuBp/BA,yrBAEE,qBlBzCY,CkB0CZ,oBvBqhCF,CuBjgCA,kpBAEE,uCvBgiCF,CuB5hCF,mCACE,2LvB8hCA,CACF,CuB1hCA,iGAEE,4HAIE,qBvB0hCF,CACF,CqB5nCA,mCEwGA,qFAKI,gCACE,4BvBshCF,CuBhhCF,4CACE,qBvBkhCA,CuB/gCF,+BACE,qBvBihCA,CACF,CuB9gCF,mDAEE,UvBghCA,CuBlhCF,yCAEE,UvBghCA,CuB7gCF,gDAIE,evB+gCA,CuB7gCA,4NAGE,kBvBshCF,CuBnhCA,oJAEE,wCvB0hCF,CuBrhCF,oBAEE,qBvBuhCA,CuBphCF,eACE,qBvBshCA,CACF","file":"bullframe-classless-dark-prefers.min.css","sourcesContent":["/*! bullframe.css v4.1.2 | MIT License | https://github.com/marcop135/bullframe.css */\n/*! custom build: bullframe-classless-dark-prefers */\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: #b3b3b3;\n}\nbutton:active, button:focus,\n[type=button]:active,\n[type=button]:focus,\n[type=reset]:active,\n[type=reset]:focus,\n[type=submit]:active,\n[type=submit]:focus {\n box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);\n}\n\nfieldset[disabled] button,\nfieldset[disabled] input,\nfieldset[disabled] input:after,\nfieldset[disabled] input:before,\nfieldset[disabled] input:checked,\nfieldset[disabled] select,\nfieldset[disabled] textarea,\nfieldset[disabled] label,\nbutton[disabled],\ninput[disabled],\ninput[disabled]:after,\ninput[disabled]:before,\ninput[disabled]:checked,\nselect[disabled],\ntextarea[disabled],\nlabel[disabled],\nbutton:disabled,\ninput:disabled,\ninput:disabled:after,\ninput:disabled:before,\ninput:disabled:checked,\nselect:disabled,\ntextarea:disabled,\nlabel:disabled,\nbutton[aria-disabled=true],\ninput[aria-disabled=true],\ninput[aria-disabled=true]:after,\ninput[aria-disabled=true]:before,\ninput[aria-disabled=true]:checked,\nselect[aria-disabled=true],\ntextarea[aria-disabled=true],\nlabel[aria-disabled=true] {\n cursor: default !important;\n cursor: not-allowed !important;\n pointer-events: none !important;\n user-select: none !important;\n box-shadow: none !important;\n opacity: 0.5 !important;\n}\n\nselect:not([size]):not([multiple]) {\n appearance: none;\n background: #fff url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\") no-repeat right 0.85rem center/8px 10px;\n padding-right: 20px;\n padding-right: 2rem;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\n*[dir=rtl] select:not([size]):not([multiple]),\nselect[dir=rtl]:not([size]):not([multiple]) {\n background-position: left 0.85rem top 50%;\n padding-right: 7.5px;\n padding-right: 0.75rem;\n padding-left: 20px;\n padding-left: 2rem;\n}\n\n@supports (appearance: none) {\n [type=checkbox],\n [type=radio] {\n appearance: none;\n height: 1.8rem;\n width: 1.8rem;\n vertical-align: top;\n position: relative;\n border: 1px solid #999;\n }\n [type=checkbox] + label,\n [type=radio] + label {\n line-height: 1.8rem;\n vertical-align: top;\n margin-left: 5px;\n margin-left: 0.5rem;\n }\n *[dir=rtl] [type=checkbox] + label, [type=checkbox][dir=rtl] + label,\n *[dir=rtl] [type=radio] + label,\n [type=radio][dir=rtl] + label {\n margin-left: 0;\n margin-right: 5px;\n margin-right: 0.5rem;\n }\n [type=checkbox]:after,\n [type=radio]:after {\n content: \"\";\n display: block;\n position: absolute;\n }\n [type=checkbox]:checked,\n [type=radio]:checked {\n background-color: #007bff;\n border-color: #000;\n }\n [type=radio]:after {\n width: 1.8rem;\n height: 1.8rem;\n left: -0.05rem;\n top: -0.05rem;\n border-radius: 50%;\n background: #fff;\n transform: scale(0.35);\n }\n [type=checkbox]:after {\n width: 0.6rem;\n height: 0.8rem;\n border: 2px solid #fff;\n border-top: 0;\n border-left: 0;\n left: 35%;\n top: 20%;\n transform: rotate(43deg);\n }\n}\n@supports (appearance: none) {\n [type=range] {\n appearance: none;\n width: 100%;\n height: 1.4rem;\n }\n [type=range]::-webkit-slider-thumb {\n border: 0;\n appearance: none;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -0.25rem;\n background-color: #007bff;\n border-radius: 1.5rem;\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n }\n [type=range]::-webkit-slider-thumb:active {\n background-color: #007bff;\n }\n [type=range]::-moz-range-thumb {\n border: 0;\n appearance: none;\n width: 1.5rem;\n height: 1.5rem;\n background-color: #007bff;\n border-radius: 1.5rem;\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n }\n [type=range]::-moz-range-thumb:active {\n background-color: #007bff;\n }\n [type=range]::-webkit-slider-runnable-track {\n color: transparent;\n border-color: transparent;\n width: 100%;\n height: 0.65rem;\n cursor: pointer;\n background-color: #e9e9e9;\n }\n [type=range]::-moz-range-track {\n color: transparent;\n border-color: transparent;\n width: 100%;\n height: 0.65rem;\n cursor: pointer;\n background-color: #e9e9e9;\n }\n [type=range]:focus {\n outline: none;\n }\n [type=range]:focus::-webkit-slider-thumb {\n box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n [type=range]:focus::-moz-slider-thumb {\n box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n [type=range]::-moz-focus-outer {\n border: 0;\n }\n [type=range]:focus::-moz-range-thumb {\n box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n [type=range]:disabled {\n pointer-events: none;\n }\n [type=range]:disabled::-webkit-slider-thumb {\n background-color: #ccc;\n }\n [type=range]:disabled::-moz-slider-thumb {\n background-color: #ccc;\n }\n}\ntable {\n max-width: 100%;\n border-collapse: collapse;\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n}\n\nthead th {\n vertical-align: bottom;\n}\n\nth,\ntd {\n vertical-align: top;\n}\n\nth {\n text-align: inherit;\n font-weight: 700;\n}\n\ncaption {\n padding-top: 5px;\n padding-top: 0.5rem;\n padding-bottom: 5px;\n padding-bottom: 0.5rem;\n color: #999;\n text-align: left;\n caption-side: bottom;\n line-height: 1.375;\n font-size: 90%;\n}\n\n@media (prefers-color-scheme: dark) {\n html {\n scrollbar-color: #595959 #111;\n }\n ::-webkit-scrollbar {\n width: 1.5rem;\n height: 1.5rem;\n }\n ::-webkit-scrollbar-track {\n background-color: #111;\n }\n ::-webkit-scrollbar-thumb {\n background-color: #595959;\n }\n ::-webkit-scrollbar-thumb:hover {\n background-color: gray;\n }\n html {\n color: #f0f0f0;\n }\n body {\n background-color: #242424;\n }\n a {\n color: #66b0ff;\n }\n a:hover, a:focus {\n color: #1a88ff;\n }\n mark {\n background-color: #cccc00;\n }\n ins {\n background-color: #b3b300;\n }\n [type=email],\n [type=number],\n [type=password],\n [type=tel],\n [type=search],\n [type=text],\n [type=date],\n [type=datetime-local],\n [type=month],\n [type=week],\n [type=time],\n [type=url],\n [type=range],\n input[list],\n select,\n select:not([size]):not([multiple]),\n textarea {\n background-color: #111;\n border-color: #000;\n color: #ccc;\n }\n [type=email]:active, [type=email]:focus,\n [type=number]:active,\n [type=number]:focus,\n [type=password]:active,\n [type=password]:focus,\n [type=tel]:active,\n [type=tel]:focus,\n [type=search]:active,\n [type=search]:focus,\n [type=text]:active,\n [type=text]:focus,\n [type=date]:active,\n [type=date]:focus,\n [type=datetime-local]:active,\n [type=datetime-local]:focus,\n [type=month]:active,\n [type=month]:focus,\n [type=week]:active,\n [type=week]:focus,\n [type=time]:active,\n [type=time]:focus,\n [type=url]:active,\n [type=url]:focus,\n [type=range]:active,\n [type=range]:focus,\n input[list]:active,\n input[list]:focus,\n select:active,\n select:focus,\n select:not([size]):not([multiple]):active,\n select:not([size]):not([multiple]):focus,\n textarea:active,\n textarea:focus {\n background-color: #111;\n border-color: #3395ff;\n }\n [type=email]:active, [type=email]:focus,\n [type=number]:active,\n [type=number]:focus,\n [type=password]:active,\n [type=password]:focus,\n [type=tel]:active,\n [type=tel]:focus,\n [type=search]:active,\n [type=search]:focus,\n [type=text]:active,\n [type=text]:focus,\n [type=date]:active,\n [type=date]:focus,\n [type=datetime-local]:active,\n [type=datetime-local]:focus,\n [type=month]:active,\n [type=month]:focus,\n [type=week]:active,\n [type=week]:focus,\n [type=time]:active,\n [type=time]:focus,\n [type=url]:active,\n [type=url]:focus,\n input[list]:active,\n input[list]:focus,\n select:active,\n select:focus,\n select:not([size]):not([multiple]):active,\n select:not([size]):not([multiple]):focus,\n textarea:active,\n textarea:focus {\n box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.5);\n }\n select:not([size]):not([multiple]) {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23f0f0f0' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\");\n }\n}\n@media screen and (prefers-color-scheme: dark) and (min-width: 0\\0 ) and (min-resolution: 0.001dpcm) {\n select:not([size]):not([multiple]),\n *[dir=rtl] select:not([size]):not([multiple]),\n select[dir=rtl]:not([size]):not([multiple]) {\n background-image: none;\n }\n}\n@media (prefers-color-scheme: dark) {\n @supports (appearance: none) {\n [type=range] {\n background-color: transparent;\n }\n [type=range]:focus {\n background-color: transparent;\n }\n [type=range]::-webkit-slider-runnable-track {\n background-color: #111;\n }\n [type=range]::-moz-range-track {\n background-color: #111;\n }\n }\n input::placeholder,\n textarea::placeholder {\n color: #999;\n }\n button,\n [type=button],\n [type=reset],\n [type=submit] {\n background: #ccc;\n }\n button:hover, button:active, button:focus,\n [type=button]:hover,\n [type=button]:active,\n [type=button]:focus,\n [type=reset]:hover,\n [type=reset]:active,\n [type=reset]:focus,\n [type=submit]:hover,\n [type=submit]:active,\n [type=submit]:focus {\n background: #b3b3b3;\n }\n button:active, button:focus,\n [type=button]:active,\n [type=button]:focus,\n [type=reset]:active,\n [type=reset]:focus,\n [type=submit]:active,\n [type=submit]:focus {\n box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45);\n }\n a:focus,\n input:focus {\n outline-color: #b37400;\n }\n :focus-visible {\n outline-color: #b37400;\n }\n}","/*! custom build: bullframe-classless-dark-prefers */\n// https://css-tricks.com/no-class-css-frameworks/\n\n@import 'bullframe-classless';\n@import 'utilities/utility-global-dark-prefers-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","@media (prefers-color-scheme: dark) {\n @import 'utilities/utility-global-dark-classless';\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,4 +1,4 @@
|
|
|
1
|
-
/*! bullframe.css v4.1.
|
|
1
|
+
/*! bullframe.css v4.1.2 | MIT License | https://github.com/marcop135/bullframe.css */
|
|
2
2
|
/*! custom build: bullframe-classless-dark */
|
|
3
3
|
/*! custom build: bullframe-classless */
|
|
4
4
|
*,
|
|
@@ -1175,7 +1175,7 @@ select:not([size]):not([multiple]) {
|
|
|
1175
1175
|
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");
|
|
1176
1176
|
}
|
|
1177
1177
|
|
|
1178
|
-
@media screen and (min-width: 0\0 ) and (
|
|
1178
|
+
@media screen and (min-width: 0\0 ) and (min-resolution: 0.001dpcm) {
|
|
1179
1179
|
select:not([size]):not([multiple]),
|
|
1180
1180
|
*[dir=rtl] select:not([size]):not([multiple]),
|
|
1181
1181
|
select[dir=rtl]:not([size]):not([multiple]) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! bullframe.css v4.1.
|
|
1
|
+
/*! bullframe.css v4.1.2 | MIT License | https://github.com/marcop135/bullframe.css */
|
|
2
2
|
/*! custom build: bullframe-classless-dark */
|
|
3
|
-
/*! 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;-webkit-hyphens:none;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{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{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}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:gray}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 (min-width:0\0) and (-webkit-min-device-pixel-ratio:0),screen 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}}@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}
|
|
3
|
+
/*! 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;-webkit-hyphens:none;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{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{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}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:gray}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 (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}}@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}
|
|
4
4
|
/*# sourceMappingURL=bullframe-classless-dark.min.css.map */
|