bullframe.css 4.0.1 → 4.1.1

package/.browserslistrc

@@ -1,10 +1,4 @@
 # https://github.com/browserslist/browserslist#readme
 
->= 0.5%
 last 2 major versions
-not dead
-Chrome >= 60
-Firefox >= 60
-Firefox ESR
-iOS >= 12
-Safari >= 12
+not dead

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Changes to bullframe.css
 
+## 4.1.1 (August 31, 2023)
+
+* Update all npm dependencies
+* Improved documentation
+
+## 4.1.0 (August 30, 2023)
+
+* Moved from `dark-prefers` to `system-default`, but no breaking changes!
+* Updated `.browserlistrc`
+* Cleaned up and improved `README.md`
+
 ## 4.0.1 (August 12, 2022)
 
 * Updated `.browserlistrc`

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2021 Marco Pontili
+Copyright (c) 2023 Marco Pontili
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -12,27 +12,24 @@
 
 [https://github.com/marcop135/bullframe.css](https://github.com/marcop135/bullframe.css)
 
-bullframe.css is a Sass (SCSS) framework that works in a wide range of desktop and mobile browsers.
+bullframe.css is a Sass (SCSS) framework that works in a wide range of desktop and mobile browsers. It's a cross-browser and responsive collection of default HTML UI elements ([atoms](https://bradfrost.com/blog/post/atomic-web-design)) for your Sass project.
 
-It's a cross-browser and responsive collection of default HTML UI elements ([atoms](https://bradfrost.com/blog/post/atomic-web-design)) for your Sass project.
+You could be easily use it for marketing sites, landing pages, mini sites, micro sites, blog posts, e-commerce product listings, help and documentation, and more.
 
-You could be easily use it for marketing pages, blog posts, e-commerce product listings, help and documentation.
-
-**Just add bullframe.css, write semantic HTML5, and you are ready to go everywhere!**
+**Just add bullframe.css in your webpage, write semantic HTML, and you are ready to go!**
 
 ## Best features
 
 - Wide range of desktop and mobile browsers support
-- Add responsive-ness and normalize as much as possible HTML elements *out-of-the-box*
-- Responsive, cross-browser, HTML5 form elements by default
+- Responsive-ness and style normalization *out-of-the-box*
+- Cross-browser form elements by default
 - Sass architecture
 - CSS BEM
 - Responsive typography
-- Dark mode
+- Dark mode and theming support
 - RTL support
 - Gulp-friendly
-- Get all utility classes (e.g. `<h2 class="bf-h1">`) or no classes at all (no-class / classless framework)
-- [`bullframe-classless.min.css`](https://github.com/marcop135/bullframe.css/blob/master/dist/css/bullframe-classless.min.css) is just 13KB~ minified 🎉
+- Classless-friendly
 
 ## What's included
 
@@ -66,7 +63,7 @@ bullframe.css/
     └── variables/
     ...
     ├── bullframe-classless.scss
-    ├── bullframe-dark-prefers.scss
+    ├── bullframe-system-default.scss
     ├── bullframe-dark.scss
     ├── bullframe-utilities.scss
     ├── bullframe.scss
@@ -90,18 +87,6 @@ JSDelivr
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bullframe.css">
 ```
 
-Skypack
-
-```html
-<link rel="stylesheet" href="https://cdn.skypack.dev/bullframe.css/dist/css/bullframe.min.css">
-```
-
-UNPKG
-
-```html
-<link rel="stylesheet" href="https://unpkg.com/bullframe.css">
-```
-
 ### npm
 
 Once you have installed [Node.js](https://nodejs.org/en/download/), you can run this command to install bullframe.css into your project:
@@ -142,19 +127,13 @@ gulp
   <meta charset="utf-8">
   <title>bullframe.css starter template</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-  
-  <!-- bullframe.css: use latest compiled and minified version -->
-  <link
-    rel="stylesheet"
-    href="https://cdn.jsdelivr.net/npm/bullframe.css/dist/css/bullframe-ie10+.min.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bullframe.css@4/dist/css/bullframe.min.css">
 </head>
-
 <body>
   <div class="bf-container">
     <!-- Add your site or application content here -->
     <p>Hello world! This is a bullframe.css starter template</p>
   </div>
-  
 </body>
 </html>
 ```
@@ -167,9 +146,9 @@ Take a look at this [CodePen collection](https://codepen.io/collection/nxpjRe) a
 
 Click on the links below, and start a new pen in CodePen using bullframe.css.
 
-- [Light theme (default)](https://codepen.io/pen?template=WNrwNNM)
-- [Dark theme](https://codepen.io/pen?template=ExPmzBV)
-- [Dark `prefers-color-scheme`](https://codepen.io/pen?template=NWxjVQO)
+- [Light Theme (default)](https://codepen.io/pen?template=WNrwNNM)
+- [Dark Theme](https://codepen.io/pen?template=ExPmzBV)
+- [System Default (`prefers-color-scheme`)](https://codepen.io/pen?template=NWxjVQO)
 
 ## Customization
 
@@ -183,7 +162,7 @@ Just drop the snippet below in the `<head>` of your webpage, and the job is done
 Write semantic HTML and get nice styles and cross-browser normalization.
 
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bullframe.css/dist/css/bullframe-classless.min.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bullframe.css@4/dist/css/bullframe-classless.min.css">
 
 <!-- Center the page (optional)  -->
 <style>
@@ -196,9 +175,21 @@ Write semantic HTML and get nice styles and cross-browser normalization.
 </style>
 ```
 
-### Dark themes
+### Theming
+
+There are three builds available:
+
+1. `bullframe.css`: the light theme
+2. `bullframe-dark.css`: the dark theme
+3. `bullframe-system-default.css`: the theme set as system default by the user (which can be light or dark). Read more [on MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme).
 
-There are two builds: `bullframe-dark.css` enable a dark theme, and `bullframe-dark-prefers.css` follows the system default settings.
+#### `bullframe.css`
+
+CDN
+
+```html
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bullframe.css/dist/css/bullframe.min.css">
+```
 
 #### `bullframe-dark.css`
 
@@ -208,15 +199,12 @@ CDN
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bullframe.css/dist/css/bullframe-dark.min.css">
 ```
 
-#### `bullframe-dark-prefers.css`
-
-It enables the dark theme IONLY if the user prefers it, in browsers that support the `prefers-color-scheme` media query.
-Read more [on MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme).
+#### `bullframe-system-default.css`
 
 CDN
 
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bullframe.css/dist/css/bullframe-dark-prefers.min.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bullframe.css/dist/css/bullframe-system-default.min.css">
 ```
 
 ### Utilities - Reference

package/dist/css/bullframe-classless-dark-prefers.css

@@ -1,5 +1,6 @@
-/*! bullframe.css v4.0.1 | MIT License | https://github.com/marcop135/bullframe.css */
-/*! custom build: bullframe-classless-dark-prefers */ /*! custom build: bullframe-classless */
+/*! bullframe.css v4.1.1 | MIT License | https://github.com/marcop135/bullframe.css */
+/*! custom build: bullframe-classless-dark-prefers */
+/*! custom build: bullframe-classless */
 *,
 *::before,
 *::after {
@@ -687,10 +688,6 @@ input[type=button],
   cursor: pointer;
 }
 
-input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
-  color: #666;
-}
-
 input::-moz-placeholder, textarea::-moz-placeholder {
   color: #666;
 }
@@ -863,7 +860,7 @@ select[dir=rtl]:not([size]):not([multiple]) {
 
 @supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
   [type=checkbox],
-[type=radio] {
+  [type=radio] {
     -webkit-appearance: none;
        -moz-appearance: none;
             appearance: none;
@@ -874,27 +871,27 @@ select[dir=rtl]:not([size]):not([multiple]) {
     border: 1px solid #999;
   }
   [type=checkbox] + label,
-[type=radio] + label {
+  [type=radio] + label {
     line-height: 1.8rem;
     vertical-align: top;
     margin-left: 5px;
     margin-left: 0.5rem;
   }
   *[dir=rtl] [type=checkbox] + label, [type=checkbox][dir=rtl] + label,
-*[dir=rtl] [type=radio] + label,
-[type=radio][dir=rtl] + label {
+  *[dir=rtl] [type=radio] + label,
+  [type=radio][dir=rtl] + label {
     margin-left: 0;
     margin-right: 5px;
     margin-right: 0.5rem;
   }
   [type=checkbox]:after,
-[type=radio]:after {
+  [type=radio]:after {
     content: "";
     display: block;
     position: absolute;
   }
   [type=checkbox]:checked,
-[type=radio]:checked {
+  [type=radio]:checked {
     background-color: #007bff;
     border-color: #000;
   }
@@ -905,8 +902,7 @@ select[dir=rtl]:not([size]):not([multiple]) {
     top: -0.05rem;
     border-radius: 50%;
     background: #fff;
-    -webkit-transform: scale(0.35);
-            transform: scale(0.35);
+    transform: scale(0.35);
   }
   [type=checkbox]:after {
     width: 0.6rem;
@@ -916,8 +912,7 @@ select[dir=rtl]:not([size]):not([multiple]) {
     border-left: 0;
     left: 35%;
     top: 20%;
-    -webkit-transform: rotate(43deg);
-            transform: rotate(43deg);
+    transform: rotate(43deg);
   }
 }
 @supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
@@ -1076,93 +1071,93 @@ caption {
     background-color: #b3b300;
   }
   [type=email],
-[type=number],
-[type=password],
-[type=tel],
-[type=search],
-[type=text],
-[type=date],
-[type=datetime-local],
-[type=month],
-[type=week],
-[type=time],
-[type=url],
-[type=range],
-input[list],
-select,
-select:not([size]):not([multiple]),
-textarea {
+  [type=number],
+  [type=password],
+  [type=tel],
+  [type=search],
+  [type=text],
+  [type=date],
+  [type=datetime-local],
+  [type=month],
+  [type=week],
+  [type=time],
+  [type=url],
+  [type=range],
+  input[list],
+  select,
+  select:not([size]):not([multiple]),
+  textarea {
     background-color: #111;
     border-color: #000;
     color: #ccc;
   }
   [type=email]:active, [type=email]:focus,
-[type=number]:active,
-[type=number]:focus,
-[type=password]:active,
-[type=password]:focus,
-[type=tel]:active,
-[type=tel]:focus,
-[type=search]:active,
-[type=search]:focus,
-[type=text]:active,
-[type=text]:focus,
-[type=date]:active,
-[type=date]:focus,
-[type=datetime-local]:active,
-[type=datetime-local]:focus,
-[type=month]:active,
-[type=month]:focus,
-[type=week]:active,
-[type=week]:focus,
-[type=time]:active,
-[type=time]:focus,
-[type=url]:active,
-[type=url]:focus,
-[type=range]:active,
-[type=range]: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 {
+  [type=number]:active,
+  [type=number]:focus,
+  [type=password]:active,
+  [type=password]:focus,
+  [type=tel]:active,
+  [type=tel]:focus,
+  [type=search]:active,
+  [type=search]:focus,
+  [type=text]:active,
+  [type=text]:focus,
+  [type=date]:active,
+  [type=date]:focus,
+  [type=datetime-local]:active,
+  [type=datetime-local]:focus,
+  [type=month]:active,
+  [type=month]:focus,
+  [type=week]:active,
+  [type=week]:focus,
+  [type=time]:active,
+  [type=time]:focus,
+  [type=url]:active,
+  [type=url]:focus,
+  [type=range]:active,
+  [type=range]: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=email]:active, [type=email]:focus,
-[type=number]:active,
-[type=number]:focus,
-[type=password]:active,
-[type=password]:focus,
-[type=tel]:active,
-[type=tel]:focus,
-[type=search]:active,
-[type=search]:focus,
-[type=text]:active,
-[type=text]:focus,
-[type=date]:active,
-[type=date]:focus,
-[type=datetime-local]:active,
-[type=datetime-local]:focus,
-[type=month]:active,
-[type=month]:focus,
-[type=week]:active,
-[type=week]:focus,
-[type=time]:active,
-[type=time]:focus,
-[type=url]:active,
-[type=url]: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 {
+  [type=number]:active,
+  [type=number]:focus,
+  [type=password]:active,
+  [type=password]:focus,
+  [type=tel]:active,
+  [type=tel]:focus,
+  [type=search]:active,
+  [type=search]:focus,
+  [type=text]:active,
+  [type=text]:focus,
+  [type=date]:active,
+  [type=date]:focus,
+  [type=datetime-local]:active,
+  [type=datetime-local]:focus,
+  [type=month]:active,
+  [type=month]:focus,
+  [type=week]:active,
+  [type=week]:focus,
+  [type=time]:active,
+  [type=time]:focus,
+  [type=url]:active,
+  [type=url]: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, 0.5);
   }
   select:not([size]):not([multiple]) {
@@ -1171,8 +1166,8 @@ textarea:focus {
 }
 @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) {
   select:not([size]):not([multiple]),
-*[dir=rtl] select:not([size]):not([multiple]),
-select[dir=rtl]:not([size]):not([multiple]) {
+  *[dir=rtl] select:not([size]):not([multiple]),
+  select[dir=rtl]:not([size]):not([multiple]) {
     background-image: none;
   }
 }
@@ -1191,55 +1186,44 @@ select[dir=rtl]:not([size]):not([multiple]) {
       background-color: #111;
     }
   }
-}
-@media (prefers-color-scheme: dark) {
-  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
-    color: #999;
-  }
   input::-moz-placeholder, textarea::-moz-placeholder {
     color: #999;
   }
   input::placeholder,
-textarea::placeholder {
+  textarea::placeholder {
     color: #999;
   }
-}
-@media (prefers-color-scheme: dark) {
   button,
-[type=button],
-[type=reset],
-[type=submit] {
+  [type=button],
+  [type=reset],
+  [type=submit] {
     background: #ccc;
   }
   button:hover, button:active, button:focus,
-[type=button]:hover,
-[type=button]:active,
-[type=button]:focus,
-[type=reset]:hover,
-[type=reset]:active,
-[type=reset]:focus,
-[type=submit]:hover,
-[type=submit]:active,
-[type=submit]:focus {
+  [type=button]:hover,
+  [type=button]:active,
+  [type=button]:focus,
+  [type=reset]:hover,
+  [type=reset]:active,
+  [type=reset]:focus,
+  [type=submit]:hover,
+  [type=submit]:active,
+  [type=submit]:focus {
     background: #b3b3b3;
   }
   button:active, button:focus,
-[type=button]:active,
-[type=button]:focus,
-[type=reset]:active,
-[type=reset]:focus,
-[type=submit]:active,
-[type=submit]:focus {
+  [type=button]:active,
+  [type=button]:focus,
+  [type=reset]:active,
+  [type=reset]:focus,
+  [type=submit]:active,
+  [type=submit]:focus {
     box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45);
   }
-}
-@media (prefers-color-scheme: dark) {
   a:focus,
-input:focus {
+  input:focus {
     outline-color: #b37400;
   }
-}
-@media (prefers-color-scheme: dark) {
   :focus-visible {
     outline-color: #b37400;
   }

package/dist/css/bullframe-classless-dark-prefers.min.css

@@ -1,3 +1,4 @@
-/*! bullframe.css v4.0.1 | MIT License | https://github.com/marcop135/bullframe.css */
-/*! custom build: bullframe-classless-dark-prefers */ /*! 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{text-rendering:optimizeLegibility;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}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{color:inherit}pre code{color:inherit;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([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([class]),a:not([href]):not([class]):hover,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::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#666}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;-webkit-transform:scale(.35);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%;-webkit-transform:rotate(43deg);transform:rotate(43deg);width:.6rem}}@supports ((-webkit-appearance:none) or (-moz-appearance:none) or (appearance:none)){[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.4rem;width:100%}[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]{background-color:transparent}[type=range]:focus{background-color:transparent}[type=range]::-webkit-slider-runnable-track{background-color:#111}[type=range]::-moz-range-track{background-color:#111}}}@media (prefers-color-scheme:dark){input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999}input::-moz-placeholder,textarea::-moz-placeholder{color:#999}input::placeholder,textarea::placeholder{color:#999}}@media (prefers-color-scheme:dark){[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)}}@media (prefers-color-scheme:dark){a:focus,input:focus{outline-color:#b37400}}@media (prefers-color-scheme:dark){:focus-visible{outline-color:#b37400}}
+/*! bullframe.css v4.1.1 | MIT License | https://github.com/marcop135/bullframe.css */
+/*! custom build: bullframe-classless-dark-prefers */
+/*! 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}}
 /*# sourceMappingURL=bullframe-classless-dark-prefers.min.css.map */