diff --git a/build/build.js b/build/build.js
index 89ff828..7b49231 100644
--- a/build/build.js
+++ b/build/build.js
@@ -20,7 +20,9 @@ async function build() {
log('Cleaning "dist/, docs/static/assets/paper.css" folder...');
rimraf.sync('dist', { disableGlob: true });
- fs.unlinkSync(paperDocsPath);
+ if (fs.existsSync(paperDocsPath)) {
+ fs.unlinkSync(paperDocsPath);
+ }
log('Compiling SCSS to CSS, entrypoint:', entrypoint);
diff --git a/dist/paper.css b/dist/paper.css
index 0db4154..8caf5af 100644
--- a/dist/paper.css
+++ b/dist/paper.css
@@ -4,6 +4,108 @@
Global PaperCSS Config
*/
@import url("https://fonts.googleapis.com/css?family=Neucha|Patrick+Hand+SC");
+html {
+ --primary: #41403e;
+ --secondary: #0071de;
+ --success: #86a361;
+ --warning: #ddcd45;
+ --danger: #a7342d;
+ --muted: #868e96;
+ --primary-light: #c1c0bd;
+ --secondary-light: #deefff;
+ --success-light: #d0dbc2;
+ --warning-light: #f5f0c6;
+ --danger-light: #f0cbc9;
+ --muted-light: #e6e7e9;
+ --primary-dark: black;
+ --secondary-dark: black;
+ --success-dark: #374427;
+ --warning-dark: #746a15;
+ --danger-dark: black;
+ --muted-dark: #313538;
+ --primary-light-10: #5b5a57;
+ --secondary-light-10: #128bff;
+ --success-light-10: #9fb681;
+ --warning-light-10: #e5d970;
+ --danger-light-10: #cb453c;
+ --muted-light-10: #a1a8ae;
+ --primary-dark-10: #272625;
+ --secondary-dark-10: #0057ab;
+ --success-dark-10: #6c844d;
+ --warning-dark-10: #cab925;
+ --danger-dark-10: #7f2722;
+ --muted-dark-10: #6c757d;
+ --primary-shaded-50: #c1c0bd;
+ --primary-shaded-70: #f2f2f2;
+ --white-dark: rgba(0, 0, 0, 0.03);
+ --white-dark-light-80: rgba(204, 204, 204, 0.03);
+ --light-dark: rgba(0, 0, 0, 0.7);
+ --white: white;
+ --main-background: white;
+ --main-background-light: white;
+ --black: black;
+ --primary-text: #272625;
+ --secondary-text: #0057ab;
+ --success-text: #6c844d;
+ --warning-text: #cab925;
+ --danger-text: #7f2722;
+ --muted-text: #6c757d;
+ --shadow-color-regular: rgba(0, 0, 0, 0.2);
+ --shadow-color-hover: rgba(0, 0, 0, 0.3);
+ --primary-inverse: #fff;
+}
+
+html.dark {
+ --primary: #fff;
+ --secondary: #0071de;
+ --success: #189418;
+ --warning: #ddcd45;
+ --danger: #ff8c86;
+ --muted: #868e96;
+ --primary-light: white;
+ --secondary-light: #007ef8;
+ --success-light: #1caa1c;
+ --warning-light: #e1d35b;
+ --danger-light: #ffa4a0;
+ --muted-light: #949ba2;
+ --primary-dark: gray;
+ --secondary-dark: black;
+ --success-dark: #031003;
+ --warning-dark: #746a15;
+ --danger-dark: #a00800;
+ --muted-dark: #313538;
+ --primary-light-10: white;
+ --secondary-light-10: #128bff;
+ --success-light-10: #1fc01f;
+ --warning-light-10: #e5d970;
+ --danger-light-10: #ffbcb9;
+ --muted-light-10: #a1a8ae;
+ --primary-dark-10: #e6e6e6;
+ --secondary-dark-10: #0057ab;
+ --success-dark-10: #116811;
+ --warning-dark-10: #cab925;
+ --danger-dark-10: #ff5c53;
+ --muted-dark-10: #6c757d;
+ --primary-shaded-50: #343332;
+ --primary-shaded-70: #2f2e2d;
+ --white-dark: rgba(255, 255, 255, 0.03);
+ --white-dark-light-80: rgba(255, 255, 255, 0.03);
+ --light-dark: rgba(255, 255, 255, 0.7);
+ --white: white;
+ --main-background: #41403e;
+ --main-background-light: #c1c0bd;
+ --black: black;
+ --primary-text: #41403e;
+ --secondary-text: #0057ab;
+ --success-text: #116811;
+ --warning-text: #cab925;
+ --danger-text: #ff5c53;
+ --muted-text: #6c757d;
+ --shadow-color-regular: rgba(0, 0, 0, 0.2);
+ --shadow-color-hover: rgba(0, 0, 0, 0.3);
+ --primary-inverse: #41403e;
+}
+
/* stylelint-disable */
/* stylelint-enable */
/**
@@ -12,50 +114,62 @@
*/
.text-primary {
color: #41403e;
+ color: var(--primary);
}
.background-primary {
- background-color: #c1c0bd;
+ background-color: #41403e;
+ background-color: var(--primary-light);
}
.text-secondary {
- color: #0071de;
+ color: #41403e;
+ color: var(--secondary);
}
.background-secondary {
- background-color: #deefff;
+ background-color: #41403e;
+ background-color: var(--secondary-light);
}
.text-success {
- color: #86a361;
+ color: #41403e;
+ color: var(--success);
}
.background-success {
- background-color: #d0dbc2;
+ background-color: #41403e;
+ background-color: var(--success-light);
}
.text-warning {
- color: #ddcd45;
+ color: #41403e;
+ color: var(--warning);
}
.background-warning {
- background-color: #f5f0c6;
+ background-color: #41403e;
+ background-color: var(--warning-light);
}
.text-danger {
- color: #a7342d;
+ color: #41403e;
+ color: var(--danger);
}
.background-danger {
- background-color: #f0cbc9;
+ background-color: #41403e;
+ background-color: var(--danger-light);
}
.text-muted {
- color: #868e96;
+ color: #41403e;
+ color: var(--muted);
}
.background-muted {
- background-color: #e6e7e9;
+ background-color: #41403e;
+ background-color: var(--muted-light);
}
/**
@@ -401,7 +515,8 @@ hr::after {
}
.paper {
- background-color: white;
+ background-color: #41403e;
+ background-color: var(--main-background);
border: 1px solid #c1c0bd;
box-shadow: -1px 5px 35px -9px rgba(0, 0, 0, 0.2);
margin-bottom: 1rem;
@@ -797,26 +912,35 @@ hr::after {
/* Content styling */
code {
- background-color: #f2f2f2;
+ color: #41403e;
+ color: var(--secondary);
+ background-color: #41403e;
+ background-color: var(--primary-shaded-70);
border-radius: 3px;
- color: #0071de;
font-size: 80%;
padding: 2px 4px;
}
kbd {
+ color: #41403e;
+ color: var(--primary-inverse);
background-color: #41403e;
+ background-color: var(--primary);
border-radius: 3px;
- color: white;
font-size: 80%;
padding: 2px 4px;
}
pre {
- background-color: #fafafa;
- border: 1px solid #c1c0bd;
- border-radius: 3px;
color: #41403e;
+ color: var(--inverse-primary);
+ background-color: #41403e;
+ background-color: var(--primary-shaded-70);
+ border-color: #41403e;
+ border-color: var(--primary-shaded-50);
+ border-radius: 3px;
+ border-style: solid;
+ border-width: 1px;
display: block;
font-size: 80%;
line-height: 1.5;
@@ -827,8 +951,9 @@ pre {
word-wrap: break-word;
}
pre code {
+ color: #41403e;
+ color: var(--inverse-primary);
background: transparent;
- color: inherit;
display: block;
font-size: inherit;
padding: initial;
@@ -837,6 +962,7 @@ pre code {
html {
color: #41403e;
+ color: var(--primary);
font-family: "Neucha", sans-serif;
font-size: 20px;
}
@@ -908,7 +1034,10 @@ img {
border-bottom-right-radius: 225px 15px;
border-top-left-radius: 255px 15px;
border-top-right-radius: 15px 225px;
- border: 2px solid #41403e;
+ border-color: #41403e;
+ border-color: var(--primary);
+ border-style: solid;
+ border-width: 2px;
display: block;
height: auto;
max-width: 100%;
@@ -1012,7 +1141,8 @@ table tbody tr td {
vertical-align: top;
}
table.table-hover tbody tr:hover {
- color: #0071de;
+ color: #41403e;
+ color: var(--secondary);
}
table.table-alternating tbody tr:nth-of-type(even) {
color: #82807c;
@@ -1020,7 +1150,10 @@ table.table-alternating tbody tr:nth-of-type(even) {
/* Utilities */
.border {
- border: 2px solid #41403e;
+ border-color: #41403e;
+ border-color: var(--primary);
+ border-style: solid;
+ border-width: 2px;
}
.border,
@@ -1073,11 +1206,15 @@ table.table-alternating tbody tr:nth-of-type(even) {
}
.child-borders > * {
- border: 2px solid #41403e;
+ border-color: #41403e;
+ border-color: var(--primary);
+ border-style: solid;
+ border-width: 2px;
}
.border-white {
- border-color: white;
+ border-color: #41403e;
+ border-color: var(--white);
}
.border-dotted {
@@ -1094,26 +1231,32 @@ table.table-alternating tbody tr:nth-of-type(even) {
.border-primary {
border-color: #41403e;
+ border-color: var(--primary);
}
.border-secondary {
- border-color: #0071de;
+ border-color: #41403e;
+ border-color: var(--secondary);
}
.border-success {
- border-color: #86a361;
+ border-color: #41403e;
+ border-color: var(--success);
}
.border-warning {
- border-color: #ddcd45;
+ border-color: #41403e;
+ border-color: var(--warning);
}
.border-danger {
- border-color: #a7342d;
+ border-color: #41403e;
+ border-color: var(--danger);
}
.border-muted {
- border-color: #868e96;
+ border-color: #41403e;
+ border-color: var(--muted);
}
.shadow {
@@ -1153,12 +1296,19 @@ table.table-alternating tbody tr:nth-of-type(even) {
flex-direction: column;
}
.collapsible:nth-of-type(1) {
- border-top: 1px solid #e6e7e9;
+ border-top-color: #41403e;
+ border-top-color: var(--muted-light);
+ border-top-style: solid;
+ border-top-width: 1px;
}
.collapsible .collapsible-body {
+ border-bottom-color: #41403e;
+ border-bottom-color: var(--muted-light);
+ background-color: #41403e;
+ background-color: var(--white-dark-light-80);
transition: all 235ms ease-in-out 0s;
- background-color: rgba(204, 204, 204, 0.03);
- border-bottom: 1px solid #e6e7e9;
+ border-bottom-style: solid;
+ border-bottom-width: 1px;
margin: 0;
max-height: 0;
opacity: 0;
@@ -1170,6 +1320,7 @@ table.table-alternating tbody tr:nth-of-type(even) {
}
.collapsible input:checked + label {
color: #41403e;
+ color: var(--primary);
}
.collapsible input[id^=collapsible]:checked ~ div.collapsible-body {
margin: 0;
@@ -1178,8 +1329,12 @@ table.table-alternating tbody tr:nth-of-type(even) {
padding: 0.75rem;
}
.collapsible label {
- border-bottom: 1px solid #e6e7e9;
color: #41403e;
+ color: var(--primary);
+ border-bottom-color: #41403e;
+ border-bottom-color: var(--muted-light);
+ border-bottom-style: solid;
+ border-bottom-width: 1px;
display: inline-block;
font-weight: 600;
margin: 0 0 -1px;
@@ -1187,16 +1342,20 @@ table.table-alternating tbody tr:nth-of-type(even) {
text-align: center;
}
.collapsible label:hover {
- color: #868e96;
+ color: #41403e;
+ color: var(--muted);
cursor: pointer;
}
.alert {
+ border-color: #41403e;
+ border-color: var(--primary);
border-bottom-left-radius: 15px 255px;
border-bottom-right-radius: 225px 15px;
border-top-left-radius: 255px 15px;
border-top-right-radius: 15px 225px;
- border: 2px solid #41403e;
+ border-style: solid;
+ border-width: 2px;
margin-bottom: 20px;
padding: 15px;
width: 100%;
@@ -1210,84 +1369,116 @@ table.table-alternating tbody tr:nth-of-type(even) {
}
.alert .btn-close {
transition: all 235ms ease-in-out 0s;
- color: #5b5a57;
+ color: #41403e;
+ color: var(--#41403e-light-10);
cursor: pointer;
margin-left: 0.75rem;
}
.alert .btn-close:hover, .alert .btn-close:active, .alert .btn-close:focus {
- color: #272625;
+ color: #41403e;
+ color: var(--#41403e-dark-10);
}
.alert-primary {
- background-color: #c1c0bd;
- border-color: #41403e;
color: #41403e;
+ color: var(--primary-text);
+ background-color: #41403e;
+ background-color: var(--primary-light);
+ border-color: #41403e;
+ border-color: var(--primary);
}
.alert-primary .btn-close {
- color: #5b5a57;
+ color: #41403e;
+ color: var(--#41403e-light-10);
}
.alert-primary .btn-close:hover, .alert-primary .btn-close:active, .alert-primary .btn-close:focus {
- color: #272625;
+ color: #41403e;
+ color: var(--#41403e-dark-10);
}
.alert-secondary {
- background-color: #deefff;
- border-color: #0071de;
- color: #0071de;
+ color: #41403e;
+ color: var(--secondary-text);
+ background-color: #41403e;
+ background-color: var(--secondary-light);
+ border-color: #41403e;
+ border-color: var(--secondary);
}
.alert-secondary .btn-close {
- color: #128bff;
+ color: #41403e;
+ color: var(--#0071de-light-10);
}
.alert-secondary .btn-close:hover, .alert-secondary .btn-close:active, .alert-secondary .btn-close:focus {
- color: #0057ab;
+ color: #41403e;
+ color: var(--#0071de-dark-10);
}
.alert-success {
- background-color: #d0dbc2;
- border-color: #86a361;
- color: #86a361;
+ color: #41403e;
+ color: var(--success-text);
+ background-color: #41403e;
+ background-color: var(--success-light);
+ border-color: #41403e;
+ border-color: var(--success);
}
.alert-success .btn-close {
- color: #9fb681;
+ color: #41403e;
+ color: var(--#86a361-light-10);
}
.alert-success .btn-close:hover, .alert-success .btn-close:active, .alert-success .btn-close:focus {
- color: #6c844d;
+ color: #41403e;
+ color: var(--#86a361-dark-10);
}
.alert-warning {
- background-color: #f5f0c6;
- border-color: #ddcd45;
- color: #ddcd45;
+ color: #41403e;
+ color: var(--warning-text);
+ background-color: #41403e;
+ background-color: var(--warning-light);
+ border-color: #41403e;
+ border-color: var(--warning);
}
.alert-warning .btn-close {
- color: #e5d970;
+ color: #41403e;
+ color: var(--#ddcd45-light-10);
}
.alert-warning .btn-close:hover, .alert-warning .btn-close:active, .alert-warning .btn-close:focus {
- color: #cab925;
+ color: #41403e;
+ color: var(--#ddcd45-dark-10);
}
.alert-danger {
- background-color: #f0cbc9;
- border-color: #a7342d;
- color: #a7342d;
+ color: #41403e;
+ color: var(--danger-text);
+ background-color: #41403e;
+ background-color: var(--danger-light);
+ border-color: #41403e;
+ border-color: var(--danger);
}
.alert-danger .btn-close {
- color: #cb453c;
+ color: #41403e;
+ color: var(--#a7342d-light-10);
}
.alert-danger .btn-close:hover, .alert-danger .btn-close:active, .alert-danger .btn-close:focus {
- color: #7f2722;
+ color: #41403e;
+ color: var(--#a7342d-dark-10);
}
.alert-muted {
- background-color: #e6e7e9;
- border-color: #868e96;
- color: #868e96;
+ color: #41403e;
+ color: var(--muted-text);
+ background-color: #41403e;
+ background-color: var(--muted-light);
+ border-color: #41403e;
+ border-color: var(--muted);
}
.alert-muted .btn-close {
- color: #a1a8ae;
+ color: #41403e;
+ color: var(--#868e96-light-10);
}
.alert-muted .btn-close:hover, .alert-muted .btn-close:active, .alert-muted .btn-close:focus {
- color: #6c757d;
+ color: #41403e;
+ color: var(--#868e96-dark-10);
}
.alert-state {
@@ -1306,15 +1497,18 @@ article .article-title {
font-size: 3rem;
}
article .article-meta {
- color: #868e96;
+ color: #41403e;
+ color: var(--muted-text);
font-size: 15px;
}
article .article-meta a {
- background-image: none;
color: #41403e;
+ color: var(--muted-text);
+ background-image: none;
}
article .article-meta a:hover {
- color: rgba(0, 0, 0, 0.7);
+ color: #41403e;
+ color: var(--light-dark);
}
article .text-lead {
font-size: 30px;
@@ -1338,10 +1532,14 @@ article p {
border-bottom-right-radius: 225px 15px;
border-top-left-radius: 255px 15px;
border-top-right-radius: 15px 225px;
- background-color: #868e96;
- border: 2px solid #41403e;
+ color: #41403e;
+ color: var(--white);
+ background-color: #41403e;
+ background-color: var(--muted);
+ border-color: #41403e;
+ border-color: var(--primary);
+ border: 2px solid;
border-color: transparent;
- color: white;
display: inline-block;
font-size: 75%;
font-weight: 700;
@@ -1354,26 +1552,32 @@ article p {
.badge.primary {
background-color: #41403e;
+ background-color: var(--primary);
}
.badge.secondary {
- background-color: #0071de;
+ background-color: #41403e;
+ background-color: var(--secondary);
}
.badge.success {
- background-color: #86a361;
+ background-color: #41403e;
+ background-color: var(--success);
}
.badge.warning {
- background-color: #ddcd45;
+ background-color: #41403e;
+ background-color: var(--warning);
}
.badge.danger {
- background-color: #a7342d;
+ background-color: #41403e;
+ background-color: var(--danger);
}
.badge.muted {
- background-color: #868e96;
+ background-color: #41403e;
+ background-color: var(--muted);
}
ul.breadcrumb {
@@ -1388,8 +1592,9 @@ ul.breadcrumb li::before {
content: "";
}
ul.breadcrumb li a {
+ color: #41403e;
+ color: var(--secondary);
background-image: none;
- color: #0071de;
text-decoration: none;
}
ul.breadcrumb li a:hover {
@@ -1410,10 +1615,16 @@ button,
transition: all 235ms ease 0s;
box-shadow: 15px 28px 25px -18px rgba(0, 0, 0, 0.2);
transition: all 235ms ease-in-out 0s;
- align-self: center;
- background: transparent;
- border: 2px solid #41403e;
color: #41403e;
+ color: var(--primary);
+ border-color: #41403e;
+ border-color: var(--primary);
+ background-color: #41403e;
+ background-color: var(--main-background);
+ align-self: center;
+ background-image: none;
+ border-style: solid;
+ border-width: 2px;
cursor: pointer;
display: inline-block;
font-size: 1rem;
@@ -1461,7 +1672,10 @@ button:hover,
button:focus,
.paper-btn:focus,
[type=button]:focus {
- border: 2px solid #0071de;
+ border-color: #41403e;
+ border-color: var(--secondary);
+ border-style: solid;
+ border-width: 2px;
box-shadow: 2px 8px 4px -6px rgba(0, 0, 0, 0.3);
}
button:active,
@@ -1480,6 +1694,8 @@ button.disabled, button[disabled],
}
a {
+ color: #41403e;
+ color: var(--secondary);
background-image: linear-gradient(5deg, transparent 65%, #0071de 80%, transparent 90%), linear-gradient(165deg, transparent 5%, #0071de 15%, transparent 25%), linear-gradient(165deg, transparent 45%, #0071de 55%, transparent 65%), linear-gradient(15deg, transparent 25%, #0071de 35%, transparent 50%);
background-position: 0 90%;
background-repeat: repeat-x;
@@ -1488,21 +1704,19 @@ a {
}
a:visited {
color: #41403e;
+ color: var(--primary);
text-decoration: none;
}
-.alert-primary {
- background-color: #c1c0bd;
- border-color: #41403e;
- color: #41403e;
-}
-
button.btn-primary,
.paper-btn.btn-primary,
[type=button].btn-primary {
- background-color: #c1c0bd;
+ color: #41403e;
+ color: var(--primary-text);
+ background-color: #41403e;
+ background-color: var(--primary-light);
border-color: #41403e;
- color: #fff;
+ border-color: var(--primary);
}
button.btn-primary:hover:active,
.paper-btn.btn-primary:hover:active,
@@ -1510,18 +1724,15 @@ button.btn-primary:hover:active,
background-color: #a8a6a3;
}
-.alert-secondary {
- background-color: #deefff;
- border-color: #0071de;
- color: #0071de;
-}
-
button.btn-secondary,
.paper-btn.btn-secondary,
[type=button].btn-secondary {
- background-color: #deefff;
- border-color: #0071de;
color: #41403e;
+ color: var(--secondary-text);
+ background-color: #41403e;
+ background-color: var(--secondary-light);
+ border-color: #41403e;
+ border-color: var(--secondary);
}
button.btn-secondary:hover:active,
.paper-btn.btn-secondary:hover:active,
@@ -1529,18 +1740,15 @@ button.btn-secondary:hover:active,
background-color: #abd6ff;
}
-.alert-success {
- background-color: #d0dbc2;
- border-color: #86a361;
- color: #86a361;
-}
-
button.btn-success,
.paper-btn.btn-success,
[type=button].btn-success {
- background-color: #d0dbc2;
- border-color: #86a361;
color: #41403e;
+ color: var(--success-text);
+ background-color: #41403e;
+ background-color: var(--success-light);
+ border-color: #41403e;
+ border-color: var(--success);
}
button.btn-success:hover:active,
.paper-btn.btn-success:hover:active,
@@ -1548,18 +1756,15 @@ button.btn-success:hover:active,
background-color: #b7c9a1;
}
-.alert-warning {
- background-color: #f5f0c6;
- border-color: #ddcd45;
- color: #ddcd45;
-}
-
button.btn-warning,
.paper-btn.btn-warning,
[type=button].btn-warning {
- background-color: #f5f0c6;
- border-color: #ddcd45;
color: #41403e;
+ color: var(--warning-text);
+ background-color: #41403e;
+ background-color: var(--warning-light);
+ border-color: #41403e;
+ border-color: var(--warning);
}
button.btn-warning:hover:active,
.paper-btn.btn-warning:hover:active,
@@ -1567,18 +1772,15 @@ button.btn-warning:hover:active,
background-color: #ede49b;
}
-.alert-danger {
- background-color: #f0cbc9;
- border-color: #a7342d;
- color: #a7342d;
-}
-
button.btn-danger,
.paper-btn.btn-danger,
[type=button].btn-danger {
- background-color: #f0cbc9;
- border-color: #a7342d;
color: #41403e;
+ color: var(--danger-text);
+ background-color: #41403e;
+ background-color: var(--danger-light);
+ border-color: #41403e;
+ border-color: var(--danger);
}
button.btn-danger:hover:active,
.paper-btn.btn-danger:hover:active,
@@ -1586,18 +1788,15 @@ button.btn-danger:hover:active,
background-color: #e6a5a1;
}
-.alert-muted {
- background-color: #e6e7e9;
- border-color: #868e96;
- color: #868e96;
-}
-
button.btn-muted,
.paper-btn.btn-muted,
[type=button].btn-muted {
- background-color: #e6e7e9;
- border-color: #868e96;
color: #41403e;
+ color: var(--muted-text);
+ background-color: #41403e;
+ background-color: var(--muted-light);
+ border-color: #41403e;
+ border-color: var(--muted);
}
button.btn-muted:hover:active,
.paper-btn.btn-muted:hover:active,
@@ -1629,7 +1828,7 @@ button.btn-secondary-outline,
[type=button].btn-secondary-outline {
background-color: white;
border-color: #abd6ff;
- color: #41403e;
+ color: #0057ab;
}
button.btn-secondary-outline:hover,
.paper-btn.btn-secondary-outline:hover,
@@ -1648,7 +1847,7 @@ button.btn-success-outline,
[type=button].btn-success-outline {
background-color: white;
border-color: #b7c9a1;
- color: #41403e;
+ color: #6c844d;
}
button.btn-success-outline:hover,
.paper-btn.btn-success-outline:hover,
@@ -1667,7 +1866,7 @@ button.btn-warning-outline,
[type=button].btn-warning-outline {
background-color: white;
border-color: #ede49b;
- color: #41403e;
+ color: #cab925;
}
button.btn-warning-outline:hover,
.paper-btn.btn-warning-outline:hover,
@@ -1686,7 +1885,7 @@ button.btn-danger-outline,
[type=button].btn-danger-outline {
background-color: white;
border-color: #e6a5a1;
- color: #41403e;
+ color: #7f2722;
}
button.btn-danger-outline:hover,
.paper-btn.btn-danger-outline:hover,
@@ -1705,7 +1904,7 @@ button.btn-muted-outline,
[type=button].btn-muted-outline {
background-color: white;
border-color: #caced1;
- color: #41403e;
+ color: #6c757d;
}
button.btn-muted-outline:hover,
.paper-btn.btn-muted-outline:hover,
@@ -1722,9 +1921,12 @@ button.btn-muted-outline:hover:active,
.card {
transition: all 235ms ease 0s;
box-shadow: 15px 28px 25px -18px rgba(0, 0, 0, 0.2);
+ border-color: #41403e;
+ border-color: var(--muted-light);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
- border: 2px solid #e6e7e9;
+ border-style: solid;
+ border-width: 2px;
display: flex;
flex-direction: column;
position: relative;
@@ -1737,14 +1939,19 @@ button.btn-muted-outline:hover:active,
}
.card .card-header,
.card .card-footer {
- background-color: rgba(0, 0, 0, 0.03);
+ background-color: #41403e;
+ background-color: var(--white-dark);
+ border-color: #41403e;
+ border-color: var(--muted-light);
padding: 0.75rem 1.25rem;
}
.card .card-header {
- border-bottom: 2px solid #e6e7e9;
+ border-bottom-style: solid;
+ border-bottom-width: 2px;
}
.card .card-footer {
- border-top: 2px solid #e6e7e9;
+ border-top-style: solid;
+ border-top-width: 2px;
}
.card .card-body {
flex: 1 1 auto;
@@ -1780,13 +1987,17 @@ button.btn-muted-outline:hover:active,
input,
select,
textarea {
+ color: #41403e;
+ color: var(--primary);
+ border-color: #41403e;
+ border-color: var(--primary);
background: transparent;
- border: 2px solid #41403e;
border-bottom-left-radius: 15px 255px;
border-bottom-right-radius: 225px 15px;
+ border-style: solid;
border-top-left-radius: 255px 15px;
border-top-right-radius: 15px 225px;
- color: #41403e;
+ border-width: 2px;
display: block;
font-size: 1rem;
outline: none;
@@ -1795,7 +2006,10 @@ textarea {
input:focus,
select:focus,
textarea:focus {
- border: 2px solid #0071de;
+ border-color: #41403e;
+ border-color: var(--secondary);
+ border-style: solid;
+ border-width: 2px;
}
select {
height: 2.35rem;
@@ -1854,7 +2068,10 @@ textarea[disabled] {
}
.form-group .paper-radio input + span::before,
.form-group .paper-check input + span::before {
- border: 2px solid #41403e;
+ border-color: #41403e;
+ border-color: var(--primary);
+ border-style: solid;
+ border-width: 2px;
content: "";
display: inline-block;
height: 1rem;
@@ -1915,7 +2132,8 @@ textarea[disabled] {
}
.form-group .paper-switch input:checked + .paper-switch-slider,
.form-group .paper-switch-2 input:checked + .paper-switch-slider {
- background-color: #d0dbc2;
+ background-color: #41403e;
+ background-color: var(--success-light);
}
.form-group .paper-switch input:checked + .paper-switch-slider::before,
.form-group .paper-switch-2 input:checked + .paper-switch-slider::before {
@@ -1927,11 +2145,14 @@ textarea[disabled] {
}
.form-group .paper-switch .paper-switch-slider,
.form-group .paper-switch-2 .paper-switch-slider {
- border: 2px solid #41403e;
+ border-color: #41403e;
+ border-color: var(--primary);
border-bottom-left-radius: 15px 255px;
border-bottom-right-radius: 225px 15px;
+ border-style: solid;
border-top-left-radius: 255px 15px;
border-top-right-radius: 15px 225px;
+ border-width: 2px;
bottom: 0;
cursor: pointer;
left: 0;
@@ -1942,7 +2163,8 @@ textarea[disabled] {
}
.form-group .paper-switch .paper-switch-slider::before,
.form-group .paper-switch-2 .paper-switch-slider::before {
- background: #0071de;
+ background: #41403e;
+ background: var(--secondary);
border-bottom-left-radius: 15px 255px;
border-bottom-right-radius: 225px 15px;
border-top-left-radius: 255px 15px;
@@ -1954,11 +2176,14 @@ textarea[disabled] {
}
.form-group .paper-switch .paper-switch-slider.round,
.form-group .paper-switch-2 .paper-switch-slider.round {
- border: 2px solid #41403e;
+ border-color: #41403e;
+ border-color: var(--primary);
border-bottom-left-radius: 0.7rem 1rem;
border-bottom-right-radius: 1rem 0.9rem;
+ border-style: solid;
border-top-left-radius: 1rem 1rem;
border-top-right-radius: 1rem 0.6rem;
+ border-width: 2px;
}
.form-group .paper-switch .paper-switch-slider.round::before,
.form-group .paper-switch-2 .paper-switch-slider.round::before {
@@ -2051,14 +2276,19 @@ textarea[disabled] {
-moz-appearance: none;
appearance: none;
border-width: 0;
+ padding: 0;
/* For Chromium */
/* For Mozilla Firefox */
/* For IE */
}
.form-group input[type=range]::-webkit-slider-runnable-track {
- background: #0071de;
- border: 1px solid #41403e;
+ background: #41403e;
+ background: var(--secondary);
+ border-color: #41403e;
+ border-color: var(--primary);
border-radius: 18px;
+ border-style: solid;
+ border-width: 1px;
box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
cursor: pointer;
height: 8px;
@@ -2066,14 +2296,18 @@ textarea[disabled] {
width: 100%;
}
.form-group input[type=range]::-webkit-slider-thumb {
+ background: #41403e;
+ background: var(--white);
+ border-color: #41403e;
+ border-color: var(--primary);
-webkit-appearance: none;
appearance: none;
- background: #fff;
- border: 1px solid #41403e;
border-bottom-left-radius: 0.7rem 1rem;
border-bottom-right-radius: 1rem 0.9rem;
+ border-style: solid;
border-top-left-radius: 1rem 1rem;
border-top-right-radius: 1rem 0.6rem;
+ border-width: 1px;
box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
cursor: pointer;
height: 36px;
@@ -2081,8 +2315,10 @@ textarea[disabled] {
width: 16px;
}
.form-group input[type=range]::-moz-range-track {
- background: #0071de;
- border: 1px solid #41403e;
+ background: #41403e;
+ background: var(--secondary);
+ border-color: #41403e;
+ border-color: var(--primary);
border-radius: 18px;
box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
cursor: pointer;
@@ -2090,12 +2326,16 @@ textarea[disabled] {
width: 100%;
}
.form-group input[type=range]::-moz-range-thumb {
- background: #fff;
- border: 1px solid #41403e;
+ background: #41403e;
+ background: var(--white);
+ border-color: #41403e;
+ border-color: var(--primary);
border-bottom-left-radius: 0.7rem 1rem;
border-bottom-right-radius: 1rem 0.9rem;
+ border-style: solid;
border-top-left-radius: 1rem 1rem;
border-top-right-radius: 1rem 0.6rem;
+ border-width: 1px;
box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
cursor: pointer;
height: 36px;
@@ -2111,18 +2351,27 @@ textarea[disabled] {
width: 100%;
}
.form-group input[type=range]::-ms-fill-lower, .form-group input[type=range]::-ms-fill-upper {
- background: #0071de;
- border: 1px solid #41403e;
+ background: #41403e;
+ background: var(--secondary);
+ border-color: #41403e;
+ border-color: var(--primary);
border-radius: 18px;
+ border-style: solid;
+ border-width: 1px;
box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
}
.form-group input[type=range]::-ms-thumb {
- background: #fff;
+ background: #41403e;
+ background: var(--white);
+ border-color: #41403e;
+ border-color: var(--primary);
border: 1px solid #41403e;
border-bottom-left-radius: 0.7rem 1rem;
border-bottom-right-radius: 1rem 0.9rem;
+ border-style: solid;
border-top-left-radius: 1rem 1rem;
border-top-right-radius: 1rem 0.6rem;
+ border-width: 1px;
box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
cursor: pointer;
height: 36px;
@@ -2158,11 +2407,16 @@ fieldset.form-group {
top: 0;
}
.modal .modal-body {
+ color: #41403e;
+ color: var(--primary);
+ background: #41403e;
+ background: var(--main-background);
+ border-color: #41403e;
+ border-color: var(--muted-light);
transition: all 235ms ease-in-out 0s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
- background: white;
- border: 2px solid #e6e7e9;
+ border: 2px solid;
left: 50%;
padding: 1.25rem;
position: absolute;
@@ -2176,8 +2430,9 @@ fieldset.form-group {
}
}
.modal .btn-close {
+ color: #41403e;
+ color: var(--primary-light);
transition: all 235ms ease-in-out 0s;
- color: #c1c0bd;
cursor: pointer;
font-size: 30px;
height: 1.1rem;
@@ -2189,6 +2444,7 @@ fieldset.form-group {
}
.modal .btn-close:hover, .modal .btn-close:active, .modal .btn-close:focus {
color: #41403e;
+ color: var(--primary);
}
.modal h4,
.modal .modal-title {
@@ -2197,7 +2453,8 @@ fieldset.form-group {
}
.modal h5,
.modal .modal-subtitle {
- color: #0071de;
+ color: #41403e;
+ color: var(--secondary);
margin-bottom: 0.5rem;
margin-top: 0;
}
@@ -2211,7 +2468,8 @@ fieldset.form-group {
margin-left: 1.25rem;
}
.modal .paper-btn {
- background: white;
+ background: #41403e;
+ background: var(--main-background);
display: inline-block;
text-decoration: none;
}
@@ -2229,6 +2487,7 @@ fieldset.form-group {
.modal a:focus,
.modal a:visited {
color: #41403e;
+ color: var(--primary);
text-decoration: none;
}
@@ -2266,8 +2525,12 @@ fieldset.form-group {
border-top-left-radius: 255px 15px;
border-top-right-radius: 15px 225px;
transition: opacity 235ms ease-in-out 0s;
- background: rgba(0, 0, 0, 0.7);
- border: 2px solid #41403e;
+ background-color: #41403e;
+ background-color: var(--light-dark);
+ border-color: #41403e;
+ border-color: var(--primary);
+ border-style: solid;
+ border-width: 2px;
color: white;
font-size: 0.7em;
left: 50%;
@@ -2333,7 +2596,9 @@ fieldset.form-group {
border-bottom-right-radius: 15px 105px;
border-top-left-radius: 250px 15px;
border-top-right-radius: 25px 80px;
- border: 2px solid #41403e;
+ border-color: #41403e;
+ border-color: var(--primary);
+ border: 2px solid;
box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3);
height: 1.2rem;
overflow: hidden;
@@ -2345,8 +2610,11 @@ fieldset.form-group {
border-top-left-radius: 250px 15px;
border-top-right-radius: 25px 80px;
transition: all 235ms ease-in-out 0s;
- background-color: #c1c0bd;
- border-right: 2px solid #41403e;
+ background-color: #41403e;
+ background-color: var(--primary-light);
+ border-color: #41403e;
+ border-color: var(--primary);
+ border-right: 2px solid;
display: flex;
flex-direction: column;
font-size: 0.6rem;
@@ -2359,37 +2627,43 @@ fieldset.form-group {
background: repeating-linear-gradient(45deg, #c1c0bd, #c1c0bd 0.25rem, #a8a6a3 0.25rem, #a8a6a3 0.5rem);
}
.progress .bar.primary {
- background-color: #c1c0bd;
+ background-color: #41403e;
+ background-color: var(--primary-light);
}
.progress .bar.primary.striped {
background: repeating-linear-gradient(45deg, #c1c0bd, #c1c0bd 0.25rem, #a8a6a3 0.25rem, #a8a6a3 0.5rem);
}
.progress .bar.secondary {
- background-color: #deefff;
+ background-color: #41403e;
+ background-color: var(--secondary-light);
}
.progress .bar.secondary.striped {
background: repeating-linear-gradient(45deg, #deefff, #deefff 0.25rem, #abd6ff 0.25rem, #abd6ff 0.5rem);
}
.progress .bar.success {
- background-color: #d0dbc2;
+ background-color: #41403e;
+ background-color: var(--success-light);
}
.progress .bar.success.striped {
background: repeating-linear-gradient(45deg, #d0dbc2, #d0dbc2 0.25rem, #b7c9a1 0.25rem, #b7c9a1 0.5rem);
}
.progress .bar.warning {
- background-color: #f5f0c6;
+ background-color: #41403e;
+ background-color: var(--warning-light);
}
.progress .bar.warning.striped {
background: repeating-linear-gradient(45deg, #f5f0c6, #f5f0c6 0.25rem, #ede49b 0.25rem, #ede49b 0.5rem);
}
.progress .bar.danger {
- background-color: #f0cbc9;
+ background-color: #41403e;
+ background-color: var(--danger-light);
}
.progress .bar.danger.striped {
background: repeating-linear-gradient(45deg, #f0cbc9, #f0cbc9 0.25rem, #e6a5a1 0.25rem, #e6a5a1 0.5rem);
}
.progress .bar.muted {
- background-color: #e6e7e9;
+ background-color: #41403e;
+ background-color: var(--muted-light);
}
.progress .bar.muted.striped {
background: repeating-linear-gradient(45deg, #e6e7e9, #e6e7e9 0.25rem, #caced1 0.25rem, #caced1 0.5rem);
@@ -2710,8 +2984,12 @@ fieldset.form-group {
display: none;
}
.tabs input:checked + label {
- border-bottom: solid 3px #0071de;
color: #41403e;
+ color: var(--primary);
+ border-bottom-color: #41403e;
+ border-bottom-color: var(--secondary);
+ border-bottom-style: solid;
+ border-bottom-width: 3px;
}
.tabs input[id$=tab1]:checked ~ div[id$=content1] {
display: block;
@@ -2729,7 +3007,8 @@ fieldset.form-group {
display: block;
}
.tabs label {
- color: #c1c0bd;
+ color: #41403e;
+ color: var(--primary-light);
display: inline-block;
font-weight: 600;
margin: 0 0 -1px;
@@ -2737,7 +3016,8 @@ fieldset.form-group {
text-align: center;
}
.tabs label:hover {
- color: #868e96;
+ color: #41403e;
+ color: var(--muted);
cursor: pointer;
}
@@ -2864,7 +3144,8 @@ fieldset.form-group {
}
nav {
- background-color: white;
+ background-color: #41403e;
+ background-color: var(--main-background);
display: flex;
padding: 0.3rem;
position: relative;
@@ -2880,10 +3161,13 @@ nav .bar1,
nav .bar2,
nav .bar3 {
background-color: #41403e;
- border-bottom: 5px solid #41403e;
+ background-color: var(--primary);
+ border-color: #41403e;
+ border-color: var(--primary);
+ color: #41403e;
+ color: var(--primary);
border-bottom-left-radius: 15px 5px;
border-bottom-right-radius: 15px 3px;
- color: #41403e;
margin: 6px 0;
transition: 0.4s;
width: 2rem;
@@ -2928,15 +3212,22 @@ nav ul.inline li {
}
}
nav a {
+ color: #41403e;
+ color: var(--primary);
+ border-bottom-color: #41403e;
+ border-bottom-color: var(--primary);
background-image: none;
- border-bottom: 5px solid #41403e;
border-bottom-left-radius: 15px 3px;
border-bottom-right-radius: 15px 5px;
- color: #41403e;
+ border-bottom-style: solid;
+ border-bottom-width: 5px;
padding-bottom: 0.1rem;
}
nav a:hover {
- border-bottom: 5px solid #c1c0bd;
+ border-color: #41403e;
+ border-color: var(--primary-light);
+ border-bottom-style: solid;
+ border-bottom-width: 5px;
}
nav ul.inline li a {
font-size: 1.3rem;
@@ -2983,18 +3274,22 @@ nav div.collapsible-body {
padding: none;
}
nav .collapsible label {
- border: 2px solid #41403e;
+ border-color: #41403e;
+ border-color: var(--primary);
border-bottom-left-radius: 15px 255px;
border-bottom-right-radius: 225px 15px;
+ border-style: solid;
border-top-left-radius: 255px 15px;
border-top-right-radius: 15px 225px;
+ border-width: 2px;
}
nav .collapsible > button {
border: 0;
}
nav .collapsible > button,
nav .collapsible > label {
- background-color: white;
+ background-color: #41403e;
+ background-color: var(--main-background);
display: none;
font-size: 0.5rem;
margin-right: 1rem;
diff --git a/dist/paper.min.css b/dist/paper.min.css
index 801cf53..402c6d3 100644
--- a/dist/paper.min.css
+++ b/dist/paper.min.css
@@ -1,2 +1,2 @@
-@charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=Neucha|Patrick+Hand+SC");.text-primary{color:#41403e}.background-primary{background-color:#c1c0bd}.text-secondary{color:#0071de}.background-secondary{background-color:#deefff}.text-success{color:#86a361}.background-success{background-color:#d0dbc2}.text-warning{color:#ddcd45}.background-warning{background-color:#f5f0c6}.text-danger{color:#a7342d}.background-danger{background-color:#f0cbc9}.text-muted{color:#868e96}.background-muted{background-color:#e6e7e9}
-/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}.container.container-xs{max-width:480px}.container.container-sm{max-width:768px}.container.container-md{max-width:992px}.container.container-lg{max-width:1200px}.section{margin-bottom:2rem;margin-top:1rem;word-wrap:break-word}.section:after{color:#8f8d89;content:"~~~";display:block;font-size:1.5rem;position:relative;text-align:center}hr{border:0}hr:after{color:#8f8d89;content:"~~~";display:block;font-size:1.5rem;position:relative;text-align:center;top:-.75rem}.paper{background-color:#fff;border:1px solid #c1c0bd;box-shadow:-1px 5px 35px -9px rgba(0,0,0,.2);margin-bottom:1rem;margin-top:1rem;padding:2rem}@media only screen and (max-width:480px){.paper{margin-bottom:0;margin-top:0;padding:1rem;width:100%}}.row{display:flex;flex-flow:row wrap;margin-bottom:1rem;margin-left:auto;margin-right:auto}.row.flex-right{justify-content:flex-end}.row.flex-center{justify-content:center}.row.flex-edges{justify-content:space-between}.row.flex-spaces{justify-content:space-around}.row.flex-top{align-items:flex-start}.row.flex-middle{align-items:center}.row.flex-bottom{align-items:flex-end}.col{padding:1rem}@media only screen and (max-width:768px){.col{flex:0 0 100%;max-width:100%}}.col-fill{flex:1 1 0;width:auto}@media only screen and (min-width:0){.col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-12{flex:0 0 100%;max-width:100%}}@media only screen and (min-width:480px){.xs-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.xs-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.xs-3{flex:0 0 25%;max-width:25%}.xs-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.xs-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.xs-6{flex:0 0 50%;max-width:50%}.xs-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.xs-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.xs-9{flex:0 0 75%;max-width:75%}.xs-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.xs-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.xs-12{flex:0 0 100%;max-width:100%}}@media only screen and (min-width:768px){.sm-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.sm-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.sm-3{flex:0 0 25%;max-width:25%}.sm-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.sm-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.sm-6{flex:0 0 50%;max-width:50%}.sm-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.sm-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.sm-9{flex:0 0 75%;max-width:75%}.sm-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.sm-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.sm-12{flex:0 0 100%;max-width:100%}}@media only screen and (min-width:992px){.md-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.md-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.md-3{flex:0 0 25%;max-width:25%}.md-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.md-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.md-6{flex:0 0 50%;max-width:50%}.md-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.md-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.md-9{flex:0 0 75%;max-width:75%}.md-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.md-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.md-12{flex:0 0 100%;max-width:100%}}@media only screen and (min-width:1200px){.lg-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.lg-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.lg-3{flex:0 0 25%;max-width:25%}.lg-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.lg-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.lg-6{flex:0 0 50%;max-width:50%}.lg-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.lg-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.lg-9{flex:0 0 75%;max-width:75%}.lg-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.lg-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.lg-12{flex:0 0 100%;max-width:100%}}.align-top{align-self:flex-start}.align-middle{align-self:center}.align-bottom{align-self:flex-end}.container{margin:0 auto;max-width:960px;position:relative;width:100%}@media only screen and (max-width:992px){.container{width:85%}}@media only screen and (max-width:480px){.container{width:90%}}code{background-color:#f2f2f2;color:#0071de}code,kbd{border-radius:3px;font-size:80%;padding:2px 4px}kbd{background-color:#41403e;color:#fff}pre{background-color:#fafafa;border:1px solid #c1c0bd;border-radius:3px;color:#41403e;font-size:80%;line-height:1.5;overflow-x:auto;padding:1em;word-break:break-all;word-wrap:break-word}pre,pre code{display:block;white-space:pre}pre code{background:transparent;color:inherit;font-size:inherit;padding:initial}html{color:#41403e;font-size:20px}a,button,html,input,option,p,select,table,tbody,td,textarea,th,thead,tr{font-family:Neucha,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Patrick Hand SC,sans-serif;font-weight:400}h1{font-size:4rem}h2{font-size:3rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:1rem}h6{font-size:.8rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}img{border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;border:2px solid #41403e;display:block;height:auto;max-width:100%}img.float-left{float:left;margin:1rem 1rem 1rem 0}img.float-right{float:right;margin:1rem 0 1rem 1rem}img.no-responsive{display:initial;height:auto;max-width:none}img.no-border{border:0;border-radius:0}ol{list-style-type:decimal}ol ol{list-style-type:upper-alpha}ol ol ol{list-style-type:upper-roman}ol ol ol ol{list-style-type:lower-alpha}ol ol ol ol ol{list-style-type:lower-roman}ul{list-style:none;margin-left:0}ul li:before{content:"-"}ul li{text-indent:-7px}ul li .badge,ul li [popover-bottom]:after,ul li [popover-left]:after,ul li [popover-right]:after,ul li [popover-top]:after{text-indent:0}ul li:before{left:-7px;position:relative}ul ul li:before{content:"+"}ul ul ul li:before{content:"~"}ul ul ul ul li:before{content:"⤍"}ul ul ul ul ul li:before{content:"⁎"}ul.inline li{display:inline;margin-left:5px}table{box-sizing:border-box;max-width:100%;overflow-x:auto;width:100%}@media only screen and (max-width:480px){table tbody tr td,table thead tr th{padding:2%}}table thead tr th{line-height:1.5;padding:8px;text-align:left;vertical-align:bottom}table tbody tr td{border-top:1px dashed #d9d9d8;line-height:1.5;padding:8px;vertical-align:top}table.table-hover tbody tr:hover{color:#0071de}table.table-alternating tbody tr:nth-of-type(2n){color:#82807c}.border{border:2px solid #41403e}.border,.border-1,.child-borders>:nth-child(6n+1){border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px}.border-2,.child-borders>:nth-child(6n+2){border-bottom-left-radius:185px 25px;border-bottom-right-radius:20px 205px;border-top-left-radius:125px 25px;border-top-right-radius:10px 205px}.border-3,.child-borders>:nth-child(6n+3){border-bottom-left-radius:225px 15px;border-bottom-right-radius:15px 255px;border-top-left-radius:15px 225px;border-top-right-radius:255px 15px}.border-4,.child-borders>:nth-child(6n+4){border-bottom-left-radius:25px 115px;border-bottom-right-radius:155px 25px;border-top-left-radius:15px 225px;border-top-right-radius:25px 150px}.border-5,.child-borders>:nth-child(6n+5){border-bottom-left-radius:20px 115px;border-bottom-right-radius:15px 105px;border-top-left-radius:250px 15px;border-top-right-radius:25px 80px}.border-6,.child-borders>:nth-child(6n+6){border-bottom-left-radius:15px 225px;border-bottom-right-radius:20px 205px;border-top-left-radius:28px 125px;border-top-right-radius:100px 30px}.child-borders>*{border:2px solid #41403e}.border-white{border-color:#fff}.border-dotted{border-style:dotted}.border-dashed{border-style:dashed}.border-thick{border-width:5px}.border-primary{border-color:#41403e}.border-secondary{border-color:#0071de}.border-success{border-color:#86a361}.border-warning{border-color:#ddcd45}.border-danger{border-color:#a7342d}.border-muted{border-color:#868e96}.shadow{transition:all 235ms ease 0s;box-shadow:15px 28px 25px -18px rgba(0,0,0,.2)}.shadow.shadow-large{transition:all 235ms ease 0s;box-shadow:20px 38px 34px -26px rgba(0,0,0,.2)}.shadow.shadow-small{transition:all 235ms ease 0s;box-shadow:10px 19px 17px -13px rgba(0,0,0,.2)}.shadow.shadow-hover:hover{transform:translate3d(0,2px,0);box-shadow:2px 8px 8px -5px rgba(0,0,0,.3)}.child-shadows-hover>*,.child-shadows>*{transition:all 235ms ease 0s;box-shadow:15px 28px 25px -18px rgba(0,0,0,.2)}.child-shadows-hover>:hover{transform:translate3d(0,2px,0);box-shadow:2px 8px 8px -5px rgba(0,0,0,.3)}.collapsible{display:flex;flex-direction:column}.collapsible:first-of-type{border-top:1px solid #e6e7e9}.collapsible .collapsible-body{transition:all 235ms ease-in-out 0s;background-color:hsla(0,0%,80%,.03);border-bottom:1px solid #e6e7e9;margin:0;max-height:0;opacity:0;overflow:hidden;padding:0 .75rem}.collapsible input{display:none}.collapsible input:checked+label{color:#41403e}.collapsible input[id^=collapsible]:checked~div.collapsible-body{margin:0;max-height:960px;opacity:1;padding:.75rem}.collapsible label{border-bottom:1px solid #e6e7e9;color:#41403e;display:inline-block;font-weight:600;margin:0 0 -1px;padding:.75rem;text-align:center}.collapsible label:hover{color:#868e96;cursor:pointer}.alert{border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;border:2px solid #41403e;margin-bottom:20px;padding:15px;width:100%}.alert.dismissible{transition:all 235ms ease-in-out 0s;display:flex;justify-content:space-between;max-height:48rem;overflow:hidden}.alert .btn-close{transition:all 235ms ease-in-out 0s;color:#5b5a57;cursor:pointer;margin-left:.75rem}.alert .btn-close:active,.alert .btn-close:focus,.alert .btn-close:hover{color:#272625}.alert-primary .btn-close{color:#5b5a57}.alert-primary .btn-close:active,.alert-primary .btn-close:focus,.alert-primary .btn-close:hover{color:#272625}.alert-secondary .btn-close{color:#128bff}.alert-secondary .btn-close:active,.alert-secondary .btn-close:focus,.alert-secondary .btn-close:hover{color:#0057ab}.alert-success .btn-close{color:#9fb681}.alert-success .btn-close:active,.alert-success .btn-close:focus,.alert-success .btn-close:hover{color:#6c844d}.alert-warning .btn-close{color:#e5d970}.alert-warning .btn-close:active,.alert-warning .btn-close:focus,.alert-warning .btn-close:hover{color:#cab925}.alert-danger .btn-close{color:#cb453c}.alert-danger .btn-close:active,.alert-danger .btn-close:focus,.alert-danger .btn-close:hover{color:#7f2722}.alert-muted .btn-close{color:#a1a8ae}.alert-muted .btn-close:active,.alert-muted .btn-close:focus,.alert-muted .btn-close:hover{color:#6c757d}.alert-state{display:none}.alert-state:checked+.dismissible{border-width:0;margin:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0}article .article-title{font-size:3rem}article .article-meta{color:#868e96;font-size:15px}article .article-meta a{background-image:none;color:#41403e}article .article-meta a:hover{color:rgba(0,0,0,.7)}article .text-lead{font-size:30px;line-height:1.3;margin:35px}article button:not(:first-of-type){margin-left:2rem}@media only screen and (max-width:480px){article button:not(:first-of-type){margin-left:0}}article p{line-height:1.6}.badge{border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;background-color:#868e96;border:2px solid transparent;color:#fff;display:inline-block;font-size:75%;font-weight:700;line-height:1;padding:.25em .4em;text-align:center;vertical-align:baseline;white-space:nowrap}.badge.primary{background-color:#41403e}.badge.secondary{background-color:#0071de}.badge.success{background-color:#86a361}.badge.warning{background-color:#ddcd45}.badge.danger{background-color:#a7342d}.badge.muted{background-color:#868e96}ul.breadcrumb{list-style:none;padding:10px 16px}ul.breadcrumb li{display:inline;font-size:20px}ul.breadcrumb li:before{content:""}ul.breadcrumb li a{background-image:none;color:#0071de;text-decoration:none}ul.breadcrumb li a:hover{text-decoration:underline}ul.breadcrumb li+li:before{content:"/ ";padding:8px}.paper-btn,[type=button],button{border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;transition:all 235ms ease 0s;box-shadow:15px 28px 25px -18px rgba(0,0,0,.2);transition:all 235ms ease-in-out 0s;align-self:center;background:transparent;border:2px solid #41403e;color:#41403e;cursor:pointer;display:inline-block;font-size:1rem;outline:none;padding:.75rem}@media only screen and (max-width:520px){.paper-btn,[type=button],button{display:inline-block;margin:0 auto 1rem;text-align:center}}.paper-btn.btn-large,[type=button].btn-large,button.btn-large{transition:all 235ms ease 0s;box-shadow:20px 38px 34px -26px rgba(0,0,0,.2);font-size:2rem;padding:1rem}.paper-btn.btn-small,[type=button].btn-small,button.btn-small{transition:all 235ms ease 0s;box-shadow:10px 19px 17px -13px rgba(0,0,0,.2);font-size:.75rem;padding:.5rem}.paper-btn.btn-block,[type=button].btn-block,button.btn-block{display:block;width:100%}.paper-btn:hover,[type=button]:hover,button:hover{transform:translate3d(0,2px,0);box-shadow:2px 8px 8px -5px rgba(0,0,0,.3)}.paper-btn:focus,[type=button]:focus,button:focus{border:2px solid #0071de;box-shadow:2px 8px 4px -6px rgba(0,0,0,.3)}.paper-btn:active,[type=button]:active,button:active{border-color:rgba(0,0,0,.2);transition:none}.paper-btn.disabled,.paper-btn[disabled],[type=button].disabled,[type=button][disabled],button.disabled,button[disabled]{cursor:not-allowed;opacity:.5}a{background-image:linear-gradient(5deg,transparent 65%,#0071de 80%,transparent 90%),linear-gradient(165deg,transparent 5%,#0071de 15%,transparent 25%),linear-gradient(165deg,transparent 45%,#0071de 55%,transparent 65%),linear-gradient(15deg,transparent 25%,#0071de 35%,transparent 50%);background-position:0 90%;background-repeat:repeat-x;background-size:4px 3px}a,a:visited{text-decoration:none}a:visited{color:#41403e}.alert-primary{background-color:#c1c0bd;border-color:#41403e;color:#41403e}.paper-btn.btn-primary,[type=button].btn-primary,button.btn-primary{background-color:#c1c0bd;border-color:#41403e;color:#fff}.paper-btn.btn-primary:hover:active,[type=button].btn-primary:hover:active,button.btn-primary:hover:active{background-color:#a8a6a3}.alert-secondary{background-color:#deefff;border-color:#0071de;color:#0071de}.paper-btn.btn-secondary,[type=button].btn-secondary,button.btn-secondary{background-color:#deefff;border-color:#0071de;color:#41403e}.paper-btn.btn-secondary:hover:active,[type=button].btn-secondary:hover:active,button.btn-secondary:hover:active{background-color:#abd6ff}.alert-success{background-color:#d0dbc2;border-color:#86a361;color:#86a361}.paper-btn.btn-success,[type=button].btn-success,button.btn-success{background-color:#d0dbc2;border-color:#86a361;color:#41403e}.paper-btn.btn-success:hover:active,[type=button].btn-success:hover:active,button.btn-success:hover:active{background-color:#b7c9a1}.alert-warning{background-color:#f5f0c6;border-color:#ddcd45;color:#ddcd45}.paper-btn.btn-warning,[type=button].btn-warning,button.btn-warning{background-color:#f5f0c6;border-color:#ddcd45;color:#41403e}.paper-btn.btn-warning:hover:active,[type=button].btn-warning:hover:active,button.btn-warning:hover:active{background-color:#ede49b}.alert-danger{background-color:#f0cbc9;border-color:#a7342d;color:#a7342d}.paper-btn.btn-danger,[type=button].btn-danger,button.btn-danger{background-color:#f0cbc9;border-color:#a7342d;color:#41403e}.paper-btn.btn-danger:hover:active,[type=button].btn-danger:hover:active,button.btn-danger:hover:active{background-color:#e6a5a1}.alert-muted{background-color:#e6e7e9;border-color:#868e96;color:#868e96}.paper-btn.btn-muted,[type=button].btn-muted,button.btn-muted{background-color:#e6e7e9;border-color:#868e96;color:#41403e}.paper-btn.btn-muted:hover:active,[type=button].btn-muted:hover:active,button.btn-muted:hover:active{background-color:#caced1}.paper-btn.btn-primary-outline,[type=button].btn-primary-outline,button.btn-primary-outline{background-color:#fff;border-color:#a8a6a3;color:#41403e}.paper-btn.btn-primary-outline:hover,[type=button].btn-primary-outline:hover,button.btn-primary-outline:hover{background-color:#c1c0bd;border-color:#41403e}.paper-btn.btn-primary-outline:hover:active,[type=button].btn-primary-outline:hover:active,button.btn-primary-outline:hover:active{background-color:#a8a6a3}.paper-btn.btn-secondary-outline,[type=button].btn-secondary-outline,button.btn-secondary-outline{background-color:#fff;border-color:#abd6ff;color:#41403e}.paper-btn.btn-secondary-outline:hover,[type=button].btn-secondary-outline:hover,button.btn-secondary-outline:hover{background-color:#deefff;border-color:#0071de}.paper-btn.btn-secondary-outline:hover:active,[type=button].btn-secondary-outline:hover:active,button.btn-secondary-outline:hover:active{background-color:#abd6ff}.paper-btn.btn-success-outline,[type=button].btn-success-outline,button.btn-success-outline{background-color:#fff;border-color:#b7c9a1;color:#41403e}.paper-btn.btn-success-outline:hover,[type=button].btn-success-outline:hover,button.btn-success-outline:hover{background-color:#d0dbc2;border-color:#86a361}.paper-btn.btn-success-outline:hover:active,[type=button].btn-success-outline:hover:active,button.btn-success-outline:hover:active{background-color:#b7c9a1}.paper-btn.btn-warning-outline,[type=button].btn-warning-outline,button.btn-warning-outline{background-color:#fff;border-color:#ede49b;color:#41403e}.paper-btn.btn-warning-outline:hover,[type=button].btn-warning-outline:hover,button.btn-warning-outline:hover{background-color:#f5f0c6;border-color:#ddcd45}.paper-btn.btn-warning-outline:hover:active,[type=button].btn-warning-outline:hover:active,button.btn-warning-outline:hover:active{background-color:#ede49b}.paper-btn.btn-danger-outline,[type=button].btn-danger-outline,button.btn-danger-outline{background-color:#fff;border-color:#e6a5a1;color:#41403e}.paper-btn.btn-danger-outline:hover,[type=button].btn-danger-outline:hover,button.btn-danger-outline:hover{background-color:#f0cbc9;border-color:#a7342d}.paper-btn.btn-danger-outline:hover:active,[type=button].btn-danger-outline:hover:active,button.btn-danger-outline:hover:active{background-color:#e6a5a1}.paper-btn.btn-muted-outline,[type=button].btn-muted-outline,button.btn-muted-outline{background-color:#fff;border-color:#caced1;color:#41403e}.paper-btn.btn-muted-outline:hover,[type=button].btn-muted-outline:hover,button.btn-muted-outline:hover{background-color:#e6e7e9;border-color:#868e96}.paper-btn.btn-muted-outline:hover:active,[type=button].btn-muted-outline:hover:active,button.btn-muted-outline:hover:active{background-color:#caced1}.card{transition:all 235ms ease 0s;box-shadow:15px 28px 25px -18px rgba(0,0,0,.2);-webkit-backface-visibility:hidden;backface-visibility:hidden;border:2px solid #e6e7e9;display:flex;flex-direction:column;position:relative;will-change:transform;word-wrap:break-word}.card:hover{transform:translate3d(0,2px,0);box-shadow:2px 8px 8px -5px rgba(0,0,0,.3)}.card .card-footer,.card .card-header{background-color:rgba(0,0,0,.03);padding:.75rem 1.25rem}.card .card-header{border-bottom:2px solid #e6e7e9}.card .card-footer{border-top:2px solid #e6e7e9}.card .card-body{flex:1 1 auto;padding:1.25rem}.card .card-body .card-title,.card .card-body h4{margin-bottom:.5rem;margin-top:0}.card .card-body .card-subtitle,.card .card-body h5{color:#0071de;margin-bottom:.5rem;margin-top:0}.card .card-body .card-text,.card .card-body p{margin-bottom:1rem;margin-top:0}.card .card-body .card-link+.card-link,.card .card-body a+a{margin-left:1.25rem}.card .image-bottom,.card .image-top,.card img{border:0;border-radius:0}input,select,textarea{background:transparent;border:2px solid #41403e;border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;color:#41403e;display:block;font-size:1rem;outline:none;padding:.5rem}input:focus,select:focus,textarea:focus{border:2px solid #0071de}select{height:2.35rem}.disabled,input.disabled,input[disabled],select.disabled,select[disabled],textarea.disabled,textarea[disabled]{cursor:not-allowed;opacity:.5}.form-group{margin-bottom:1rem}.form-group>label,.form-group legend{display:inline-block;margin-bottom:.5rem}.form-group .input-block{width:100%}.form-group textarea{max-height:90vh;max-width:100%}.form-group textarea.no-resize{resize:none}.form-group .paper-check,.form-group .paper-radio{cursor:pointer;display:block;margin-bottom:.5rem}.form-group .paper-check input,.form-group .paper-radio input{border:0;height:1px;margin:-1px;opacity:0;overflow:hidden;padding:0;position:absolute;width:1px}.form-group .paper-check input+span,.form-group .paper-radio input+span{display:block}.form-group .paper-check input+span:before,.form-group .paper-radio input+span:before{border:2px solid #41403e;content:"";display:inline-block;height:1rem;margin-right:.75em;position:relative;vertical-align:-.25em;width:1rem}.form-group .paper-check input[type=radio]+span:before,.form-group .paper-radio input[type=radio]+span:before{border-bottom-left-radius:.7rem 1rem;border-bottom-right-radius:1rem .9rem;border-top-left-radius:1rem 1rem;border-top-right-radius:1rem .6rem}.form-group .paper-check input[type=radio]:checked+span:before,.form-group .paper-radio input[type=radio]:checked+span:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%230071de' d='M49.346 46.341c-3.79-2.005 3.698-10.294 7.984-8.89 8.713 2.852 4.352 20.922-4.901 20.269-4.684-.33-12.616-7.405-14.38-11.818-2.375-5.938 7.208-11.688 11.624-13.837 9.078-4.42 18.403-3.503 22.784 6.651 4.049 9.378 6.206 28.09-1.462 36.276-7.091 7.567-24.673 2.277-32.357-1.079-11.474-5.01-24.54-19.124-21.738-32.758 3.958-19.263 28.856-28.248 46.044-23.244 20.693 6.025 22.012 36.268 16.246 52.826-5.267 15.118-17.03 26.26-33.603 21.938-11.054-2.883-20.984-10.949-28.809-18.908C9.236 66.096 2.704 57.597 6.01 46.371c3.059-10.385 12.719-20.155 20.892-26.604C40.809 8.788 58.615 1.851 75.058 12.031c9.289 5.749 16.787 16.361 18.284 27.262.643 4.698.646 10.775-3.811 13.746'/%3E%3C/svg%3E") 0 no-repeat}.form-group .paper-check input[type=checkbox]+span:before,.form-group .paper-radio input[type=checkbox]+span:before{border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px}.form-group .paper-check input[type=checkbox]:checked+span:before,.form-group .paper-radio input[type=checkbox]:checked+span:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath stroke='%230071de' stroke-width='16' d='M13 62c.61 1.6 1.304 2.304 1.757 2.757l2.076 2.076c.542.542 1.042 1.06 1.829 1.824.578.56 1.005.97 2.026 1.744.559.424 1.191.84 1.884 1.284 1.165.746 1.598 1.002 2.5 1.551.47.286 1.437.869 1.93 1.165.998.6 1.997 1.198 2.494 1.499.985.598 1.47.896 1.947 1.2 1.397.89 1.837 1.197 2.7 1.796.422.292 1.24.877 2.056 1.419a33.039 33.039 0 002.38 1.438c.744.409 1.451.758 2.378 1.226.761.383 1.55.828 2.407 1.41.731.497 1.496 1.083 2.279 1.258.355.08.147-.955.357-1.868.181-.787.982-1.214 1-2.079.02-.995.08-1.8.425-2.561.436-.96.54-1.668.797-2.682.188-.747.397-1.312.778-2.624.209-.718.415-1.486.708-2.28.155-.418.774-1.731 1.348-2.641.306-.484.65-.97 1.007-1.474.747-1.06 1.153-1.602 1.937-2.771.406-.606.803-1.235 1.205-1.877.407-.65.814-1.312 1.231-1.975.42-.668.834-1.343 1.73-2.648.448-.65.915-1.284 1.387-1.91.47-.623.947-1.236 1.422-1.846.94-1.21 1.861-2.409 2.303-3.01a84.919 84.919 0 002.46-3.543c1.106-1.685 1.441-2.236 1.777-2.771.328-.525.963-1.546 1.274-2.04a89.78 89.78 0 011.51-2.325c.591-.864 1.18-1.68 1.465-2.075.55-.761 1.317-1.823 1.779-2.49.439-.634.853-1.252 1.457-2.157.596-.891.965-1.468 1.515-2.23.584-.809 1.125-1.402 1.838-2.123.613-.62.451-1.483.704-2.347.257-.878.755-1.625 1-2.41.251-.803.763-1.394 1.332-2.254.546-.824.735-1.671 1.316-2.336.556-.636 1.386-1.226 1.859-1.9.508-.724.789-1.4 1.603-1.567l.712-.49' fill='none'/%3E%3C/svg%3E") 0 no-repeat}.form-group .paper-switch-2-label,.form-group .paper-switch-label{cursor:pointer;float:left}.form-group .paper-switch-label{margin:-6px 10px 0 0}.form-group .paper-switch-2-label{margin:0 10px 0 0}.form-group .paper-switch,.form-group .paper-switch-2{display:block;float:left;margin:0 10px 0 0;position:relative}.form-group .paper-switch-2 input,.form-group .paper-switch input{height:0;opacity:0;width:0}.form-group .paper-switch-2 input:checked+.paper-switch-slider,.form-group .paper-switch input:checked+.paper-switch-slider{background-color:#d0dbc2}.form-group .paper-switch-2 input:checked+.paper-switch-slider:before,.form-group .paper-switch input:checked+.paper-switch-slider:before{transform:translateX(26px)}.form-group .paper-switch-2 input:focus+.paper-switch-slider,.form-group .paper-switch input:focus+.paper-switch-slider{box-shadow:0 0 3px #0071de}.form-group .paper-switch-2 .paper-switch-slider,.form-group .paper-switch .paper-switch-slider{border:2px solid #41403e;border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.form-group .paper-switch-2 .paper-switch-slider:before,.form-group .paper-switch .paper-switch-slider:before{background:#0071de;border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;content:"";left:4px;position:absolute;transition:.4s}.form-group .paper-switch-2 .paper-switch-slider.round,.form-group .paper-switch .paper-switch-slider.round{border:2px solid #41403e;border-bottom-left-radius:.7rem 1rem;border-bottom-right-radius:1rem .9rem;border-top-left-radius:1rem 1rem;border-top-right-radius:1rem .6rem}.form-group .paper-switch-2 .paper-switch-slider.round:before,.form-group .paper-switch .paper-switch-slider.round:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%230071de' d='M49.346 46.341c-3.79-2.005 3.698-10.294 7.984-8.89 8.713 2.852 4.352 20.922-4.901 20.269-4.684-.33-12.616-7.405-14.38-11.818-2.375-5.938 7.208-11.688 11.624-13.837 9.078-4.42 18.403-3.503 22.784 6.651 4.049 9.378 6.206 28.09-1.462 36.276-7.091 7.567-24.673 2.277-32.357-1.079-11.474-5.01-24.54-19.124-21.738-32.758 3.958-19.263 28.856-28.248 46.044-23.244 20.693 6.025 22.012 36.268 16.246 52.826-5.267 15.118-17.03 26.26-33.603 21.938-11.054-2.883-20.984-10.949-28.809-18.908C9.236 66.096 2.704 57.597 6.01 46.371c3.059-10.385 12.719-20.155 20.892-26.604C40.809 8.788 58.615 1.851 75.058 12.031c9.289 5.749 16.787 16.361 18.284 27.262.643 4.698.646 10.775-3.811 13.746'/%3E%3C/svg%3E") 0 no-repeat;border-bottom-left-radius:.7rem 1rem;border-bottom-right-radius:1rem .9rem;border-top-left-radius:1rem 1rem;border-top-right-radius:1rem .6rem;left:4px}.form-group .paper-switch{height:12px;width:60px}.form-group .paper-switch .paper-switch-slider:before{bottom:-6px;height:20px;width:20px}.form-group .paper-switch .paper-switch-slider.round:before{bottom:-7px;height:23px;width:23px}.form-group .paper-switch-2{height:22px;width:50px}.form-group .paper-switch-2 .paper-switch-slider.round:before,.form-group .paper-switch-2 .paper-switch-slider:before{bottom:2px;height:14px;width:14px}.form-group .paper-switch-tile{cursor:pointer;display:block;float:left;height:80px;margin:40px 0 0 40px;perspective:1000px;position:relative;transform:translate(-50%,-50%);transform-style:preserve-3d;width:80px}.form-group .paper-switch-tile:hover .paper-switch-tile-card{box-shadow:2px 8px 4px -5px rgba(0,0,0,.2);transform:rotateX(30deg)}.form-group .paper-switch-tile:hover:checked+.paper-switch-tile-card{background-color:transparent;box-shadow:0 10px 15px -15px rgba(0,0,0,.9);transform:rotateX(150deg)}.form-group .paper-switch-tile input{display:none}.form-group .paper-switch-tile input:checked+.paper-switch-tile-card{transform:rotateX(180deg)}.form-group .paper-switch-tile-card{background-color:transparent;border-color:transparent;height:100%;position:relative;transform-style:preserve-3d;transition:all .6s;width:100%}.form-group .paper-switch-tile-card div{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:2px 8px 8px -5px rgba(0,0,0,.3);height:100%;line-height:70px;position:absolute;text-align:center;width:100%}.form-group .paper-switch-tile-card .paper-switch-tile-card-back{transform:rotateX(180deg)}.form-group input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:0}.form-group input[type=range]::-webkit-slider-runnable-track{background:#0071de;border:1px solid #41403e;border-radius:18px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;cursor:pointer;height:8px;margin:10px 0;width:100%}.form-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #41403e;border-bottom-left-radius:.7rem 1rem;border-bottom-right-radius:1rem .9rem;border-top-left-radius:1rem 1rem;border-top-right-radius:1rem .6rem;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;cursor:pointer;height:36px;margin-top:-14px;width:16px}.form-group input[type=range]::-moz-range-track{background:#0071de;border:1px solid #41403e;border-radius:18px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;cursor:pointer;height:8px;width:100%}.form-group input[type=range]::-moz-range-thumb{background:#fff;border:1px solid #41403e;border-bottom-left-radius:.7rem 1rem;border-bottom-right-radius:1rem .9rem;border-top-left-radius:1rem 1rem;border-top-right-radius:1rem .6rem;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;cursor:pointer;height:36px;width:16px}.form-group input[type=range]::-ms-track{background:transparent;border-color:transparent;border-width:16px 0;color:transparent;cursor:pointer;height:8px;width:100%}.form-group input[type=range]::-ms-fill-lower,.form-group input[type=range]::-ms-fill-upper{background:#0071de;border:1px solid #41403e;border-radius:18px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}.form-group input[type=range]::-ms-thumb{background:#fff;border:1px solid #41403e;border-bottom-left-radius:.7rem 1rem;border-bottom-right-radius:1rem .9rem;border-top-left-radius:1rem 1rem;border-top-right-radius:1rem .6rem;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;cursor:pointer;height:36px;width:16px}fieldset.form-group{border:0;padding:0}.modal{transition:opacity 235ms ease-in-out 0s;background:rgba(0,0,0,.6);flex:1 1 auto;opacity:0;position:fixed;text-align:left;visibility:hidden;word-wrap:break-word;z-index:12}.modal,.modal-bg{bottom:0;left:0;right:0;top:0}.modal-bg{cursor:pointer;position:absolute}.modal .modal-body{transition:all 235ms ease-in-out 0s;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border:2px solid #e6e7e9;left:50%;padding:1.25rem;position:absolute;top:0;transform:translate(-50%,-50%)}@media only screen and (max-width:768px){.modal .modal-body{box-sizing:border-box;width:90%}}.modal .btn-close{transition:all 235ms ease-in-out 0s;color:#c1c0bd;cursor:pointer;font-size:30px;height:1.1rem;position:absolute;right:1rem;text-decoration:none;top:1rem;width:1.1rem}.modal .btn-close:active,.modal .btn-close:focus,.modal .btn-close:hover{color:#41403e}.modal .modal-title,.modal h4{margin-bottom:.5rem;margin-top:0}.modal .modal-subtitle,.modal h5{color:#0071de;margin-bottom:.5rem;margin-top:0}.modal .modal-text,.modal p{margin-bottom:1rem;margin-top:0}.modal .modal-link+.modal-link,.modal a+a{margin-left:1.25rem}.modal .paper-btn{background:#fff;display:inline-block;text-decoration:none}.modal .modal-link,.modal a{background-image:linear-gradient(5deg,transparent 65%,#0071de 80%,transparent 90%),linear-gradient(165deg,transparent 5%,#0071de 15%,transparent 25%),linear-gradient(165deg,transparent 45%,#0071de 55%,transparent 65%),linear-gradient(15deg,transparent 25%,#0071de 35%,transparent 50%);background-position:0 90%;background-repeat:repeat-x;background-size:4px 3px;cursor:pointer;text-decoration:none}.modal .modal-link:focus,.modal .modal-link:hover,.modal .modal-link:visited,.modal a:focus,.modal a:hover,.modal a:visited{color:#41403e;text-decoration:none}.modal-state{display:none}.modal-state:checked+.modal{opacity:1;visibility:visible}.modal-state:checked+.modal .modal-body{top:50%}[popover-bottom],[popover-left],[popover-right],[popover-top]{margin:24px;position:relative}[popover-bottom]:hover:after,[popover-left]:hover:after,[popover-right]:hover:after,[popover-top]:hover:after{opacity:1;transition:opacity .2s ease-out}[popover-bottom]:after,[popover-left]:after,[popover-right]:after,[popover-top]:after{border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;transition:opacity 235ms ease-in-out 0s;background:rgba(0,0,0,.7);border:2px solid #41403e;color:#fff;font-size:.7em;left:50%;min-width:80px;opacity:0;padding:4px 2px;position:absolute;text-align:center;top:-6px;transform:translateX(-50%) translateY(-100%)}[popover-left]:before{left:0;margin-left:-12px;top:50%;transform:translateY(-50%) rotate(-90deg)}[popover-left]:after{content:attr(popover-left);left:0;margin-left:-8px;top:50%;transform:translateX(-100%) translateY(-50%)}[popover-right]:before{left:100%;margin-left:1px;top:50%;transform:translatey(-50%) rotate(90deg)}[popover-right]:after{content:attr(popover-right);left:100%;margin-left:8px;top:50%;transform:translateX(0) translateY(-50%)}[popover-top]:before{left:50%}[popover-top]:after{content:attr(popover-top);left:50%}[popover-bottom]:before{margin-top:8px;top:100%;transform:translateX(-50%) translatey(-100%) rotate(-180deg)}[popover-bottom]:after{content:attr(popover-bottom);margin-top:8px;top:100%;transform:translateX(-50%) translateY(0)}.progress{border-bottom-left-radius:20px 115px;border-bottom-right-radius:15px 105px;border-top-left-radius:250px 15px;border-top-right-radius:25px 80px;border:2px solid #41403e;box-shadow:2px 8px 8px -5px rgba(0,0,0,.3);height:1.2rem;overflow:hidden;width:100%}.progress .bar{border-bottom-left-radius:20px 115px;border-bottom-right-radius:15px 105px;border-top-left-radius:250px 15px;border-top-right-radius:25px 80px;transition:all 235ms ease-in-out 0s;background-color:#c1c0bd;border-right:2px solid #41403e;display:flex;flex-direction:column;font-size:.6rem;height:100%;justify-content:center;text-align:center;width:0}.progress .bar.striped{background:repeating-linear-gradient(45deg,#c1c0bd,#c1c0bd .25rem,#a8a6a3 0,#a8a6a3 .5rem)}.progress .bar.primary{background-color:#c1c0bd}.progress .bar.primary.striped{background:repeating-linear-gradient(45deg,#c1c0bd,#c1c0bd .25rem,#a8a6a3 0,#a8a6a3 .5rem)}.progress .bar.secondary{background-color:#deefff}.progress .bar.secondary.striped{background:repeating-linear-gradient(45deg,#deefff,#deefff .25rem,#abd6ff 0,#abd6ff .5rem)}.progress .bar.success{background-color:#d0dbc2}.progress .bar.success.striped{background:repeating-linear-gradient(45deg,#d0dbc2,#d0dbc2 .25rem,#b7c9a1 0,#b7c9a1 .5rem)}.progress .bar.warning{background-color:#f5f0c6}.progress .bar.warning.striped{background:repeating-linear-gradient(45deg,#f5f0c6,#f5f0c6 .25rem,#ede49b 0,#ede49b .5rem)}.progress .bar.danger{background-color:#f0cbc9}.progress .bar.danger.striped{background:repeating-linear-gradient(45deg,#f0cbc9,#f0cbc9 .25rem,#e6a5a1 0,#e6a5a1 .5rem)}.progress .bar.muted{background-color:#e6e7e9}.progress .bar.muted.striped{background:repeating-linear-gradient(45deg,#e6e7e9,#e6e7e9 .25rem,#caced1 0,#caced1 .5rem)}.progress .bar.w-0{width:0}.progress .bar.w-1{width:1%}.progress .bar.w-2{width:2%}.progress .bar.w-3{width:3%}.progress .bar.w-4{width:4%}.progress .bar.w-5{width:5%}.progress .bar.w-6{width:6%}.progress .bar.w-7{width:7%}.progress .bar.w-8{width:8%}.progress .bar.w-9{width:9%}.progress .bar.w-10{width:10%}.progress .bar.w-11{width:11%}.progress .bar.w-12{width:12%}.progress .bar.w-13{width:13%}.progress .bar.w-14{width:14%}.progress .bar.w-15{width:15%}.progress .bar.w-16{width:16%}.progress .bar.w-17{width:17%}.progress .bar.w-18{width:18%}.progress .bar.w-19{width:19%}.progress .bar.w-20{width:20%}.progress .bar.w-21{width:21%}.progress .bar.w-22{width:22%}.progress .bar.w-23{width:23%}.progress .bar.w-24{width:24%}.progress .bar.w-25{width:25%}.progress .bar.w-26{width:26%}.progress .bar.w-27{width:27%}.progress .bar.w-28{width:28%}.progress .bar.w-29{width:29%}.progress .bar.w-30{width:30%}.progress .bar.w-31{width:31%}.progress .bar.w-32{width:32%}.progress .bar.w-33{width:33%}.progress .bar.w-34{width:34%}.progress .bar.w-35{width:35%}.progress .bar.w-36{width:36%}.progress .bar.w-37{width:37%}.progress .bar.w-38{width:38%}.progress .bar.w-39{width:39%}.progress .bar.w-40{width:40%}.progress .bar.w-41{width:41%}.progress .bar.w-42{width:42%}.progress .bar.w-43{width:43%}.progress .bar.w-44{width:44%}.progress .bar.w-45{width:45%}.progress .bar.w-46{width:46%}.progress .bar.w-47{width:47%}.progress .bar.w-48{width:48%}.progress .bar.w-49{width:49%}.progress .bar.w-50{width:50%}.progress .bar.w-51{width:51%}.progress .bar.w-52{width:52%}.progress .bar.w-53{width:53%}.progress .bar.w-54{width:54%}.progress .bar.w-55{width:55%}.progress .bar.w-56{width:56%}.progress .bar.w-57{width:57%}.progress .bar.w-58{width:58%}.progress .bar.w-59{width:59%}.progress .bar.w-60{width:60%}.progress .bar.w-61{width:61%}.progress .bar.w-62{width:62%}.progress .bar.w-63{width:63%}.progress .bar.w-64{width:64%}.progress .bar.w-65{width:65%}.progress .bar.w-66{width:66%}.progress .bar.w-67{width:67%}.progress .bar.w-68{width:68%}.progress .bar.w-69{width:69%}.progress .bar.w-70{width:70%}.progress .bar.w-71{width:71%}.progress .bar.w-72{width:72%}.progress .bar.w-73{width:73%}.progress .bar.w-74{width:74%}.progress .bar.w-75{width:75%}.progress .bar.w-76{width:76%}.progress .bar.w-77{width:77%}.progress .bar.w-78{width:78%}.progress .bar.w-79{width:79%}.progress .bar.w-80{width:80%}.progress .bar.w-81{width:81%}.progress .bar.w-82{width:82%}.progress .bar.w-83{width:83%}.progress .bar.w-84{width:84%}.progress .bar.w-85{width:85%}.progress .bar.w-86{width:86%}.progress .bar.w-87{width:87%}.progress .bar.w-88{width:88%}.progress .bar.w-89{width:89%}.progress .bar.w-90{width:90%}.progress .bar.w-91{width:91%}.progress .bar.w-92{width:92%}.progress .bar.w-93{width:93%}.progress .bar.w-94{width:94%}.progress .bar.w-95{width:95%}.progress .bar.w-96{width:96%}.progress .bar.w-97{width:97%}.progress .bar.w-98{width:98%}.progress .bar.w-99{width:99%}.progress .bar.w-100{width:100%}.progress .bar.w-0,.progress .bar.w-100{border-right:0}.tabs .content{display:none;flex-basis:100%;padding:.75rem 0 0}.tabs input{display:none}.tabs input:checked+label{border-bottom:3px solid #0071de;color:#41403e}.tabs input[id$=tab1]:checked~div[id$=content1],.tabs input[id$=tab2]:checked~div[id$=content2],.tabs input[id$=tab3]:checked~div[id$=content3],.tabs input[id$=tab4]:checked~div[id$=content4],.tabs input[id$=tab5]:checked~div[id$=content5]{display:block}.tabs label{color:#c1c0bd;display:inline-block;font-weight:600;margin:0 0 -1px;padding:.75rem;text-align:center}.tabs label:hover{color:#868e96;cursor:pointer}.margin{margin:1rem}.margin-top{margin-top:1rem}.margin-top-large{margin-top:2rem}.margin-top-small{margin-top:.5rem}.margin-top-none{margin-top:0}.margin-right{margin-right:1rem}.margin-right-large{margin-right:2rem}.margin-right-small{margin-right:.5rem}.margin-right-none{margin-right:0}.margin-bottom{margin-bottom:1rem}.margin-bottom-large{margin-bottom:2rem}.margin-bottom-small{margin-bottom:.5rem}.margin-bottom-none{margin-bottom:0}.margin-left{margin-left:1rem}.margin-left-large{margin-left:2rem}.margin-left-small{margin-left:.5rem}.margin-left-none{margin-left:0}.margin-large{margin:2rem}.margin-small{margin:.5rem}.margin-none{margin:0}.padding{padding:1rem}.padding-top{padding-top:1rem}.padding-top-large{padding-top:2rem}.padding-top-small{padding-top:.5rem}.padding-top-none{padding-top:0}.padding-right{padding-right:1rem}.padding-right-large{padding-right:2rem}.padding-right-small{padding-right:.5rem}.padding-right-none{padding-right:0}.padding-bottom{padding-bottom:1rem}.padding-bottom-large{padding-bottom:2rem}.padding-bottom-small{padding-bottom:.5rem}.padding-bottom-none{padding-bottom:0}.padding-left{padding-left:1rem}.padding-left-large{padding-left:2rem}.padding-left-small{padding-left:.5rem}.padding-left-none{padding-left:0}.padding-large{padding:2rem}.padding-small{padding:.5rem}.padding-none{padding:0}nav{background-color:#fff;display:flex;padding:.3rem;position:relative;width:100%;z-index:100}@media only screen and (max-width:768px){nav{display:block}}nav .bar1,nav .bar2,nav .bar3{background-color:#41403e;border-bottom:5px solid #41403e;border-bottom-left-radius:15px 5px;border-bottom-right-radius:15px 3px;color:#41403e;margin:6px 0;transition:.4s;width:2rem}nav .collapsible input[id^=collapsible]:checked+button .bar1,nav .collapsible input[id^=collapsible]:checked+label .bar1{transform:rotate(-45deg) translate(-9px,7px)}nav .collapsible input[id^=collapsible]:checked+button .bar2,nav .collapsible input[id^=collapsible]:checked+label .bar2{opacity:0}nav .collapsible input[id^=collapsible]:checked+button .bar3,nav .collapsible input[id^=collapsible]:checked+label .bar3{transform:rotate(45deg) translate(-8px,-9px)}nav.split-nav{justify-content:space-between}nav.fixed{left:0;position:fixed;right:0;top:0}nav div{margin:0 1rem}nav ul.inline{margin-bottom:0;margin-top:10px;padding:0}nav ul.inline li{display:inline-block;margin:0 .5rem}@media only screen and (max-width:768px){nav ul.inline li{display:block;margin:1rem 0}}nav a{background-image:none;border-bottom:5px solid #41403e;border-bottom-left-radius:15px 3px;border-bottom-right-radius:15px 5px;color:#41403e;padding-bottom:.1rem}nav a:hover{border-bottom:5px solid #c1c0bd}nav ul.inline li a{font-size:1.3rem}nav ul.inline li:before{content:""}@media only screen and (max-width:992px){nav ul{text-align:center}}nav .nav-brand h1,nav .nav-brand h2,nav .nav-brand h3,nav .nav-brand h4,nav .nav-brand h5,nav .nav-brand h6{margin:0 0 .2rem}@media only screen and (max-width:768px){nav .collapsible{width:100%}}nav .collapsible input[id^=collapsible]:checked~div.collapsible-body{margin:0;max-height:960px;opacity:1;padding:0}nav .collapsible .collapsible-body,nav .collapsible:first-of-type{border:0}@media only screen and (min-width:769px){nav .collapsible .collapsible-body,nav .collapsible:first-of-type{display:contents}}nav div.collapsible-body{padding:none}nav .collapsible label{border:2px solid #41403e;border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px}nav .collapsible>button{border:0}nav .collapsible>button,nav .collapsible>label{background-color:#fff;display:none;font-size:.5rem;margin-right:1rem;padding:.25rem;position:absolute;right:0;top:.2rem}@media only screen and (max-width:768px){nav .collapsible>button,nav .collapsible>label{display:block}}
\ No newline at end of file
+@charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=Neucha|Patrick+Hand+SC");html{--primary:#41403e;--secondary:#0071de;--success:#86a361;--warning:#ddcd45;--danger:#a7342d;--muted:#868e96;--primary-light:#c1c0bd;--secondary-light:#deefff;--success-light:#d0dbc2;--warning-light:#f5f0c6;--danger-light:#f0cbc9;--muted-light:#e6e7e9;--primary-dark:#000;--secondary-dark:#000;--success-dark:#374427;--warning-dark:#746a15;--danger-dark:#000;--muted-dark:#313538;--primary-light-10:#5b5a57;--secondary-light-10:#128bff;--success-light-10:#9fb681;--warning-light-10:#e5d970;--danger-light-10:#cb453c;--muted-light-10:#a1a8ae;--primary-dark-10:#272625;--secondary-dark-10:#0057ab;--success-dark-10:#6c844d;--warning-dark-10:#cab925;--danger-dark-10:#7f2722;--muted-dark-10:#6c757d;--primary-shaded-50:#c1c0bd;--primary-shaded-70:#f2f2f2;--white-dark:rgba(0,0,0,0.03);--white-dark-light-80:hsla(0,0%,80%,0.03);--light-dark:rgba(0,0,0,0.7);--white:#fff;--main-background:#fff;--main-background-light:#fff;--primary-text:#272625;--secondary-text:#0057ab;--success-text:#6c844d;--warning-text:#cab925;--danger-text:#7f2722;--muted-text:#6c757d;--primary-inverse:#fff}html,html.dark{--black:#000;--shadow-color-regular:rgba(0,0,0,0.2);--shadow-color-hover:rgba(0,0,0,0.3)}html.dark{--primary:#fff;--secondary:#0071de;--success:#189418;--warning:#ddcd45;--danger:#ff8c86;--muted:#868e96;--primary-light:#fff;--secondary-light:#007ef8;--success-light:#1caa1c;--warning-light:#e1d35b;--danger-light:#ffa4a0;--muted-light:#949ba2;--primary-dark:grey;--secondary-dark:#000;--success-dark:#031003;--warning-dark:#746a15;--danger-dark:#a00800;--muted-dark:#313538;--primary-light-10:#fff;--secondary-light-10:#128bff;--success-light-10:#1fc01f;--warning-light-10:#e5d970;--danger-light-10:#ffbcb9;--muted-light-10:#a1a8ae;--primary-dark-10:#e6e6e6;--secondary-dark-10:#0057ab;--success-dark-10:#116811;--warning-dark-10:#cab925;--danger-dark-10:#ff5c53;--muted-dark-10:#6c757d;--primary-shaded-50:#343332;--primary-shaded-70:#2f2e2d;--white-dark:hsla(0,0%,100%,0.03);--white-dark-light-80:hsla(0,0%,100%,0.03);--light-dark:hsla(0,0%,100%,0.7);--white:#fff;--main-background:#41403e;--main-background-light:#c1c0bd;--primary-text:#41403e;--secondary-text:#0057ab;--success-text:#116811;--warning-text:#cab925;--danger-text:#ff5c53;--muted-text:#6c757d;--primary-inverse:#41403e}.text-primary{color:#41403e;color:var(--primary)}.background-primary{background-color:#41403e;background-color:var(--primary-light)}.text-secondary{color:#41403e;color:var(--secondary)}.background-secondary{background-color:#41403e;background-color:var(--secondary-light)}.text-success{color:#41403e;color:var(--success)}.background-success{background-color:#41403e;background-color:var(--success-light)}.text-warning{color:#41403e;color:var(--warning)}.background-warning{background-color:#41403e;background-color:var(--warning-light)}.text-danger{color:#41403e;color:var(--danger)}.background-danger{background-color:#41403e;background-color:var(--danger-light)}.text-muted{color:#41403e;color:var(--muted)}.background-muted{background-color:#41403e;background-color:var(--muted-light)}
+/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}.container.container-xs{max-width:480px}.container.container-sm{max-width:768px}.container.container-md{max-width:992px}.container.container-lg{max-width:1200px}.section{margin-bottom:2rem;margin-top:1rem;word-wrap:break-word}.section:after{color:#8f8d89;content:"~~~";display:block;font-size:1.5rem;position:relative;text-align:center}hr{border:0}hr:after{color:#8f8d89;content:"~~~";display:block;font-size:1.5rem;position:relative;text-align:center;top:-.75rem}.paper{background-color:#41403e;background-color:var(--main-background);border:1px solid #c1c0bd;box-shadow:-1px 5px 35px -9px rgba(0,0,0,.2);margin-bottom:1rem;margin-top:1rem;padding:2rem}@media only screen and (max-width:480px){.paper{margin-bottom:0;margin-top:0;padding:1rem;width:100%}}.row{display:flex;flex-flow:row wrap;margin-bottom:1rem;margin-left:auto;margin-right:auto}.row.flex-right{justify-content:flex-end}.row.flex-center{justify-content:center}.row.flex-edges{justify-content:space-between}.row.flex-spaces{justify-content:space-around}.row.flex-top{align-items:flex-start}.row.flex-middle{align-items:center}.row.flex-bottom{align-items:flex-end}.col{padding:1rem}@media only screen and (max-width:768px){.col{flex:0 0 100%;max-width:100%}}.col-fill{flex:1 1 0;width:auto}@media only screen and (min-width:0){.col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-12{flex:0 0 100%;max-width:100%}}@media only screen and (min-width:480px){.xs-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.xs-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.xs-3{flex:0 0 25%;max-width:25%}.xs-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.xs-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.xs-6{flex:0 0 50%;max-width:50%}.xs-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.xs-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.xs-9{flex:0 0 75%;max-width:75%}.xs-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.xs-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.xs-12{flex:0 0 100%;max-width:100%}}@media only screen and (min-width:768px){.sm-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.sm-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.sm-3{flex:0 0 25%;max-width:25%}.sm-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.sm-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.sm-6{flex:0 0 50%;max-width:50%}.sm-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.sm-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.sm-9{flex:0 0 75%;max-width:75%}.sm-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.sm-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.sm-12{flex:0 0 100%;max-width:100%}}@media only screen and (min-width:992px){.md-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.md-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.md-3{flex:0 0 25%;max-width:25%}.md-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.md-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.md-6{flex:0 0 50%;max-width:50%}.md-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.md-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.md-9{flex:0 0 75%;max-width:75%}.md-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.md-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.md-12{flex:0 0 100%;max-width:100%}}@media only screen and (min-width:1200px){.lg-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.lg-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.lg-3{flex:0 0 25%;max-width:25%}.lg-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.lg-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.lg-6{flex:0 0 50%;max-width:50%}.lg-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.lg-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.lg-9{flex:0 0 75%;max-width:75%}.lg-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.lg-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.lg-12{flex:0 0 100%;max-width:100%}}.align-top{align-self:flex-start}.align-middle{align-self:center}.align-bottom{align-self:flex-end}.container{margin:0 auto;max-width:960px;position:relative;width:100%}@media only screen and (max-width:992px){.container{width:85%}}@media only screen and (max-width:480px){.container{width:90%}}code{color:#41403e;color:var(--secondary);background-color:#41403e;background-color:var(--primary-shaded-70)}code,kbd{border-radius:3px;font-size:80%;padding:2px 4px}kbd{color:#41403e;color:var(--primary-inverse);background-color:#41403e;background-color:var(--primary)}pre{background-color:#41403e;background-color:var(--primary-shaded-70);border-radius:3px;border:1px solid #41403e;border-color:var(--primary-shaded-50);font-size:80%;line-height:1.5;overflow-x:auto;padding:1em;word-break:break-all;word-wrap:break-word}pre,pre code{color:#41403e;color:var(--inverse-primary);display:block;white-space:pre}pre code{background:transparent;font-size:inherit;padding:initial}html{color:#41403e;color:var(--primary);font-size:20px}a,button,html,input,option,p,select,table,tbody,td,textarea,th,thead,tr{font-family:Neucha,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Patrick Hand SC,sans-serif;font-weight:400}h1{font-size:4rem}h2{font-size:3rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:1rem}h6{font-size:.8rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}img{border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;border:2px solid #41403e;border-color:var(--primary);display:block;height:auto;max-width:100%}img.float-left{float:left;margin:1rem 1rem 1rem 0}img.float-right{float:right;margin:1rem 0 1rem 1rem}img.no-responsive{display:initial;height:auto;max-width:none}img.no-border{border:0;border-radius:0}ol{list-style-type:decimal}ol ol{list-style-type:upper-alpha}ol ol ol{list-style-type:upper-roman}ol ol ol ol{list-style-type:lower-alpha}ol ol ol ol ol{list-style-type:lower-roman}ul{list-style:none;margin-left:0}ul li:before{content:"-"}ul li{text-indent:-7px}ul li .badge,ul li [popover-bottom]:after,ul li [popover-left]:after,ul li [popover-right]:after,ul li [popover-top]:after{text-indent:0}ul li:before{left:-7px;position:relative}ul ul li:before{content:"+"}ul ul ul li:before{content:"~"}ul ul ul ul li:before{content:"⤍"}ul ul ul ul ul li:before{content:"⁎"}ul.inline li{display:inline;margin-left:5px}table{box-sizing:border-box;max-width:100%;overflow-x:auto;width:100%}@media only screen and (max-width:480px){table tbody tr td,table thead tr th{padding:2%}}table thead tr th{line-height:1.5;padding:8px;text-align:left;vertical-align:bottom}table tbody tr td{border-top:1px dashed #d9d9d8;line-height:1.5;padding:8px;vertical-align:top}table.table-hover tbody tr:hover{color:#41403e;color:var(--secondary)}table.table-alternating tbody tr:nth-of-type(2n){color:#82807c}.border{border:2px solid #41403e;border-color:var(--primary)}.border,.border-1,.child-borders>:nth-child(6n+1){border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px}.border-2,.child-borders>:nth-child(6n+2){border-bottom-left-radius:185px 25px;border-bottom-right-radius:20px 205px;border-top-left-radius:125px 25px;border-top-right-radius:10px 205px}.border-3,.child-borders>:nth-child(6n+3){border-bottom-left-radius:225px 15px;border-bottom-right-radius:15px 255px;border-top-left-radius:15px 225px;border-top-right-radius:255px 15px}.border-4,.child-borders>:nth-child(6n+4){border-bottom-left-radius:25px 115px;border-bottom-right-radius:155px 25px;border-top-left-radius:15px 225px;border-top-right-radius:25px 150px}.border-5,.child-borders>:nth-child(6n+5){border-bottom-left-radius:20px 115px;border-bottom-right-radius:15px 105px;border-top-left-radius:250px 15px;border-top-right-radius:25px 80px}.border-6,.child-borders>:nth-child(6n+6){border-bottom-left-radius:15px 225px;border-bottom-right-radius:20px 205px;border-top-left-radius:28px 125px;border-top-right-radius:100px 30px}.child-borders>*{border:2px solid #41403e;border-color:var(--primary)}.border-white{border-color:#41403e;border-color:var(--white)}.border-dotted{border-style:dotted}.border-dashed{border-style:dashed}.border-thick{border-width:5px}.border-primary{border-color:#41403e;border-color:var(--primary)}.border-secondary{border-color:#41403e;border-color:var(--secondary)}.border-success{border-color:#41403e;border-color:var(--success)}.border-warning{border-color:#41403e;border-color:var(--warning)}.border-danger{border-color:#41403e;border-color:var(--danger)}.border-muted{border-color:#41403e;border-color:var(--muted)}.shadow{transition:all 235ms ease 0s;box-shadow:15px 28px 25px -18px rgba(0,0,0,.2)}.shadow.shadow-large{transition:all 235ms ease 0s;box-shadow:20px 38px 34px -26px rgba(0,0,0,.2)}.shadow.shadow-small{transition:all 235ms ease 0s;box-shadow:10px 19px 17px -13px rgba(0,0,0,.2)}.shadow.shadow-hover:hover{transform:translate3d(0,2px,0);box-shadow:2px 8px 8px -5px rgba(0,0,0,.3)}.child-shadows-hover>*,.child-shadows>*{transition:all 235ms ease 0s;box-shadow:15px 28px 25px -18px rgba(0,0,0,.2)}.child-shadows-hover>:hover{transform:translate3d(0,2px,0);box-shadow:2px 8px 8px -5px rgba(0,0,0,.3)}.collapsible{display:flex;flex-direction:column}.collapsible:first-of-type{border-top:1px solid #41403e;border-top-color:var(--muted-light)}.collapsible .collapsible-body{background-color:#41403e;background-color:var(--white-dark-light-80);transition:all 235ms ease-in-out 0s;border-bottom:1px solid #41403e;border-bottom-color:var(--muted-light);margin:0;max-height:0;opacity:0;overflow:hidden;padding:0 .75rem}.collapsible input{display:none}.collapsible input:checked+label{color:#41403e;color:var(--primary)}.collapsible input[id^=collapsible]:checked~div.collapsible-body{margin:0;max-height:960px;opacity:1;padding:.75rem}.collapsible label{color:#41403e;color:var(--primary);border-bottom:1px solid #41403e;border-bottom-color:var(--muted-light);display:inline-block;font-weight:600;margin:0 0 -1px;padding:.75rem;text-align:center}.collapsible label:hover{color:#41403e;color:var(--muted);cursor:pointer}.alert{border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;border:2px solid #41403e;border-color:var(--primary);margin-bottom:20px;padding:15px;width:100%}.alert.dismissible{transition:all 235ms ease-in-out 0s;display:flex;justify-content:space-between;max-height:48rem;overflow:hidden}.alert .btn-close{transition:all 235ms ease-in-out 0s;color:#41403e;color:var(--#41403e-light-10);cursor:pointer;margin-left:.75rem}.alert .btn-close:active,.alert .btn-close:focus,.alert .btn-close:hover{color:#41403e;color:var(--#41403e-dark-10)}.alert-primary{color:#41403e;color:var(--primary-text);background-color:#41403e;background-color:var(--primary-light);border-color:#41403e;border-color:var(--primary)}.alert-primary .btn-close{color:#41403e;color:var(--#41403e-light-10)}.alert-primary .btn-close:active,.alert-primary .btn-close:focus,.alert-primary .btn-close:hover{color:#41403e;color:var(--#41403e-dark-10)}.alert-secondary{color:#41403e;color:var(--secondary-text);background-color:#41403e;background-color:var(--secondary-light);border-color:#41403e;border-color:var(--secondary)}.alert-secondary .btn-close{color:#41403e;color:var(--#0071de-light-10)}.alert-secondary .btn-close:active,.alert-secondary .btn-close:focus,.alert-secondary .btn-close:hover{color:#41403e;color:var(--#0071de-dark-10)}.alert-success{color:#41403e;color:var(--success-text);background-color:#41403e;background-color:var(--success-light);border-color:#41403e;border-color:var(--success)}.alert-success .btn-close{color:#41403e;color:var(--#86a361-light-10)}.alert-success .btn-close:active,.alert-success .btn-close:focus,.alert-success .btn-close:hover{color:#41403e;color:var(--#86a361-dark-10)}.alert-warning{color:#41403e;color:var(--warning-text);background-color:#41403e;background-color:var(--warning-light);border-color:#41403e;border-color:var(--warning)}.alert-warning .btn-close{color:#41403e;color:var(--#ddcd45-light-10)}.alert-warning .btn-close:active,.alert-warning .btn-close:focus,.alert-warning .btn-close:hover{color:#41403e;color:var(--#ddcd45-dark-10)}.alert-danger{color:#41403e;color:var(--danger-text);background-color:#41403e;background-color:var(--danger-light);border-color:#41403e;border-color:var(--danger)}.alert-danger .btn-close{color:#41403e;color:var(--#a7342d-light-10)}.alert-danger .btn-close:active,.alert-danger .btn-close:focus,.alert-danger .btn-close:hover{color:#41403e;color:var(--#a7342d-dark-10)}.alert-muted{color:#41403e;color:var(--muted-text);background-color:#41403e;background-color:var(--muted-light);border-color:#41403e;border-color:var(--muted)}.alert-muted .btn-close{color:#41403e;color:var(--#868e96-light-10)}.alert-muted .btn-close:active,.alert-muted .btn-close:focus,.alert-muted .btn-close:hover{color:#41403e;color:var(--#868e96-dark-10)}.alert-state{display:none}.alert-state:checked+.dismissible{border-width:0;margin:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0}article .article-title{font-size:3rem}article .article-meta{color:#41403e;color:var(--muted-text);font-size:15px}article .article-meta a{color:#41403e;color:var(--muted-text);background-image:none}article .article-meta a:hover{color:#41403e;color:var(--light-dark)}article .text-lead{font-size:30px;line-height:1.3;margin:35px}article button:not(:first-of-type){margin-left:2rem}@media only screen and (max-width:480px){article button:not(:first-of-type){margin-left:0}}article p{line-height:1.6}.badge{border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;color:#41403e;color:var(--white);background-color:#41403e;background-color:var(--muted);border:2px solid transparent;display:inline-block;font-size:75%;font-weight:700;line-height:1;padding:.25em .4em;text-align:center;vertical-align:baseline;white-space:nowrap}.badge.primary{background-color:#41403e;background-color:var(--primary)}.badge.secondary{background-color:#41403e;background-color:var(--secondary)}.badge.success{background-color:#41403e;background-color:var(--success)}.badge.warning{background-color:#41403e;background-color:var(--warning)}.badge.danger{background-color:#41403e;background-color:var(--danger)}.badge.muted{background-color:#41403e;background-color:var(--muted)}ul.breadcrumb{list-style:none;padding:10px 16px}ul.breadcrumb li{display:inline;font-size:20px}ul.breadcrumb li:before{content:""}ul.breadcrumb li a{color:#41403e;color:var(--secondary);background-image:none;text-decoration:none}ul.breadcrumb li a:hover{text-decoration:underline}ul.breadcrumb li+li:before{content:"/ ";padding:8px}.paper-btn,[type=button],button{border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;transition:all 235ms ease 0s;box-shadow:15px 28px 25px -18px rgba(0,0,0,.2);transition:all 235ms ease-in-out 0s;color:#41403e;color:var(--primary);background-color:#41403e;background-color:var(--main-background);align-self:center;background-image:none;border:2px solid #41403e;border-color:var(--primary);cursor:pointer;display:inline-block;font-size:1rem;outline:none;padding:.75rem}@media only screen and (max-width:520px){.paper-btn,[type=button],button{display:inline-block;margin:0 auto 1rem;text-align:center}}.paper-btn.btn-large,[type=button].btn-large,button.btn-large{transition:all 235ms ease 0s;box-shadow:20px 38px 34px -26px rgba(0,0,0,.2);font-size:2rem;padding:1rem}.paper-btn.btn-small,[type=button].btn-small,button.btn-small{transition:all 235ms ease 0s;box-shadow:10px 19px 17px -13px rgba(0,0,0,.2);font-size:.75rem;padding:.5rem}.paper-btn.btn-block,[type=button].btn-block,button.btn-block{display:block;width:100%}.paper-btn:hover,[type=button]:hover,button:hover{transform:translate3d(0,2px,0);box-shadow:2px 8px 8px -5px rgba(0,0,0,.3)}.paper-btn:focus,[type=button]:focus,button:focus{border:2px solid #41403e;border-color:var(--secondary);box-shadow:2px 8px 4px -6px rgba(0,0,0,.3)}.paper-btn:active,[type=button]:active,button:active{border-color:rgba(0,0,0,.2);transition:none}.paper-btn.disabled,.paper-btn[disabled],[type=button].disabled,[type=button][disabled],button.disabled,button[disabled]{cursor:not-allowed;opacity:.5}a{color:#41403e;color:var(--secondary);background-image:linear-gradient(5deg,transparent 65%,#0071de 80%,transparent 90%),linear-gradient(165deg,transparent 5%,#0071de 15%,transparent 25%),linear-gradient(165deg,transparent 45%,#0071de 55%,transparent 65%),linear-gradient(15deg,transparent 25%,#0071de 35%,transparent 50%);background-position:0 90%;background-repeat:repeat-x;background-size:4px 3px}a,a:visited{text-decoration:none}a:visited{color:#41403e;color:var(--primary)}.paper-btn.btn-primary,[type=button].btn-primary,button.btn-primary{color:#41403e;color:var(--primary-text);background-color:#41403e;background-color:var(--primary-light);border-color:#41403e;border-color:var(--primary)}.paper-btn.btn-primary:hover:active,[type=button].btn-primary:hover:active,button.btn-primary:hover:active{background-color:#a8a6a3}.paper-btn.btn-secondary,[type=button].btn-secondary,button.btn-secondary{color:#41403e;color:var(--secondary-text);background-color:#41403e;background-color:var(--secondary-light);border-color:#41403e;border-color:var(--secondary)}.paper-btn.btn-secondary:hover:active,[type=button].btn-secondary:hover:active,button.btn-secondary:hover:active{background-color:#abd6ff}.paper-btn.btn-success,[type=button].btn-success,button.btn-success{color:#41403e;color:var(--success-text);background-color:#41403e;background-color:var(--success-light);border-color:#41403e;border-color:var(--success)}.paper-btn.btn-success:hover:active,[type=button].btn-success:hover:active,button.btn-success:hover:active{background-color:#b7c9a1}.paper-btn.btn-warning,[type=button].btn-warning,button.btn-warning{color:#41403e;color:var(--warning-text);background-color:#41403e;background-color:var(--warning-light);border-color:#41403e;border-color:var(--warning)}.paper-btn.btn-warning:hover:active,[type=button].btn-warning:hover:active,button.btn-warning:hover:active{background-color:#ede49b}.paper-btn.btn-danger,[type=button].btn-danger,button.btn-danger{color:#41403e;color:var(--danger-text);background-color:#41403e;background-color:var(--danger-light);border-color:#41403e;border-color:var(--danger)}.paper-btn.btn-danger:hover:active,[type=button].btn-danger:hover:active,button.btn-danger:hover:active{background-color:#e6a5a1}.paper-btn.btn-muted,[type=button].btn-muted,button.btn-muted{color:#41403e;color:var(--muted-text);background-color:#41403e;background-color:var(--muted-light);border-color:#41403e;border-color:var(--muted)}.paper-btn.btn-muted:hover:active,[type=button].btn-muted:hover:active,button.btn-muted:hover:active{background-color:#caced1}.paper-btn.btn-primary-outline,[type=button].btn-primary-outline,button.btn-primary-outline{background-color:#fff;border-color:#a8a6a3;color:#41403e}.paper-btn.btn-primary-outline:hover,[type=button].btn-primary-outline:hover,button.btn-primary-outline:hover{background-color:#c1c0bd;border-color:#41403e}.paper-btn.btn-primary-outline:hover:active,[type=button].btn-primary-outline:hover:active,button.btn-primary-outline:hover:active{background-color:#a8a6a3}.paper-btn.btn-secondary-outline,[type=button].btn-secondary-outline,button.btn-secondary-outline{background-color:#fff;border-color:#abd6ff;color:#0057ab}.paper-btn.btn-secondary-outline:hover,[type=button].btn-secondary-outline:hover,button.btn-secondary-outline:hover{background-color:#deefff;border-color:#0071de}.paper-btn.btn-secondary-outline:hover:active,[type=button].btn-secondary-outline:hover:active,button.btn-secondary-outline:hover:active{background-color:#abd6ff}.paper-btn.btn-success-outline,[type=button].btn-success-outline,button.btn-success-outline{background-color:#fff;border-color:#b7c9a1;color:#6c844d}.paper-btn.btn-success-outline:hover,[type=button].btn-success-outline:hover,button.btn-success-outline:hover{background-color:#d0dbc2;border-color:#86a361}.paper-btn.btn-success-outline:hover:active,[type=button].btn-success-outline:hover:active,button.btn-success-outline:hover:active{background-color:#b7c9a1}.paper-btn.btn-warning-outline,[type=button].btn-warning-outline,button.btn-warning-outline{background-color:#fff;border-color:#ede49b;color:#cab925}.paper-btn.btn-warning-outline:hover,[type=button].btn-warning-outline:hover,button.btn-warning-outline:hover{background-color:#f5f0c6;border-color:#ddcd45}.paper-btn.btn-warning-outline:hover:active,[type=button].btn-warning-outline:hover:active,button.btn-warning-outline:hover:active{background-color:#ede49b}.paper-btn.btn-danger-outline,[type=button].btn-danger-outline,button.btn-danger-outline{background-color:#fff;border-color:#e6a5a1;color:#7f2722}.paper-btn.btn-danger-outline:hover,[type=button].btn-danger-outline:hover,button.btn-danger-outline:hover{background-color:#f0cbc9;border-color:#a7342d}.paper-btn.btn-danger-outline:hover:active,[type=button].btn-danger-outline:hover:active,button.btn-danger-outline:hover:active{background-color:#e6a5a1}.paper-btn.btn-muted-outline,[type=button].btn-muted-outline,button.btn-muted-outline{background-color:#fff;border-color:#caced1;color:#6c757d}.paper-btn.btn-muted-outline:hover,[type=button].btn-muted-outline:hover,button.btn-muted-outline:hover{background-color:#e6e7e9;border-color:#868e96}.paper-btn.btn-muted-outline:hover:active,[type=button].btn-muted-outline:hover:active,button.btn-muted-outline:hover:active{background-color:#caced1}.card{transition:all 235ms ease 0s;box-shadow:15px 28px 25px -18px rgba(0,0,0,.2);-webkit-backface-visibility:hidden;backface-visibility:hidden;border:2px solid #41403e;border-color:var(--muted-light);display:flex;flex-direction:column;position:relative;will-change:transform;word-wrap:break-word}.card:hover{transform:translate3d(0,2px,0);box-shadow:2px 8px 8px -5px rgba(0,0,0,.3)}.card .card-footer,.card .card-header{background-color:#41403e;background-color:var(--white-dark);border-color:#41403e;border-color:var(--muted-light);padding:.75rem 1.25rem}.card .card-header{border-bottom-style:solid;border-bottom-width:2px}.card .card-footer{border-top-style:solid;border-top-width:2px}.card .card-body{flex:1 1 auto;padding:1.25rem}.card .card-body .card-title,.card .card-body h4{margin-bottom:.5rem;margin-top:0}.card .card-body .card-subtitle,.card .card-body h5{color:#0071de;margin-bottom:.5rem;margin-top:0}.card .card-body .card-text,.card .card-body p{margin-bottom:1rem;margin-top:0}.card .card-body .card-link+.card-link,.card .card-body a+a{margin-left:1.25rem}.card .image-bottom,.card .image-top,.card img{border:0;border-radius:0}input,select,textarea{color:#41403e;color:var(--primary);background:transparent;border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;border:2px solid #41403e;border-color:var(--primary);display:block;font-size:1rem;outline:none;padding:.5rem}input:focus,select:focus,textarea:focus{border:2px solid #41403e;border-color:var(--secondary)}select{height:2.35rem}.disabled,input.disabled,input[disabled],select.disabled,select[disabled],textarea.disabled,textarea[disabled]{cursor:not-allowed;opacity:.5}.form-group{margin-bottom:1rem}.form-group>label,.form-group legend{display:inline-block;margin-bottom:.5rem}.form-group .input-block{width:100%}.form-group textarea{max-height:90vh;max-width:100%}.form-group textarea.no-resize{resize:none}.form-group .paper-check,.form-group .paper-radio{cursor:pointer;display:block;margin-bottom:.5rem}.form-group .paper-check input,.form-group .paper-radio input{border:0;height:1px;margin:-1px;opacity:0;overflow:hidden;padding:0;position:absolute;width:1px}.form-group .paper-check input+span,.form-group .paper-radio input+span{display:block}.form-group .paper-check input+span:before,.form-group .paper-radio input+span:before{border:2px solid #41403e;border-color:var(--primary);content:"";display:inline-block;height:1rem;margin-right:.75em;position:relative;vertical-align:-.25em;width:1rem}.form-group .paper-check input[type=radio]+span:before,.form-group .paper-radio input[type=radio]+span:before{border-bottom-left-radius:.7rem 1rem;border-bottom-right-radius:1rem .9rem;border-top-left-radius:1rem 1rem;border-top-right-radius:1rem .6rem}.form-group .paper-check input[type=radio]:checked+span:before,.form-group .paper-radio input[type=radio]:checked+span:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%230071de' d='M49.346 46.341c-3.79-2.005 3.698-10.294 7.984-8.89 8.713 2.852 4.352 20.922-4.901 20.269-4.684-.33-12.616-7.405-14.38-11.818-2.375-5.938 7.208-11.688 11.624-13.837 9.078-4.42 18.403-3.503 22.784 6.651 4.049 9.378 6.206 28.09-1.462 36.276-7.091 7.567-24.673 2.277-32.357-1.079-11.474-5.01-24.54-19.124-21.738-32.758 3.958-19.263 28.856-28.248 46.044-23.244 20.693 6.025 22.012 36.268 16.246 52.826-5.267 15.118-17.03 26.26-33.603 21.938-11.054-2.883-20.984-10.949-28.809-18.908C9.236 66.096 2.704 57.597 6.01 46.371c3.059-10.385 12.719-20.155 20.892-26.604C40.809 8.788 58.615 1.851 75.058 12.031c9.289 5.749 16.787 16.361 18.284 27.262.643 4.698.646 10.775-3.811 13.746'/%3E%3C/svg%3E") 0 no-repeat}.form-group .paper-check input[type=checkbox]+span:before,.form-group .paper-radio input[type=checkbox]+span:before{border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px}.form-group .paper-check input[type=checkbox]:checked+span:before,.form-group .paper-radio input[type=checkbox]:checked+span:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath stroke='%230071de' stroke-width='16' d='M13 62c.61 1.6 1.304 2.304 1.757 2.757l2.076 2.076c.542.542 1.042 1.06 1.829 1.824.578.56 1.005.97 2.026 1.744.559.424 1.191.84 1.884 1.284 1.165.746 1.598 1.002 2.5 1.551.47.286 1.437.869 1.93 1.165.998.6 1.997 1.198 2.494 1.499.985.598 1.47.896 1.947 1.2 1.397.89 1.837 1.197 2.7 1.796.422.292 1.24.877 2.056 1.419a33.039 33.039 0 002.38 1.438c.744.409 1.451.758 2.378 1.226.761.383 1.55.828 2.407 1.41.731.497 1.496 1.083 2.279 1.258.355.08.147-.955.357-1.868.181-.787.982-1.214 1-2.079.02-.995.08-1.8.425-2.561.436-.96.54-1.668.797-2.682.188-.747.397-1.312.778-2.624.209-.718.415-1.486.708-2.28.155-.418.774-1.731 1.348-2.641.306-.484.65-.97 1.007-1.474.747-1.06 1.153-1.602 1.937-2.771.406-.606.803-1.235 1.205-1.877.407-.65.814-1.312 1.231-1.975.42-.668.834-1.343 1.73-2.648.448-.65.915-1.284 1.387-1.91.47-.623.947-1.236 1.422-1.846.94-1.21 1.861-2.409 2.303-3.01a84.919 84.919 0 002.46-3.543c1.106-1.685 1.441-2.236 1.777-2.771.328-.525.963-1.546 1.274-2.04a89.78 89.78 0 011.51-2.325c.591-.864 1.18-1.68 1.465-2.075.55-.761 1.317-1.823 1.779-2.49.439-.634.853-1.252 1.457-2.157.596-.891.965-1.468 1.515-2.23.584-.809 1.125-1.402 1.838-2.123.613-.62.451-1.483.704-2.347.257-.878.755-1.625 1-2.41.251-.803.763-1.394 1.332-2.254.546-.824.735-1.671 1.316-2.336.556-.636 1.386-1.226 1.859-1.9.508-.724.789-1.4 1.603-1.567l.712-.49' fill='none'/%3E%3C/svg%3E") 0 no-repeat}.form-group .paper-switch-2-label,.form-group .paper-switch-label{cursor:pointer;float:left}.form-group .paper-switch-label{margin:-6px 10px 0 0}.form-group .paper-switch-2-label{margin:0 10px 0 0}.form-group .paper-switch,.form-group .paper-switch-2{display:block;float:left;margin:0 10px 0 0;position:relative}.form-group .paper-switch-2 input,.form-group .paper-switch input{height:0;opacity:0;width:0}.form-group .paper-switch-2 input:checked+.paper-switch-slider,.form-group .paper-switch input:checked+.paper-switch-slider{background-color:#41403e;background-color:var(--success-light)}.form-group .paper-switch-2 input:checked+.paper-switch-slider:before,.form-group .paper-switch input:checked+.paper-switch-slider:before{transform:translateX(26px)}.form-group .paper-switch-2 input:focus+.paper-switch-slider,.form-group .paper-switch input:focus+.paper-switch-slider{box-shadow:0 0 3px #0071de}.form-group .paper-switch-2 .paper-switch-slider,.form-group .paper-switch .paper-switch-slider{border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;border:2px solid #41403e;border-color:var(--primary);bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.form-group .paper-switch-2 .paper-switch-slider:before,.form-group .paper-switch .paper-switch-slider:before{background:#41403e;background:var(--secondary);border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;content:"";left:4px;position:absolute;transition:.4s}.form-group .paper-switch-2 .paper-switch-slider.round,.form-group .paper-switch .paper-switch-slider.round{border-bottom-left-radius:.7rem 1rem;border-bottom-right-radius:1rem .9rem;border-top-left-radius:1rem 1rem;border-top-right-radius:1rem .6rem;border:2px solid #41403e;border-color:var(--primary)}.form-group .paper-switch-2 .paper-switch-slider.round:before,.form-group .paper-switch .paper-switch-slider.round:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%230071de' d='M49.346 46.341c-3.79-2.005 3.698-10.294 7.984-8.89 8.713 2.852 4.352 20.922-4.901 20.269-4.684-.33-12.616-7.405-14.38-11.818-2.375-5.938 7.208-11.688 11.624-13.837 9.078-4.42 18.403-3.503 22.784 6.651 4.049 9.378 6.206 28.09-1.462 36.276-7.091 7.567-24.673 2.277-32.357-1.079-11.474-5.01-24.54-19.124-21.738-32.758 3.958-19.263 28.856-28.248 46.044-23.244 20.693 6.025 22.012 36.268 16.246 52.826-5.267 15.118-17.03 26.26-33.603 21.938-11.054-2.883-20.984-10.949-28.809-18.908C9.236 66.096 2.704 57.597 6.01 46.371c3.059-10.385 12.719-20.155 20.892-26.604C40.809 8.788 58.615 1.851 75.058 12.031c9.289 5.749 16.787 16.361 18.284 27.262.643 4.698.646 10.775-3.811 13.746'/%3E%3C/svg%3E") 0 no-repeat;border-bottom-left-radius:.7rem 1rem;border-bottom-right-radius:1rem .9rem;border-top-left-radius:1rem 1rem;border-top-right-radius:1rem .6rem;left:4px}.form-group .paper-switch{height:12px;width:60px}.form-group .paper-switch .paper-switch-slider:before{bottom:-6px;height:20px;width:20px}.form-group .paper-switch .paper-switch-slider.round:before{bottom:-7px;height:23px;width:23px}.form-group .paper-switch-2{height:22px;width:50px}.form-group .paper-switch-2 .paper-switch-slider.round:before,.form-group .paper-switch-2 .paper-switch-slider:before{bottom:2px;height:14px;width:14px}.form-group .paper-switch-tile{cursor:pointer;display:block;float:left;height:80px;margin:40px 0 0 40px;perspective:1000px;position:relative;transform:translate(-50%,-50%);transform-style:preserve-3d;width:80px}.form-group .paper-switch-tile:hover .paper-switch-tile-card{box-shadow:2px 8px 4px -5px rgba(0,0,0,.2);transform:rotateX(30deg)}.form-group .paper-switch-tile:hover:checked+.paper-switch-tile-card{background-color:transparent;box-shadow:0 10px 15px -15px rgba(0,0,0,.9);transform:rotateX(150deg)}.form-group .paper-switch-tile input{display:none}.form-group .paper-switch-tile input:checked+.paper-switch-tile-card{transform:rotateX(180deg)}.form-group .paper-switch-tile-card{background-color:transparent;border-color:transparent;height:100%;position:relative;transform-style:preserve-3d;transition:all .6s;width:100%}.form-group .paper-switch-tile-card div{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:2px 8px 8px -5px rgba(0,0,0,.3);height:100%;line-height:70px;position:absolute;text-align:center;width:100%}.form-group .paper-switch-tile-card .paper-switch-tile-card-back{transform:rotateX(180deg)}.form-group input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:0;padding:0}.form-group input[type=range]::-webkit-slider-runnable-track{background:#41403e;background:var(--secondary);border-radius:18px;border:1px solid #41403e;border-color:var(--primary);box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;cursor:pointer;height:8px;margin:10px 0;width:100%}.form-group input[type=range]::-webkit-slider-thumb{background:#41403e;background:var(--white);-webkit-appearance:none;appearance:none;border-bottom-left-radius:.7rem 1rem;border-bottom-right-radius:1rem .9rem;border-top-left-radius:1rem 1rem;border-top-right-radius:1rem .6rem;border:1px solid #41403e;border-color:var(--primary);box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;cursor:pointer;height:36px;margin-top:-14px;width:16px}.form-group input[type=range]::-moz-range-track{background:#41403e;background:var(--secondary);border-color:#41403e;border-color:var(--primary);border-radius:18px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;cursor:pointer;height:8px;width:100%}.form-group input[type=range]::-moz-range-thumb{background:#41403e;background:var(--white);border-bottom-left-radius:.7rem 1rem;border-bottom-right-radius:1rem .9rem;border-top-left-radius:1rem 1rem;border-top-right-radius:1rem .6rem;border:1px solid #41403e;border-color:var(--primary);box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;cursor:pointer;height:36px;width:16px}.form-group input[type=range]::-ms-track{background:transparent;border-color:transparent;border-width:16px 0;color:transparent;cursor:pointer;height:8px;width:100%}.form-group input[type=range]::-ms-fill-lower,.form-group input[type=range]::-ms-fill-upper{background:#41403e;background:var(--secondary);border-radius:18px;border:1px solid #41403e;border-color:var(--primary);box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}.form-group input[type=range]::-ms-thumb{background:#41403e;background:var(--white);border-bottom-left-radius:.7rem 1rem;border-bottom-right-radius:1rem .9rem;border-top-left-radius:1rem 1rem;border-top-right-radius:1rem .6rem;border:1px solid #41403e;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;cursor:pointer;height:36px;width:16px}fieldset.form-group{border:0;padding:0}.modal{transition:opacity 235ms ease-in-out 0s;background:rgba(0,0,0,.6);flex:1 1 auto;opacity:0;position:fixed;text-align:left;visibility:hidden;word-wrap:break-word;z-index:12}.modal,.modal-bg{bottom:0;left:0;right:0;top:0}.modal-bg{cursor:pointer;position:absolute}.modal .modal-body{color:#41403e;color:var(--primary);background:#41403e;background:var(--main-background);transition:all 235ms ease-in-out 0s;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:2px solid;left:50%;padding:1.25rem;position:absolute;top:0;transform:translate(-50%,-50%)}@media only screen and (max-width:768px){.modal .modal-body{box-sizing:border-box;width:90%}}.modal .btn-close{color:#41403e;color:var(--primary-light);transition:all 235ms ease-in-out 0s;cursor:pointer;font-size:30px;height:1.1rem;position:absolute;right:1rem;text-decoration:none;top:1rem;width:1.1rem}.modal .btn-close:active,.modal .btn-close:focus,.modal .btn-close:hover{color:#41403e;color:var(--primary)}.modal .modal-title,.modal h4{margin-bottom:.5rem;margin-top:0}.modal .modal-subtitle,.modal h5{color:#41403e;color:var(--secondary);margin-bottom:.5rem;margin-top:0}.modal .modal-text,.modal p{margin-bottom:1rem;margin-top:0}.modal .modal-link+.modal-link,.modal a+a{margin-left:1.25rem}.modal .paper-btn{background:#41403e;background:var(--main-background);display:inline-block;text-decoration:none}.modal .modal-link,.modal a{background-image:linear-gradient(5deg,transparent 65%,#0071de 80%,transparent 90%),linear-gradient(165deg,transparent 5%,#0071de 15%,transparent 25%),linear-gradient(165deg,transparent 45%,#0071de 55%,transparent 65%),linear-gradient(15deg,transparent 25%,#0071de 35%,transparent 50%);background-position:0 90%;background-repeat:repeat-x;background-size:4px 3px;cursor:pointer;text-decoration:none}.modal .modal-link:focus,.modal .modal-link:hover,.modal .modal-link:visited,.modal a:focus,.modal a:hover,.modal a:visited{color:#41403e;color:var(--primary);text-decoration:none}.modal-state{display:none}.modal-state:checked+.modal{opacity:1;visibility:visible}.modal-state:checked+.modal .modal-body{top:50%}[popover-bottom],[popover-left],[popover-right],[popover-top]{margin:24px;position:relative}[popover-bottom]:hover:after,[popover-left]:hover:after,[popover-right]:hover:after,[popover-top]:hover:after{opacity:1;transition:opacity .2s ease-out}[popover-bottom]:after,[popover-left]:after,[popover-right]:after,[popover-top]:after{border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;transition:opacity 235ms ease-in-out 0s;background-color:#41403e;background-color:var(--light-dark);border:2px solid #41403e;border-color:var(--primary);color:#fff;font-size:.7em;left:50%;min-width:80px;opacity:0;padding:4px 2px;position:absolute;text-align:center;top:-6px;transform:translateX(-50%) translateY(-100%)}[popover-left]:before{left:0;margin-left:-12px;top:50%;transform:translateY(-50%) rotate(-90deg)}[popover-left]:after{content:attr(popover-left);left:0;margin-left:-8px;top:50%;transform:translateX(-100%) translateY(-50%)}[popover-right]:before{left:100%;margin-left:1px;top:50%;transform:translatey(-50%) rotate(90deg)}[popover-right]:after{content:attr(popover-right);left:100%;margin-left:8px;top:50%;transform:translateX(0) translateY(-50%)}[popover-top]:before{left:50%}[popover-top]:after{content:attr(popover-top);left:50%}[popover-bottom]:before{margin-top:8px;top:100%;transform:translateX(-50%) translatey(-100%) rotate(-180deg)}[popover-bottom]:after{content:attr(popover-bottom);margin-top:8px;top:100%;transform:translateX(-50%) translateY(0)}.progress{border-bottom-left-radius:20px 115px;border-bottom-right-radius:15px 105px;border-top-left-radius:250px 15px;border-top-right-radius:25px 80px;border:2px solid;box-shadow:2px 8px 8px -5px rgba(0,0,0,.3);height:1.2rem;overflow:hidden;width:100%}.progress .bar{border-bottom-left-radius:20px 115px;border-bottom-right-radius:15px 105px;border-top-left-radius:250px 15px;border-top-right-radius:25px 80px;transition:all 235ms ease-in-out 0s;background-color:#41403e;background-color:var(--primary-light);border-color:#41403e;border-color:var(--primary);border-right:2px solid;display:flex;flex-direction:column;font-size:.6rem;height:100%;justify-content:center;text-align:center;width:0}.progress .bar.striped{background:repeating-linear-gradient(45deg,#c1c0bd,#c1c0bd .25rem,#a8a6a3 0,#a8a6a3 .5rem)}.progress .bar.primary{background-color:#41403e;background-color:var(--primary-light)}.progress .bar.primary.striped{background:repeating-linear-gradient(45deg,#c1c0bd,#c1c0bd .25rem,#a8a6a3 0,#a8a6a3 .5rem)}.progress .bar.secondary{background-color:#41403e;background-color:var(--secondary-light)}.progress .bar.secondary.striped{background:repeating-linear-gradient(45deg,#deefff,#deefff .25rem,#abd6ff 0,#abd6ff .5rem)}.progress .bar.success{background-color:#41403e;background-color:var(--success-light)}.progress .bar.success.striped{background:repeating-linear-gradient(45deg,#d0dbc2,#d0dbc2 .25rem,#b7c9a1 0,#b7c9a1 .5rem)}.progress .bar.warning{background-color:#41403e;background-color:var(--warning-light)}.progress .bar.warning.striped{background:repeating-linear-gradient(45deg,#f5f0c6,#f5f0c6 .25rem,#ede49b 0,#ede49b .5rem)}.progress .bar.danger{background-color:#41403e;background-color:var(--danger-light)}.progress .bar.danger.striped{background:repeating-linear-gradient(45deg,#f0cbc9,#f0cbc9 .25rem,#e6a5a1 0,#e6a5a1 .5rem)}.progress .bar.muted{background-color:#41403e;background-color:var(--muted-light)}.progress .bar.muted.striped{background:repeating-linear-gradient(45deg,#e6e7e9,#e6e7e9 .25rem,#caced1 0,#caced1 .5rem)}.progress .bar.w-0{width:0}.progress .bar.w-1{width:1%}.progress .bar.w-2{width:2%}.progress .bar.w-3{width:3%}.progress .bar.w-4{width:4%}.progress .bar.w-5{width:5%}.progress .bar.w-6{width:6%}.progress .bar.w-7{width:7%}.progress .bar.w-8{width:8%}.progress .bar.w-9{width:9%}.progress .bar.w-10{width:10%}.progress .bar.w-11{width:11%}.progress .bar.w-12{width:12%}.progress .bar.w-13{width:13%}.progress .bar.w-14{width:14%}.progress .bar.w-15{width:15%}.progress .bar.w-16{width:16%}.progress .bar.w-17{width:17%}.progress .bar.w-18{width:18%}.progress .bar.w-19{width:19%}.progress .bar.w-20{width:20%}.progress .bar.w-21{width:21%}.progress .bar.w-22{width:22%}.progress .bar.w-23{width:23%}.progress .bar.w-24{width:24%}.progress .bar.w-25{width:25%}.progress .bar.w-26{width:26%}.progress .bar.w-27{width:27%}.progress .bar.w-28{width:28%}.progress .bar.w-29{width:29%}.progress .bar.w-30{width:30%}.progress .bar.w-31{width:31%}.progress .bar.w-32{width:32%}.progress .bar.w-33{width:33%}.progress .bar.w-34{width:34%}.progress .bar.w-35{width:35%}.progress .bar.w-36{width:36%}.progress .bar.w-37{width:37%}.progress .bar.w-38{width:38%}.progress .bar.w-39{width:39%}.progress .bar.w-40{width:40%}.progress .bar.w-41{width:41%}.progress .bar.w-42{width:42%}.progress .bar.w-43{width:43%}.progress .bar.w-44{width:44%}.progress .bar.w-45{width:45%}.progress .bar.w-46{width:46%}.progress .bar.w-47{width:47%}.progress .bar.w-48{width:48%}.progress .bar.w-49{width:49%}.progress .bar.w-50{width:50%}.progress .bar.w-51{width:51%}.progress .bar.w-52{width:52%}.progress .bar.w-53{width:53%}.progress .bar.w-54{width:54%}.progress .bar.w-55{width:55%}.progress .bar.w-56{width:56%}.progress .bar.w-57{width:57%}.progress .bar.w-58{width:58%}.progress .bar.w-59{width:59%}.progress .bar.w-60{width:60%}.progress .bar.w-61{width:61%}.progress .bar.w-62{width:62%}.progress .bar.w-63{width:63%}.progress .bar.w-64{width:64%}.progress .bar.w-65{width:65%}.progress .bar.w-66{width:66%}.progress .bar.w-67{width:67%}.progress .bar.w-68{width:68%}.progress .bar.w-69{width:69%}.progress .bar.w-70{width:70%}.progress .bar.w-71{width:71%}.progress .bar.w-72{width:72%}.progress .bar.w-73{width:73%}.progress .bar.w-74{width:74%}.progress .bar.w-75{width:75%}.progress .bar.w-76{width:76%}.progress .bar.w-77{width:77%}.progress .bar.w-78{width:78%}.progress .bar.w-79{width:79%}.progress .bar.w-80{width:80%}.progress .bar.w-81{width:81%}.progress .bar.w-82{width:82%}.progress .bar.w-83{width:83%}.progress .bar.w-84{width:84%}.progress .bar.w-85{width:85%}.progress .bar.w-86{width:86%}.progress .bar.w-87{width:87%}.progress .bar.w-88{width:88%}.progress .bar.w-89{width:89%}.progress .bar.w-90{width:90%}.progress .bar.w-91{width:91%}.progress .bar.w-92{width:92%}.progress .bar.w-93{width:93%}.progress .bar.w-94{width:94%}.progress .bar.w-95{width:95%}.progress .bar.w-96{width:96%}.progress .bar.w-97{width:97%}.progress .bar.w-98{width:98%}.progress .bar.w-99{width:99%}.progress .bar.w-100{width:100%}.progress .bar.w-0,.progress .bar.w-100{border-right:0}.tabs .content{display:none;flex-basis:100%;padding:.75rem 0 0}.tabs input{display:none}.tabs input:checked+label{color:#41403e;color:var(--primary);border-bottom:3px solid #41403e;border-bottom-color:var(--secondary)}.tabs input[id$=tab1]:checked~div[id$=content1],.tabs input[id$=tab2]:checked~div[id$=content2],.tabs input[id$=tab3]:checked~div[id$=content3],.tabs input[id$=tab4]:checked~div[id$=content4],.tabs input[id$=tab5]:checked~div[id$=content5]{display:block}.tabs label{color:#41403e;color:var(--primary-light);display:inline-block;font-weight:600;margin:0 0 -1px;padding:.75rem;text-align:center}.tabs label:hover{color:#41403e;color:var(--muted);cursor:pointer}.margin{margin:1rem}.margin-top{margin-top:1rem}.margin-top-large{margin-top:2rem}.margin-top-small{margin-top:.5rem}.margin-top-none{margin-top:0}.margin-right{margin-right:1rem}.margin-right-large{margin-right:2rem}.margin-right-small{margin-right:.5rem}.margin-right-none{margin-right:0}.margin-bottom{margin-bottom:1rem}.margin-bottom-large{margin-bottom:2rem}.margin-bottom-small{margin-bottom:.5rem}.margin-bottom-none{margin-bottom:0}.margin-left{margin-left:1rem}.margin-left-large{margin-left:2rem}.margin-left-small{margin-left:.5rem}.margin-left-none{margin-left:0}.margin-large{margin:2rem}.margin-small{margin:.5rem}.margin-none{margin:0}.padding{padding:1rem}.padding-top{padding-top:1rem}.padding-top-large{padding-top:2rem}.padding-top-small{padding-top:.5rem}.padding-top-none{padding-top:0}.padding-right{padding-right:1rem}.padding-right-large{padding-right:2rem}.padding-right-small{padding-right:.5rem}.padding-right-none{padding-right:0}.padding-bottom{padding-bottom:1rem}.padding-bottom-large{padding-bottom:2rem}.padding-bottom-small{padding-bottom:.5rem}.padding-bottom-none{padding-bottom:0}.padding-left{padding-left:1rem}.padding-left-large{padding-left:2rem}.padding-left-small{padding-left:.5rem}.padding-left-none{padding-left:0}.padding-large{padding:2rem}.padding-small{padding:.5rem}.padding-none{padding:0}nav{background-color:#41403e;background-color:var(--main-background);display:flex;padding:.3rem;position:relative;width:100%;z-index:100}@media only screen and (max-width:768px){nav{display:block}}nav .bar1,nav .bar2,nav .bar3{background-color:#41403e;background-color:var(--primary);border-color:#41403e;border-color:var(--primary);color:#41403e;color:var(--primary);border-bottom-left-radius:15px 5px;border-bottom-right-radius:15px 3px;margin:6px 0;transition:.4s;width:2rem}nav .collapsible input[id^=collapsible]:checked+button .bar1,nav .collapsible input[id^=collapsible]:checked+label .bar1{transform:rotate(-45deg) translate(-9px,7px)}nav .collapsible input[id^=collapsible]:checked+button .bar2,nav .collapsible input[id^=collapsible]:checked+label .bar2{opacity:0}nav .collapsible input[id^=collapsible]:checked+button .bar3,nav .collapsible input[id^=collapsible]:checked+label .bar3{transform:rotate(45deg) translate(-8px,-9px)}nav.split-nav{justify-content:space-between}nav.fixed{left:0;position:fixed;right:0;top:0}nav div{margin:0 1rem}nav ul.inline{margin-bottom:0;margin-top:10px;padding:0}nav ul.inline li{display:inline-block;margin:0 .5rem}@media only screen and (max-width:768px){nav ul.inline li{display:block;margin:1rem 0}}nav a{color:#41403e;color:var(--primary);background-image:none;border-bottom-left-radius:15px 3px;border-bottom-right-radius:15px 5px;border-bottom:5px solid #41403e;border-bottom-color:var(--primary);padding-bottom:.1rem}nav a:hover{border-color:#41403e;border-bottom:5px solid;border-color:var(--primary-light)}nav ul.inline li a{font-size:1.3rem}nav ul.inline li:before{content:""}@media only screen and (max-width:992px){nav ul{text-align:center}}nav .nav-brand h1,nav .nav-brand h2,nav .nav-brand h3,nav .nav-brand h4,nav .nav-brand h5,nav .nav-brand h6{margin:0 0 .2rem}@media only screen and (max-width:768px){nav .collapsible{width:100%}}nav .collapsible input[id^=collapsible]:checked~div.collapsible-body{margin:0;max-height:960px;opacity:1;padding:0}nav .collapsible .collapsible-body,nav .collapsible:first-of-type{border:0}@media only screen and (min-width:769px){nav .collapsible .collapsible-body,nav .collapsible:first-of-type{display:contents}}nav div.collapsible-body{padding:none}nav .collapsible label{border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;border:2px solid #41403e;border-color:var(--primary)}nav .collapsible>button{border:0}nav .collapsible>button,nav .collapsible>label{background-color:#41403e;background-color:var(--main-background);display:none;font-size:.5rem;margin-right:1rem;padding:.25rem;position:absolute;right:0;top:.2rem}@media only screen and (max-width:768px){nav .collapsible>button,nav .collapsible>label{display:block}}
\ No newline at end of file
diff --git a/docs/config.toml b/docs/config.toml
index 9bde457..eb03eed 100644
--- a/docs/config.toml
+++ b/docs/config.toml
@@ -7,6 +7,7 @@ publishDir = "../public"
# Syntax Highlighting ( https://gohugo.io/content-management/syntax-highlighting/ )
pygmentsCodefences = true
pygmentsStyle = "emacs"
+pygmentsUseClasses=true
[params.info]
description = "the less formal CSS framework"
diff --git a/docs/content/docs/components/forms.md b/docs/content/docs/components/forms.md
index e063205..0092945 100644
--- a/docs/content/docs/components/forms.md
+++ b/docs/content/docs/components/forms.md
@@ -165,11 +165,15 @@ description: PaperCSS Forms
#### Code:
@@ -332,10 +336,14 @@ description: PaperCSS Forms
```
diff --git a/docs/content/docs/utilities/dark-mode.md b/docs/content/docs/utilities/dark-mode.md
new file mode 100644
index 0000000..1bea7fc
--- /dev/null
+++ b/docs/content/docs/utilities/dark-mode.md
@@ -0,0 +1,67 @@
+---
+title: Dark Mode
+description: PaperCSS Dark Mode
+---
+
+As of version `1.8.0`, PaperCSS supports a dark mode of the framework. Just add the `.dark` class to your `html` tag!
+
+#### Examples
+
+Here's what some of the components look like:
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | # |
+ Name |
+ Position |
+ Location |
+
+
+
+
+ | 1 |
+ Bob Dylan |
+ Musician |
+ California, USA |
+
+
+ | 2 |
+ Eric Clapton |
+ Musician |
+ Ohio, USA |
+
+
+ | 3 |
+ Daniel Kahneman |
+ Psychologist |
+ California, USA |
+
+
+
+
+
+
+#### Code
+
+```html
+
+ Dark mode styles are automatically applied with the dark class!
+
+```
diff --git a/docs/layouts/partials/head/includes.html b/docs/layouts/partials/head/includes.html
index b02441b..f718428 100644
--- a/docs/layouts/partials/head/includes.html
+++ b/docs/layouts/partials/head/includes.html
@@ -1,3 +1,4 @@
+
diff --git a/docs/static/assets/syntax.css b/docs/static/assets/syntax.css
new file mode 100644
index 0000000..5f63b1e
--- /dev/null
+++ b/docs/static/assets/syntax.css
@@ -0,0 +1,365 @@
+/* LineTableTD */
+.chroma .lntd {
+ border: 0;
+ margin: 0;
+ padding: 0;
+ vertical-align: top;
+}
+
+/* LineTable */
+.chroma .lntable {
+ border: 0;
+ border-spacing: 0;
+ display: block;
+ margin: 0;
+ overflow: auto;
+ padding: 0;
+ width: auto;
+}
+
+/* LineHighlight */
+.chroma .hl {
+ background-color: #ffc;
+ display: block;
+ width: 100%;
+}
+
+/* LineNumbersTable */
+.chroma .lnt {color: #7f7f7f;
+ margin-right: 0.4em;
+ padding: 0 0.4em;
+}
+
+/* LineNumbers */
+.chroma .ln {color: #7f7f7f;
+ margin-right: 0.4em;
+ padding: 0 0.4em;
+}
+
+/* Keyword */
+.chroma .k {
+ color: #a2f;
+ font-weight: bold;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+ color: #a2f;
+ font-weight: bold;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+ color: #a2f;
+ font-weight: bold;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+ color: #a2f;
+ font-weight: bold;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+ color: #a2f;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+ color: #a2f;
+ font-weight: bold;
+}
+
+/* KeywordType */
+.chroma .kt {
+ color: #0b0;
+ font-weight: bold;
+}
+
+/* NameAttribute */
+.chroma .na {
+ color: #b44;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+ color: #a2f;
+}
+
+/* NameClass */
+.chroma .nc {
+ color: #00f;
+}
+
+/* NameConstant */
+.chroma .no {
+ color: #800;
+}
+
+/* NameDecorator */
+.chroma .nd {
+ color: #a2f;
+}
+
+/* NameEntity */
+.chroma .ni {
+ color: #999;
+ font-weight: bold;
+}
+
+/* NameException */
+.chroma .ne {
+ color: #d2413a;
+ font-weight: bold;
+}
+
+/* NameFunction */
+.chroma .nf {
+ color: #00a000;
+}
+
+/* NameLabel */
+.chroma .nl {
+ color: #a0a000;
+}
+
+/* NameNamespace */
+.chroma .nn {
+ color: #00f;
+ font-weight: bold;
+}
+
+/* NameTag */
+.chroma .nt {
+ color: #008000;
+ font-weight: bold;
+}
+
+/* NameVariable */
+.chroma .nv {
+ color: #b8860b;
+}
+
+/* LiteralString */
+.chroma .s {
+ color: #b44;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+ color: #b44;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+ color: #b44;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+ color: #b44;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+ color: #b44;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+ color: #b44;
+ font-style: italic;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+ color: #b44;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+ color: #b62;
+ font-weight: bold;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+ color: #b44;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+ color: #b68;
+ font-weight: bold;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+ color: #008000;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+ color: #b68;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+ color: #b44;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+ color: #b8860b;
+}
+
+/* LiteralNumber */
+.chroma .m {
+ color: #666;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+ color: #666;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+ color: #666;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+ color: #666;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+ color: #666;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+ color: #666;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+ color: #666;
+}
+
+/* Operator */
+.chroma .o {
+ color: #666;
+}
+
+/* OperatorWord */
+.chroma .ow {
+ color: #a2f;
+ font-weight: bold;
+}
+
+/* Comment */
+.chroma .c {
+ color: #080;
+ font-style: italic;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+ color: #080;
+ font-style: italic;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+ color: #080;
+ font-style: italic;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+ color: #080;
+ font-style: italic;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+ color: #080;
+ font-weight: bold;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+ color: #080;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+ color: #080;
+}
+
+/* GenericDeleted */
+.chroma .gd {
+ color: #a00000;
+}
+
+/* GenericEmph */
+.chroma .ge {
+ font-style: italic;
+}
+
+/* GenericError */
+.chroma .gr {
+ color: #f00;
+}
+
+/* GenericHeading */
+.chroma .gh {
+ color: #000080;
+ font-weight: bold;
+}
+
+/* GenericInserted */
+.chroma .gi {
+ color: #00a000;
+}
+
+/* GenericOutput */
+.chroma .go {
+ color: #888;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+ color: #000080;
+ font-weight: bold;
+}
+
+/* GenericStrong */
+.chroma .gs {
+ font-weight: bold;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+ color: #800080;
+ font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+ color: #04d;
+}
+
+/* GenericUnderline */
+.chroma .gl {
+ text-decoration: underline;
+}
+
+/* TextWhitespace */
+.chroma .w {
+ color: #bbb;
+}
+
diff --git a/src/components/_cards.scss b/src/components/_cards.scss
index 5e468bf..f40b000 100644
--- a/src/components/_cards.scss
+++ b/src/components/_cards.scss
@@ -17,17 +17,18 @@
.card-header,
.card-footer {
@include color('background-color', 'white-dark');
+ @include color('border-color', 'muted-light');
padding: 0.75rem 1.25rem;
}
.card-header {
- @include color('border-color', 'muted-light');
- border-bottom: 2px solid;
+ border-bottom-style: solid;
+ border-bottom-width: 2px;
}
.card-footer {
- @include color('border-color', 'muted-light');
- border-top: 2px solid;
+ border-top-style: solid;
+ border-top-width: 2px;
}
.card-body {
diff --git a/src/components/_forms.scss b/src/components/_forms.scss
index 446366c..7ee784d 100644
--- a/src/components/_forms.scss
+++ b/src/components/_forms.scss
@@ -331,12 +331,16 @@ select {
input[type='range'] {
appearance: none;
border-width: 0;
+ padding: 0;
/* For Chromium */
&::-webkit-slider-runnable-track {
- background: $secondary;
- border: 1px solid $primary;
+ @include color('background', 'secondary');
+ @include color('border-color', 'primary');
+
border-radius: 18px;
+ border-style: solid;
+ border-width: 1px;
box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
cursor: pointer;
height: 8px;
@@ -345,13 +349,16 @@ select {
}
&::-webkit-slider-thumb {
+ @include color('background', 'white');
+ @include color('border-color', 'primary');
+
appearance: none;
- background: #fff;
- border: 1px solid $primary;
border-bottom-left-radius: 0.7rem 1rem;
border-bottom-right-radius: 1rem 0.9rem;
+ border-style: solid;
border-top-left-radius: 1rem 1rem;
border-top-right-radius: 1rem 0.6rem;
+ border-width: 1px;
box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
cursor: pointer;
height: 36px;
@@ -361,8 +368,9 @@ select {
/* For Mozilla Firefox */
&::-moz-range-track {
- background: $secondary;
- border: 1px solid $primary;
+ @include color('background', 'secondary');
+ @include color('border-color', 'primary');
+
border-radius: 18px;
box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
cursor: pointer;
@@ -371,12 +379,15 @@ select {
}
&::-moz-range-thumb {
- background: #fff;
- border: 1px solid $primary;
+ @include color('background', 'white');
+ @include color('border-color', 'primary');
+
border-bottom-left-radius: 0.7rem 1rem;
border-bottom-right-radius: 1rem 0.9rem;
+ border-style: solid;
border-top-left-radius: 1rem 1rem;
border-top-right-radius: 1rem 0.6rem;
+ border-width: 1px;
box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
cursor: pointer;
height: 36px;
@@ -396,19 +407,26 @@ select {
&::-ms-fill-lower,
&::-ms-fill-upper {
- background: $secondary;
- border: 1px solid $primary;
+ @include color('background', 'secondary');
+ @include color('border-color', 'primary');
+
border-radius: 18px;
+ border-style: solid;
+ border-width: 1px;
box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
}
&::-ms-thumb {
- background: #fff;
+ @include color('background', 'white');
+ @include color('border-color', 'primary');
+
border: 1px solid $primary;
border-bottom-left-radius: 0.7rem 1rem;
border-bottom-right-radius: 1rem 0.9rem;
+ border-style: solid;
border-top-left-radius: 1rem 1rem;
border-top-right-radius: 1rem 0.6rem;
+ border-width: 1px;
box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
cursor: pointer;
height: 36px;
diff --git a/src/components/_navbar.scss b/src/components/_navbar.scss
index 63cfce3..e40e3b1 100644
--- a/src/components/_navbar.scss
+++ b/src/components/_navbar.scss
@@ -139,9 +139,10 @@ nav {
}
.collapsible label {
+ @include color('border-color', 'primary');
+
border-bottom-left-radius: 15px 255px;
border-bottom-right-radius: 225px 15px;
- border-color: #41403e;
border-style: solid;
border-top-left-radius: 255px 15px;
border-top-right-radius: 15px 225px;
diff --git a/src/content/_code.scss b/src/content/_code.scss
index c661acd..cbb2523 100644
--- a/src/content/_code.scss
+++ b/src/content/_code.scss
@@ -1,13 +1,13 @@
code {
@include color('color', 'secondary');
- @include color('background-color', 'primary-light-70');
+ @include color('background-color', 'primary-shaded-70');
border-radius: 3px;
font-size: 80%;
padding: 2px 4px;
}
kbd {
- @include color('color', 'black');
+ @include color('color', 'primary-inverse');
@include color('background-color', 'primary');
border-radius: 3px;
font-size: 80%;
@@ -15,9 +15,9 @@ kbd {
}
pre {
- @include color('color', 'black');
- @include color('background-color', 'primary-light-70');
- @include color('border-color', 'primary-light-50');
+ @include color('color', 'inverse-primary');
+ @include color('background-color', 'primary-shaded-70');
+ @include color('border-color', 'primary-shaded-50');
border-radius: 3px;
border-style: solid;
@@ -32,7 +32,7 @@ pre {
word-wrap: break-word;
code {
- @include color('color', 'black');
+ @include color('color', 'inverse-primary');
background: transparent;
display: block;
font-size: inherit;
diff --git a/src/core/_config.scss b/src/core/_config.scss
index 522f6e1..e3110d6 100644
--- a/src/core/_config.scss
+++ b/src/core/_config.scss
@@ -29,8 +29,6 @@ $danger-dark: darken($danger, 45%) !default;
$muted-dark: darken($muted, 35%) !default;
$primary-light-10: lighten($primary, 10%) !default;
-$primary-light-70: lighten($primary, 70%) !default;
-$primary-light-50: lighten($primary, 50%) !default;
$secondary-light-10: lighten($secondary, 10%) !default;
$success-light-10: lighten($success, 10%) !default;
$warning-light-10: lighten($warning, 10%) !default;
@@ -44,6 +42,8 @@ $warning-dark-10: darken($warning, 10%) !default;
$danger-dark-10: darken($danger, 10%) !default;
$muted-dark-10: darken($muted, 10%) !default;
+$primary-shaded-70: lighten($primary, 70%) !default;
+$primary-shaded-50: lighten($primary, 50%) !default;
$white-dark: rgba(#000, 0.03) !default;
$white-dark-light-80: lighten($white-dark, 80%) !default;
@@ -53,16 +53,18 @@ $main-background: rgba(#fff, 1) !default;
$black: rgba(#000, 1) !default;
$main-background-light: lighten($main-background, 50%) !default;
-$primary-text: $primary !default;
-$secondary-text: $primary !default;
-$success-text: $primary !default;
-$warning-text: $primary !default;
-$danger-text: $primary !default;
-$muted-text: $primary !default;
+$primary-text: $primary-dark-10 !default;
+$secondary-text: $secondary-dark-10 !default;
+$success-text: $success-dark-10 !default;
+$warning-text: $warning-dark-10 !default;
+$danger-text: $danger-dark-10 !default;
+$muted-text: $muted-dark-10 !default;
$shadow-color-regular: hsla(0, 0, 0%, 0.2) !default;
$shadow-color-hover: hsla(0, 0, 0%, 0.3) !default;
+$primary-inverse: #fff !default;
+
// Set dark theme colors
@@ -89,8 +91,6 @@ $dark-danger-dark: darken($dark-danger, 45%) !default;
$dark-muted-dark: darken($dark-muted, 35%) !default;
$dark-primary-light-10: lighten($dark-primary, 10%) !default;
-$dark-primary-light-70: lighten($dark-primary, 70%) !default;
-$dark-primary-light-50: lighten($dark-primary, 50%) !default;
$dark-secondary-light-10: lighten($dark-secondary, 10%) !default;
$dark-success-light-10: lighten($dark-success, 10%) !default;
$dark-warning-light-10: lighten($dark-warning, 10%) !default;
@@ -104,24 +104,29 @@ $dark-warning-dark-10: darken($dark-warning, 10%) !default;
$dark-danger-dark-10: darken($dark-danger, 10%) !default;
$dark-muted-dark-10: darken($dark-muted, 10%) !default;
+$dark-primary-shaded-70: darken($primary, 7%) !default;
+$dark-primary-shaded-50: darken($primary, 5%) !default;
+
$dark-white-dark: rgba(#fff, 0.03) !default;
$dark-white-dark-light-80: lighten($dark-white-dark, 80%) !default;
$dark-light-dark: rgba(#fff, 0.7) !default;
$dark-white: rgba(#fff, 1) !default;
-$dark-main-background: rgba(#41403e, 1) !default;
+$dark-main-background: rgba($primary, 1) !default;
$dark-main-background-light: lighten($dark-main-background, 50%) !default;
$dark-black: rgba(#000, 1) !default;
-$dark-primary-text: #41403e !default;
-$dark-secondary-text: #41403e !default;
-$dark-success-text: #41403e !default;
-$dark-warning-text: #41403e !default;
-$dark-danger-text: #41403e !default;
-$dark-muted-text: #41403e !default;
+$dark-primary-text: $primary !default;
+$dark-secondary-text: $dark-secondary-dark-10 !default;
+$dark-success-text: $dark-success-dark-10 !default;
+$dark-warning-text: $dark-warning-dark-10 !default;
+$dark-danger-text: $dark-danger-dark-10 !default;
+$dark-muted-text: $dark-muted-dark-10 !default;
$dark-shadow-color-regular: hsla(0, 0, 0%, 0.2) !default;
$dark-shadow-color-hover: hsla(0, 0, 0%, 0.3) !default;
+$dark-primary-inverse: $primary !default;
+
$theme-map: (
@@ -145,8 +150,6 @@ $theme-map: (
danger-dark:$danger-dark,
muted-dark:$muted-dark,
primary-light-10:$primary-light-10,
- primary-light-50: $primary-light-50,
- primary-light-70: $primary-light-70,
secondary-light-10:$secondary-light-10,
success-light-10:$success-light-10,
warning-light-10:$warning-light-10,
@@ -158,13 +161,15 @@ $theme-map: (
warning-dark-10:$warning-dark-10,
danger-dark-10:$danger-dark-10,
muted-dark-10:$muted-dark-10,
+ primary-shaded-50: $primary-shaded-50,
+ primary-shaded-70: $primary-shaded-70,
white-dark:$white-dark,
white-dark-light-80:$white-dark-light-80,
light-dark:$light-dark,
- white:$white,
+ 'white':$white,
main-background: $main-background,
main-background-light: $main-background-light,
- black: $black,
+ 'black': $black,
primary-text:$primary-text,
secondary-text:$secondary-text,
success-text:$success-text,
@@ -173,6 +178,7 @@ $theme-map: (
muted-text:$muted-text,
shadow-color-regular: $shadow-color-regular,
shadow-color-hover: $shadow-color-hover,
+ primary-inverse: $primary-inverse,
),
dark: (
primary: $dark-primary,
@@ -194,8 +200,6 @@ $theme-map: (
danger-dark:$dark-danger-dark,
muted-dark:$dark-muted-dark,
primary-light-10:$dark-primary-light-10,
- primary-light-50: $dark-primary-light-50,
- primary-light-70: $dark-primary-light-70,
secondary-light-10:$dark-secondary-light-10,
success-light-10:$dark-success-light-10,
warning-light-10:$dark-warning-light-10,
@@ -207,13 +211,15 @@ $theme-map: (
warning-dark-10:$dark-warning-dark-10,
danger-dark-10:$dark-danger-dark-10,
muted-dark-10:$dark-muted-dark-10,
+ primary-shaded-50: $dark-primary-shaded-50,
+ primary-shaded-70: $dark-primary-shaded-70,
white-dark:$dark-white-dark,
white-dark-light-80:$dark-white-dark-light-80,
light-dark:$dark-light-dark,
- white:$dark-white,
+ 'white':$dark-white,
main-background: $dark-main-background,
main-background-light: $dark-main-background-light,
- black: $dark-black,
+ 'black': $dark-black,
primary-text:$dark-primary-text,
secondary-text:$dark-secondary-text,
success-text:$dark-success-text,
@@ -222,6 +228,7 @@ $theme-map: (
muted-text:$dark-muted-text,
shadow-color-regular: $dark-shadow-color-regular,
shadow-color-hover: $dark-shadow-color-hover,
+ primary-inverse: $dark-primary-inverse,
)
);