From f7aff239fbeca99fa671467b38b5cfe50c2851d6 Mon Sep 17 00:00:00 2001
From: Build Bot <build.bot@karaka.app>
Date: Thu, 26 Jan 2023 21:25:29 +0000
Subject: [PATCH] Automatic css build

---
 styles.css | 385 +++++++++++++++++++++++++++++++++++------------------
 1 file changed, 255 insertions(+), 130 deletions(-)

diff --git a/styles.css b/styles.css
index 3bacd14..52c2c8e 100755
--- a/styles.css
+++ b/styles.css
@@ -251,6 +251,7 @@ iframe {
   90% {
     -webkit-transform: translate3d(0, -4px, 0);
     transform: translate3d(0, -4px, 0); } }
+
 @keyframes bounce {
   from, 20%, 53%, 80%, to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
@@ -270,6 +271,7 @@ iframe {
   90% {
     -webkit-transform: translate3d(0, -4px, 0);
     transform: translate3d(0, -4px, 0); } }
+
 .bounce {
   -webkit-animation-name: bounce;
   animation-name: bounce;
@@ -281,11 +283,13 @@ iframe {
     opacity: 1; }
   25%, 75% {
     opacity: 0; } }
+
 @keyframes flash {
   from, 50%, to {
     opacity: 1; }
   25%, 75% {
     opacity: 0; } }
+
 .flash {
   -webkit-animation-name: flash;
   animation-name: flash; }
@@ -301,6 +305,7 @@ iframe {
   to {
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1); } }
+
 @keyframes pulse {
   from {
     -webkit-transform: scale3d(1, 1, 1);
@@ -311,6 +316,7 @@ iframe {
   to {
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1); } }
+
 .pulse {
   -webkit-animation-name: pulse;
   animation-name: pulse; }
@@ -337,6 +343,7 @@ iframe {
   to {
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1); } }
+
 @keyframes rubberBand {
   from {
     -webkit-transform: scale3d(1, 1, 1);
@@ -359,6 +366,7 @@ iframe {
   to {
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1); } }
+
 .rubberBand {
   -webkit-animation-name: rubberBand;
   animation-name: rubberBand; }
@@ -373,6 +381,7 @@ iframe {
   20%, 40%, 60%, 80% {
     -webkit-transform: translate3d(10px, 0, 0);
     transform: translate3d(10px, 0, 0); } }
+
 @keyframes shake {
   from, to {
     -webkit-transform: translate3d(0, 0, 0);
@@ -383,6 +392,7 @@ iframe {
   20%, 40%, 60%, 80% {
     -webkit-transform: translate3d(10px, 0, 0);
     transform: translate3d(10px, 0, 0); } }
+
 .shake {
   -webkit-animation-name: shake;
   animation-name: shake; }
@@ -406,6 +416,7 @@ iframe {
   50% {
     -webkit-transform: translateX(0);
     transform: translateX(0); } }
+
 @keyframes headShake {
   0% {
     -webkit-transform: translateX(0);
@@ -425,6 +436,7 @@ iframe {
   50% {
     -webkit-transform: translateX(0);
     transform: translateX(0); } }
+
 .headShake {
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
@@ -447,6 +459,7 @@ iframe {
   to {
     -webkit-transform: rotate3d(0, 0, 1, 0deg);
     transform: rotate3d(0, 0, 1, 0deg); } }
+
 @keyframes swing {
   20% {
     -webkit-transform: rotate3d(0, 0, 1, 15deg);
@@ -463,6 +476,7 @@ iframe {
   to {
     -webkit-transform: rotate3d(0, 0, 1, 0deg);
     transform: rotate3d(0, 0, 1, 0deg); } }
+
 .swing {
   -webkit-transform-origin: top center;
   transform-origin: top center;
@@ -485,6 +499,7 @@ iframe {
   to {
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1); } }
+
 @keyframes tada {
   from {
     -webkit-transform: scale3d(1, 1, 1);
@@ -501,6 +516,7 @@ iframe {
   to {
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1); } }
+
 .tada {
   -webkit-animation-name: tada;
   animation-name: tada; }
@@ -528,6 +544,7 @@ iframe {
   to {
     -webkit-transform: none;
     transform: none; } }
+
 @keyframes wobble {
   from {
     -webkit-transform: none;
@@ -550,6 +567,7 @@ iframe {
   to {
     -webkit-transform: none;
     transform: none; } }
+
 .wobble {
   -webkit-animation-name: wobble;
   animation-name: wobble; }
@@ -574,11 +592,12 @@ iframe {
     -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
     transform: skewX(-0.78125deg) skewY(-0.78125deg); }
   77.7% {
-    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
-    transform: skewX(0.390625deg) skewY(0.390625deg); }
+    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
+    transform: skewX(0.39062deg) skewY(0.39062deg); }
   88.8% {
-    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
-    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
+    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
+    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
+
 @keyframes jello {
   from, 11.1%, to {
     -webkit-transform: none;
@@ -599,11 +618,12 @@ iframe {
     -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
     transform: skewX(-0.78125deg) skewY(-0.78125deg); }
   77.7% {
-    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
-    transform: skewX(0.390625deg) skewY(0.390625deg); }
+    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
+    transform: skewX(0.39062deg) skewY(0.39062deg); }
   88.8% {
-    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
-    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
+    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
+    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
+
 .jello {
   -webkit-animation-name: jello;
   animation-name: jello;
@@ -635,6 +655,7 @@ iframe {
     opacity: 1;
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1); } }
+
 @keyframes bounceIn {
   from, 20%, 40%, 60%, 80%, to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
@@ -660,6 +681,7 @@ iframe {
     opacity: 1;
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1); } }
+
 .bounceIn {
   -webkit-animation-name: bounceIn;
   animation-name: bounceIn; }
@@ -685,6 +707,7 @@ iframe {
   to {
     -webkit-transform: none;
     transform: none; } }
+
 @keyframes bounceInDown {
   from, 60%, 75%, 90%, to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
@@ -706,6 +729,7 @@ iframe {
   to {
     -webkit-transform: none;
     transform: none; } }
+
 .bounceInDown {
   -webkit-animation-name: bounceInDown;
   animation-name: bounceInDown; }
@@ -731,6 +755,7 @@ iframe {
   to {
     -webkit-transform: none;
     transform: none; } }
+
 @keyframes bounceInLeft {
   from, 60%, 75%, 90%, to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
@@ -752,6 +777,7 @@ iframe {
   to {
     -webkit-transform: none;
     transform: none; } }
+
 .bounceInLeft {
   -webkit-animation-name: bounceInLeft;
   animation-name: bounceInLeft; }
@@ -777,6 +803,7 @@ iframe {
   to {
     -webkit-transform: none;
     transform: none; } }
+
 @keyframes bounceInRight {
   from, 60%, 75%, 90%, to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
@@ -798,6 +825,7 @@ iframe {
   to {
     -webkit-transform: none;
     transform: none; } }
+
 .bounceInRight {
   -webkit-animation-name: bounceInRight;
   animation-name: bounceInRight; }
@@ -823,6 +851,7 @@ iframe {
   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }
+
 @keyframes bounceInUp {
   from, 60%, 75%, 90%, to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
@@ -844,6 +873,7 @@ iframe {
   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }
+
 .bounceInUp {
   -webkit-animation-name: bounceInUp;
   animation-name: bounceInUp; }
@@ -860,6 +890,7 @@ iframe {
     opacity: 0;
     -webkit-transform: scale3d(0.3, 0.3, 0.3);
     transform: scale3d(0.3, 0.3, 0.3); } }
+
 @keyframes bounceOut {
   20% {
     -webkit-transform: scale3d(0.9, 0.9, 0.9);
@@ -872,6 +903,7 @@ iframe {
     opacity: 0;
     -webkit-transform: scale3d(0.3, 0.3, 0.3);
     transform: scale3d(0.3, 0.3, 0.3); } }
+
 .bounceOut {
   -webkit-animation-name: bounceOut;
   animation-name: bounceOut; }
@@ -888,6 +920,7 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, 2000px, 0);
     transform: translate3d(0, 2000px, 0); } }
+
 @keyframes bounceOutDown {
   20% {
     -webkit-transform: translate3d(0, 10px, 0);
@@ -900,6 +933,7 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, 2000px, 0);
     transform: translate3d(0, 2000px, 0); } }
+
 .bounceOutDown {
   -webkit-animation-name: bounceOutDown;
   animation-name: bounceOutDown; }
@@ -913,6 +947,7 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(-2000px, 0, 0);
     transform: translate3d(-2000px, 0, 0); } }
+
 @keyframes bounceOutLeft {
   20% {
     opacity: 1;
@@ -922,6 +957,7 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(-2000px, 0, 0);
     transform: translate3d(-2000px, 0, 0); } }
+
 .bounceOutLeft {
   -webkit-animation-name: bounceOutLeft;
   animation-name: bounceOutLeft; }
@@ -935,6 +971,7 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(2000px, 0, 0);
     transform: translate3d(2000px, 0, 0); } }
+
 @keyframes bounceOutRight {
   20% {
     opacity: 1;
@@ -944,6 +981,7 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(2000px, 0, 0);
     transform: translate3d(2000px, 0, 0); } }
+
 .bounceOutRight {
   -webkit-animation-name: bounceOutRight;
   animation-name: bounceOutRight; }
@@ -960,6 +998,7 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, -2000px, 0);
     transform: translate3d(0, -2000px, 0); } }
+
 @keyframes bounceOutUp {
   20% {
     -webkit-transform: translate3d(0, -10px, 0);
@@ -972,6 +1011,7 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, -2000px, 0);
     transform: translate3d(0, -2000px, 0); } }
+
 .bounceOutUp {
   -webkit-animation-name: bounceOutUp;
   animation-name: bounceOutUp; }
@@ -981,11 +1021,13 @@ iframe {
     opacity: 0; }
   to {
     opacity: 1; } }
+
 @keyframes fadeIn {
   from {
     opacity: 0; }
   to {
     opacity: 1; } }
+
 .fadeIn {
   -webkit-animation-name: fadeIn;
   animation-name: fadeIn; }
@@ -999,6 +1041,7 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
+
 @keyframes fadeInDown {
   from {
     opacity: 0;
@@ -1008,6 +1051,7 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
+
 .fadeInDown {
   -webkit-animation-name: fadeInDown;
   animation-name: fadeInDown; }
@@ -1021,6 +1065,7 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
+
 @keyframes fadeInDownBig {
   from {
     opacity: 0;
@@ -1030,6 +1075,7 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
+
 .fadeInDownBig {
   -webkit-animation-name: fadeInDownBig;
   animation-name: fadeInDownBig; }
@@ -1043,6 +1089,7 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
+
 @keyframes fadeInLeft {
   from {
     opacity: 0;
@@ -1052,6 +1099,7 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
+
 .fadeInLeft {
   -webkit-animation-name: fadeInLeft;
   animation-name: fadeInLeft; }
@@ -1065,6 +1113,7 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
+
 @keyframes fadeInLeftBig {
   from {
     opacity: 0;
@@ -1074,6 +1123,7 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
+
 .fadeInLeftBig {
   -webkit-animation-name: fadeInLeftBig;
   animation-name: fadeInLeftBig; }
@@ -1087,6 +1137,7 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
+
 @keyframes fadeInRight {
   from {
     opacity: 0;
@@ -1096,6 +1147,7 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
+
 .fadeInRight {
   -webkit-animation-name: fadeInRight;
   animation-name: fadeInRight; }
@@ -1109,6 +1161,7 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
+
 @keyframes fadeInRightBig {
   from {
     opacity: 0;
@@ -1118,6 +1171,7 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
+
 .fadeInRightBig {
   -webkit-animation-name: fadeInRightBig;
   animation-name: fadeInRightBig; }
@@ -1131,6 +1185,7 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
+
 @keyframes fadeInUp {
   from {
     opacity: 0;
@@ -1140,6 +1195,7 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
+
 .fadeInUp {
   -webkit-animation-name: fadeInUp;
   animation-name: fadeInUp; }
@@ -1153,6 +1209,7 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
+
 @keyframes fadeInUpBig {
   from {
     opacity: 0;
@@ -1162,6 +1219,7 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
+
 .fadeInUpBig {
   -webkit-animation-name: fadeInUpBig;
   animation-name: fadeInUpBig; }
@@ -1171,11 +1229,13 @@ iframe {
     opacity: 1; }
   to {
     opacity: 0; } }
+
 @keyframes fadeOut {
   from {
     opacity: 1; }
   to {
     opacity: 0; } }
+
 .fadeOut {
   -webkit-animation-name: fadeOut;
   animation-name: fadeOut; }
@@ -1187,6 +1247,7 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0); } }
+
 @keyframes fadeOutDown {
   from {
     opacity: 1; }
@@ -1194,6 +1255,7 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0); } }
+
 .fadeOutDown {
   -webkit-animation-name: fadeOutDown;
   animation-name: fadeOutDown; }
@@ -1205,6 +1267,7 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, 2000px, 0);
     transform: translate3d(0, 2000px, 0); } }
+
 @keyframes fadeOutDownBig {
   from {
     opacity: 1; }
@@ -1212,6 +1275,7 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, 2000px, 0);
     transform: translate3d(0, 2000px, 0); } }
+
 .fadeOutDownBig {
   -webkit-animation-name: fadeOutDownBig;
   animation-name: fadeOutDownBig; }
@@ -1223,6 +1287,7 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0); } }
+
 @keyframes fadeOutLeft {
   from {
     opacity: 1; }
@@ -1230,6 +1295,7 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0); } }
+
 .fadeOutLeft {
   -webkit-animation-name: fadeOutLeft;
   animation-name: fadeOutLeft; }
@@ -1241,6 +1307,7 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(-2000px, 0, 0);
     transform: translate3d(-2000px, 0, 0); } }
+
 @keyframes fadeOutLeftBig {
   from {
     opacity: 1; }
@@ -1248,6 +1315,7 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(-2000px, 0, 0);
     transform: translate3d(-2000px, 0, 0); } }
+
 .fadeOutLeftBig {
   -webkit-animation-name: fadeOutLeftBig;
   animation-name: fadeOutLeftBig; }
@@ -1259,6 +1327,7 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(100%, 0, 0);
     transform: translate3d(100%, 0, 0); } }
+
 @keyframes fadeOutRight {
   from {
     opacity: 1; }
@@ -1266,6 +1335,7 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(100%, 0, 0);
     transform: translate3d(100%, 0, 0); } }
+
 .fadeOutRight {
   -webkit-animation-name: fadeOutRight;
   animation-name: fadeOutRight; }
@@ -1277,6 +1347,7 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(2000px, 0, 0);
     transform: translate3d(2000px, 0, 0); } }
+
 @keyframes fadeOutRightBig {
   from {
     opacity: 1; }
@@ -1284,6 +1355,7 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(2000px, 0, 0);
     transform: translate3d(2000px, 0, 0); } }
+
 .fadeOutRightBig {
   -webkit-animation-name: fadeOutRightBig;
   animation-name: fadeOutRightBig; }
@@ -1295,6 +1367,7 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, -100%, 0);
     transform: translate3d(0, -100%, 0); } }
+
 @keyframes fadeOutUp {
   from {
     opacity: 1; }
@@ -1302,6 +1375,7 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, -100%, 0);
     transform: translate3d(0, -100%, 0); } }
+
 .fadeOutUp {
   -webkit-animation-name: fadeOutUp;
   animation-name: fadeOutUp; }
@@ -1313,6 +1387,7 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, -2000px, 0);
     transform: translate3d(0, -2000px, 0); } }
+
 @keyframes fadeOutUpBig {
   from {
     opacity: 1; }
@@ -1320,6 +1395,7 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, -2000px, 0);
     transform: translate3d(0, -2000px, 0); } }
+
 .fadeOutUpBig {
   -webkit-animation-name: fadeOutUpBig;
   animation-name: fadeOutUpBig; }
@@ -1350,6 +1426,7 @@ iframe {
     transform: perspective(400px);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in; } }
+
 @keyframes flip {
   from {
     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
@@ -1376,6 +1453,7 @@ iframe {
     transform: perspective(400px);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in; } }
+
 .animated.flip {
   -webkit-backface-visibility: visible;
   backface-visibility: visible;
@@ -1404,6 +1482,7 @@ iframe {
   to {
     -webkit-transform: perspective(400px);
     transform: perspective(400px); } }
+
 @keyframes flipInX {
   from {
     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
@@ -1426,6 +1505,7 @@ iframe {
   to {
     -webkit-transform: perspective(400px);
     transform: perspective(400px); } }
+
 .flipInX {
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
@@ -1454,6 +1534,7 @@ iframe {
   to {
     -webkit-transform: perspective(400px);
     transform: perspective(400px); } }
+
 @keyframes flipInY {
   from {
     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
@@ -1476,6 +1557,7 @@ iframe {
   to {
     -webkit-transform: perspective(400px);
     transform: perspective(400px); } }
+
 .flipInY {
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
@@ -1494,6 +1576,7 @@ iframe {
     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
     transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
     opacity: 0; } }
+
 @keyframes flipOutX {
   from {
     -webkit-transform: perspective(400px);
@@ -1506,6 +1589,7 @@ iframe {
     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
     transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
     opacity: 0; } }
+
 .flipOutX {
   -webkit-animation-name: flipOutX;
   animation-name: flipOutX;
@@ -1524,6 +1608,7 @@ iframe {
     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
     transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
     opacity: 0; } }
+
 @keyframes flipOutY {
   from {
     -webkit-transform: perspective(400px);
@@ -1536,6 +1621,7 @@ iframe {
     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
     transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
     opacity: 0; } }
+
 .flipOutY {
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
@@ -1559,6 +1645,7 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
+
 @keyframes lightSpeedIn {
   from {
     -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
@@ -1576,6 +1663,7 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
+
 .lightSpeedIn {
   -webkit-animation-name: lightSpeedIn;
   animation-name: lightSpeedIn;
@@ -1589,6 +1677,7 @@ iframe {
     -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
     transform: translate3d(100%, 0, 0) skewX(30deg);
     opacity: 0; } }
+
 @keyframes lightSpeedOut {
   from {
     opacity: 1; }
@@ -1596,6 +1685,7 @@ iframe {
     -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
     transform: translate3d(100%, 0, 0) skewX(30deg);
     opacity: 0; } }
+
 .lightSpeedOut {
   -webkit-animation-name: lightSpeedOut;
   animation-name: lightSpeedOut;
@@ -1615,6 +1705,7 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
+
 @keyframes rotateIn {
   from {
     -webkit-transform-origin: center;
@@ -1628,6 +1719,7 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
+
 .rotateIn {
   -webkit-animation-name: rotateIn;
   animation-name: rotateIn; }
@@ -1645,6 +1737,7 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
+
 @keyframes rotateInDownLeft {
   from {
     -webkit-transform-origin: left bottom;
@@ -1658,6 +1751,7 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
+
 .rotateInDownLeft {
   -webkit-animation-name: rotateInDownLeft;
   animation-name: rotateInDownLeft; }
@@ -1675,6 +1769,7 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
+
 @keyframes rotateInDownRight {
   from {
     -webkit-transform-origin: right bottom;
@@ -1688,6 +1783,7 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
+
 .rotateInDownRight {
   -webkit-animation-name: rotateInDownRight;
   animation-name: rotateInDownRight; }
@@ -1705,6 +1801,7 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
+
 @keyframes rotateInUpLeft {
   from {
     -webkit-transform-origin: left bottom;
@@ -1718,6 +1815,7 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
+
 .rotateInUpLeft {
   -webkit-animation-name: rotateInUpLeft;
   animation-name: rotateInUpLeft; }
@@ -1735,6 +1833,7 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
+
 @keyframes rotateInUpRight {
   from {
     -webkit-transform-origin: right bottom;
@@ -1748,6 +1847,7 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
+
 .rotateInUpRight {
   -webkit-animation-name: rotateInUpRight;
   animation-name: rotateInUpRight; }
@@ -1763,6 +1863,7 @@ iframe {
     -webkit-transform: rotate3d(0, 0, 1, 200deg);
     transform: rotate3d(0, 0, 1, 200deg);
     opacity: 0; } }
+
 @keyframes rotateOut {
   from {
     -webkit-transform-origin: center;
@@ -1774,6 +1875,7 @@ iframe {
     -webkit-transform: rotate3d(0, 0, 1, 200deg);
     transform: rotate3d(0, 0, 1, 200deg);
     opacity: 0; } }
+
 .rotateOut {
   -webkit-animation-name: rotateOut;
   animation-name: rotateOut; }
@@ -1789,6 +1891,7 @@ iframe {
     -webkit-transform: rotate3d(0, 0, 1, 45deg);
     transform: rotate3d(0, 0, 1, 45deg);
     opacity: 0; } }
+
 @keyframes rotateOutDownLeft {
   from {
     -webkit-transform-origin: left bottom;
@@ -1800,6 +1903,7 @@ iframe {
     -webkit-transform: rotate3d(0, 0, 1, 45deg);
     transform: rotate3d(0, 0, 1, 45deg);
     opacity: 0; } }
+
 .rotateOutDownLeft {
   -webkit-animation-name: rotateOutDownLeft;
   animation-name: rotateOutDownLeft; }
@@ -1815,6 +1919,7 @@ iframe {
     -webkit-transform: rotate3d(0, 0, 1, -45deg);
     transform: rotate3d(0, 0, 1, -45deg);
     opacity: 0; } }
+
 @keyframes rotateOutDownRight {
   from {
     -webkit-transform-origin: right bottom;
@@ -1826,6 +1931,7 @@ iframe {
     -webkit-transform: rotate3d(0, 0, 1, -45deg);
     transform: rotate3d(0, 0, 1, -45deg);
     opacity: 0; } }
+
 .rotateOutDownRight {
   -webkit-animation-name: rotateOutDownRight;
   animation-name: rotateOutDownRight; }
@@ -1841,6 +1947,7 @@ iframe {
     -webkit-transform: rotate3d(0, 0, 1, -45deg);
     transform: rotate3d(0, 0, 1, -45deg);
     opacity: 0; } }
+
 @keyframes rotateOutUpLeft {
   from {
     -webkit-transform-origin: left bottom;
@@ -1852,6 +1959,7 @@ iframe {
     -webkit-transform: rotate3d(0, 0, 1, -45deg);
     transform: rotate3d(0, 0, 1, -45deg);
     opacity: 0; } }
+
 .rotateOutUpLeft {
   -webkit-animation-name: rotateOutUpLeft;
   animation-name: rotateOutUpLeft; }
@@ -1867,6 +1975,7 @@ iframe {
     -webkit-transform: rotate3d(0, 0, 1, 90deg);
     transform: rotate3d(0, 0, 1, 90deg);
     opacity: 0; } }
+
 @keyframes rotateOutUpRight {
   from {
     -webkit-transform-origin: right bottom;
@@ -1878,6 +1987,7 @@ iframe {
     -webkit-transform: rotate3d(0, 0, 1, 90deg);
     transform: rotate3d(0, 0, 1, 90deg);
     opacity: 0; } }
+
 .rotateOutUpRight {
   -webkit-animation-name: rotateOutUpRight;
   animation-name: rotateOutUpRight; }
@@ -1907,6 +2017,7 @@ iframe {
     -webkit-transform: translate3d(0, 700px, 0);
     transform: translate3d(0, 700px, 0);
     opacity: 0; } }
+
 @keyframes hinge {
   0% {
     -webkit-transform-origin: top left;
@@ -1932,6 +2043,7 @@ iframe {
     -webkit-transform: translate3d(0, 700px, 0);
     transform: translate3d(0, 700px, 0);
     opacity: 0; } }
+
 .hinge {
   -webkit-animation-name: hinge;
   animation-name: hinge; }
@@ -1946,6 +2058,7 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
+
 @keyframes rollIn {
   from {
     opacity: 0;
@@ -1955,6 +2068,7 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
+
 .rollIn {
   -webkit-animation-name: rollIn;
   animation-name: rollIn; }
@@ -1967,6 +2081,7 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
     transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
+
 @keyframes rollOut {
   from {
     opacity: 1; }
@@ -1974,6 +2089,7 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
     transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
+
 .rollOut {
   -webkit-animation-name: rollOut;
   animation-name: rollOut; }
@@ -1985,6 +2101,7 @@ iframe {
     transform: scale3d(0.3, 0.3, 0.3); }
   50% {
     opacity: 1; } }
+
 @keyframes zoomIn {
   from {
     opacity: 0;
@@ -1992,6 +2109,7 @@ iframe {
     transform: scale3d(0.3, 0.3, 0.3); }
   50% {
     opacity: 1; } }
+
 .zoomIn {
   -webkit-animation-name: zoomIn;
   animation-name: zoomIn; }
@@ -2009,6 +2127,7 @@ iframe {
     transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+
 @keyframes zoomInDown {
   from {
     opacity: 0;
@@ -2022,6 +2141,7 @@ iframe {
     transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+
 .zoomInDown {
   -webkit-animation-name: zoomInDown;
   animation-name: zoomInDown; }
@@ -2039,6 +2159,7 @@ iframe {
     transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+
 @keyframes zoomInLeft {
   from {
     opacity: 0;
@@ -2052,6 +2173,7 @@ iframe {
     transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+
 .zoomInLeft {
   -webkit-animation-name: zoomInLeft;
   animation-name: zoomInLeft; }
@@ -2069,6 +2191,7 @@ iframe {
     transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+
 @keyframes zoomInRight {
   from {
     opacity: 0;
@@ -2082,6 +2205,7 @@ iframe {
     transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+
 .zoomInRight {
   -webkit-animation-name: zoomInRight;
   animation-name: zoomInRight; }
@@ -2099,6 +2223,7 @@ iframe {
     transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+
 @keyframes zoomInUp {
   from {
     opacity: 0;
@@ -2112,6 +2237,7 @@ iframe {
     transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+
 .zoomInUp {
   -webkit-animation-name: zoomInUp;
   animation-name: zoomInUp; }
@@ -2125,6 +2251,7 @@ iframe {
     transform: scale3d(0.3, 0.3, 0.3); }
   to {
     opacity: 0; } }
+
 @keyframes zoomOut {
   from {
     opacity: 1; }
@@ -2134,6 +2261,7 @@ iframe {
     transform: scale3d(0.3, 0.3, 0.3); }
   to {
     opacity: 0; } }
+
 .zoomOut {
   -webkit-animation-name: zoomOut;
   animation-name: zoomOut; }
@@ -2153,6 +2281,7 @@ iframe {
     transform-origin: center bottom;
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+
 @keyframes zoomOutDown {
   40% {
     opacity: 1;
@@ -2168,6 +2297,7 @@ iframe {
     transform-origin: center bottom;
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+
 .zoomOutDown {
   -webkit-animation-name: zoomOutDown;
   animation-name: zoomOutDown; }
@@ -2183,6 +2313,7 @@ iframe {
     transform: scale(0.1) translate3d(-2000px, 0, 0);
     -webkit-transform-origin: left center;
     transform-origin: left center; } }
+
 @keyframes zoomOutLeft {
   40% {
     opacity: 1;
@@ -2194,6 +2325,7 @@ iframe {
     transform: scale(0.1) translate3d(-2000px, 0, 0);
     -webkit-transform-origin: left center;
     transform-origin: left center; } }
+
 .zoomOutLeft {
   -webkit-animation-name: zoomOutLeft;
   animation-name: zoomOutLeft; }
@@ -2209,6 +2341,7 @@ iframe {
     transform: scale(0.1) translate3d(2000px, 0, 0);
     -webkit-transform-origin: right center;
     transform-origin: right center; } }
+
 @keyframes zoomOutRight {
   40% {
     opacity: 1;
@@ -2220,6 +2353,7 @@ iframe {
     transform: scale(0.1) translate3d(2000px, 0, 0);
     -webkit-transform-origin: right center;
     transform-origin: right center; } }
+
 .zoomOutRight {
   -webkit-animation-name: zoomOutRight;
   animation-name: zoomOutRight; }
@@ -2239,6 +2373,7 @@ iframe {
     transform-origin: center bottom;
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+
 @keyframes zoomOutUp {
   40% {
     opacity: 1;
@@ -2254,6 +2389,7 @@ iframe {
     transform-origin: center bottom;
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
+
 .zoomOutUp {
   -webkit-animation-name: zoomOutUp;
   animation-name: zoomOutUp; }
@@ -2266,6 +2402,7 @@ iframe {
   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }
+
 @keyframes slideInDown {
   from {
     -webkit-transform: translate3d(0, -100%, 0);
@@ -2274,6 +2411,7 @@ iframe {
   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }
+
 .slideInDown {
   -webkit-animation-name: slideInDown;
   animation-name: slideInDown; }
@@ -2286,6 +2424,7 @@ iframe {
   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }
+
 @keyframes slideInLeft {
   from {
     -webkit-transform: translate3d(-100%, 0, 0);
@@ -2294,6 +2433,7 @@ iframe {
   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }
+
 .slideInLeft {
   -webkit-animation-name: slideInLeft;
   animation-name: slideInLeft; }
@@ -2306,6 +2446,7 @@ iframe {
   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }
+
 @keyframes slideInRight {
   from {
     -webkit-transform: translate3d(100%, 0, 0);
@@ -2314,6 +2455,7 @@ iframe {
   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }
+
 .slideInRight {
   -webkit-animation-name: slideInRight;
   animation-name: slideInRight; }
@@ -2326,6 +2468,7 @@ iframe {
   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }
+
 @keyframes slideInUp {
   from {
     -webkit-transform: translate3d(0, 100%, 0);
@@ -2334,6 +2477,7 @@ iframe {
   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }
+
 .slideInUp {
   -webkit-animation-name: slideInUp;
   animation-name: slideInUp; }
@@ -2346,6 +2490,7 @@ iframe {
     visibility: hidden;
     -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0); } }
+
 @keyframes slideOutDown {
   from {
     -webkit-transform: translate3d(0, 0, 0);
@@ -2354,6 +2499,7 @@ iframe {
     visibility: hidden;
     -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0); } }
+
 .slideOutDown {
   -webkit-animation-name: slideOutDown;
   animation-name: slideOutDown; }
@@ -2366,6 +2512,7 @@ iframe {
     visibility: hidden;
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0); } }
+
 @keyframes slideOutLeft {
   from {
     -webkit-transform: translate3d(0, 0, 0);
@@ -2374,6 +2521,7 @@ iframe {
     visibility: hidden;
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0); } }
+
 .slideOutLeft {
   -webkit-animation-name: slideOutLeft;
   animation-name: slideOutLeft; }
@@ -2386,6 +2534,7 @@ iframe {
     visibility: hidden;
     -webkit-transform: translate3d(100%, 0, 0);
     transform: translate3d(100%, 0, 0); } }
+
 @keyframes slideOutRight {
   from {
     -webkit-transform: translate3d(0, 0, 0);
@@ -2394,6 +2543,7 @@ iframe {
     visibility: hidden;
     -webkit-transform: translate3d(100%, 0, 0);
     transform: translate3d(100%, 0, 0); } }
+
 .slideOutRight {
   -webkit-animation-name: slideOutRight;
   animation-name: slideOutRight; }
@@ -2406,6 +2556,7 @@ iframe {
     visibility: hidden;
     -webkit-transform: translate3d(0, -100%, 0);
     transform: translate3d(0, -100%, 0); } }
+
 @keyframes slideOutUp {
   from {
     -webkit-transform: translate3d(0, 0, 0);
@@ -2414,6 +2565,7 @@ iframe {
     visibility: hidden;
     -webkit-transform: translate3d(0, -100%, 0);
     transform: translate3d(0, -100%, 0); } }
+
 .slideOutUp {
   -webkit-animation-name: slideOutUp;
   animation-name: slideOutUp; }
@@ -2596,10 +2748,8 @@ iframe {
 @media only screen and (min-width: 48em) {
   .container {
     width: 46rem; }
-
   .xs-col-table {
     display: inherit; }
-
   .col-sm,
   .col-sm-1,
   .col-sm-2,
@@ -2616,132 +2766,97 @@ iframe {
     box-sizing: border-box;
     flex: 0 0 auto;
     padding-right: 1rem; }
-
   .col-sm {
     flex-grow: 1;
     flex-basis: 0;
     max-width: 100%; }
-
   .col-sm-1 {
     flex-basis: 8.333%;
     max-width: 8.333%; }
-
   .col-sm-2 {
     flex-basis: 16.667%;
     max-width: 16.667%; }
-
   .col-sm-3 {
     flex-basis: 25%;
     max-width: 25%; }
-
   .col-sm-4 {
     flex-basis: 33.333%;
     max-width: 33.333%; }
-
   .col-sm-5 {
     flex-basis: 41.667%;
     max-width: 41.667%; }
-
   .col-sm-6 {
     flex-basis: 50%;
     max-width: 50%; }
-
   .col-sm-7 {
     flex-basis: 58.333%;
     max-width: 58.333%; }
-
   .col-sm-8 {
     flex-basis: 66.667%;
     max-width: 66.667%; }
-
   .col-sm-9 {
     flex-basis: 75%;
     max-width: 75%; }
-
   .col-sm-10 {
     flex-basis: 83.333%;
     max-width: 83.333%; }
-
   .col-sm-11 {
     flex-basis: 91.667%;
     max-width: 91.667%; }
-
   .col-sm-12 {
     flex-basis: 100%;
     max-width: 100%; }
-
   .col-sm-offset-1 {
     margin-left: 8.333%; }
-
   .col-sm-offset-2 {
     margin-left: 16.667%; }
-
   .col-sm-offset-3 {
     margin-left: 25%; }
-
   .col-sm-offset-4 {
     margin-left: 33.333%; }
-
   .col-sm-offset-5 {
     margin-left: 41.667%; }
-
   .col-sm-offset-6 {
     margin-left: 50%; }
-
   .col-sm-offset-7 {
     margin-left: 58.333%; }
-
   .col-sm-offset-8 {
     margin-left: 66.667%; }
-
   .col-sm-offset-9 {
     margin-left: 75%; }
-
   .col-sm-offset-10 {
     margin-left: 83.333%; }
-
   .col-sm-offset-11 {
     margin-left: 91.667%; }
-
   .start-sm {
     justify-content: flex-start;
     text-align: start; }
-
   .center-sm {
     justify-content: center;
     text-align: center; }
-
   .end-sm {
     justify-content: flex-end;
     text-align: end; }
-
   .top-sm {
     align-items: flex-start; }
-
   .middle-sm {
     align-items: center; }
-
   .bottom-sm {
     align-items: flex-end; }
-
   .around-sm {
     justify-content: space-around; }
-
   .between-sm {
     justify-content: space-between; }
-
   .first-sm {
     order: -1; }
-
   .last-sm {
     order: 1; } }
+
 @media only screen and (min-width: 62em) {
   .container {
     width: 61rem; }
-
   .md-col-table {
     display: inherit; }
-
   .col-md,
   .col-md-1,
   .col-md-2,
@@ -2758,132 +2873,97 @@ iframe {
     box-sizing: border-box;
     flex: 0 0 auto;
     padding-right: 1rem; }
-
   .col-md {
     flex-grow: 1;
     flex-basis: 0;
     max-width: 100%; }
-
   .col-md-1 {
     flex-basis: 8.333%;
     max-width: 8.333%; }
-
   .col-md-2 {
     flex-basis: 16.667%;
     max-width: 16.667%; }
-
   .col-md-3 {
     flex-basis: 25%;
     max-width: 25%; }
-
   .col-md-4 {
     flex-basis: 33.333%;
     max-width: 33.333%; }
-
   .col-md-5 {
     flex-basis: 41.667%;
     max-width: 41.667%; }
-
   .col-md-6 {
     flex-basis: 50%;
     max-width: 50%; }
-
   .col-md-7 {
     flex-basis: 58.333%;
     max-width: 58.333%; }
-
   .col-md-8 {
     flex-basis: 66.667%;
     max-width: 66.667%; }
-
   .col-md-9 {
     flex-basis: 75%;
     max-width: 75%; }
-
   .col-md-10 {
     flex-basis: 83.333%;
     max-width: 83.333%; }
-
   .col-md-11 {
     flex-basis: 91.667%;
     max-width: 91.667%; }
-
   .col-md-12 {
     flex-basis: 100%;
     max-width: 100%; }
-
   .col-md-offset-1 {
     margin-left: 8.333%; }
-
   .col-md-offset-2 {
     margin-left: 16.667%; }
-
   .col-md-offset-3 {
     margin-left: 25%; }
-
   .col-md-offset-4 {
     margin-left: 33.333%; }
-
   .col-md-offset-5 {
     margin-left: 41.667%; }
-
   .col-md-offset-6 {
     margin-left: 50%; }
-
   .col-md-offset-7 {
     margin-left: 58.333%; }
-
   .col-md-offset-8 {
     margin-left: 66.667%; }
-
   .col-md-offset-9 {
     margin-left: 75%; }
-
   .col-md-offset-10 {
     margin-left: 83.333%; }
-
   .col-md-offset-11 {
     margin-left: 91.667%; }
-
   .start-md {
     justify-content: flex-start;
     text-align: start; }
-
   .center-md {
     justify-content: center;
     text-align: center; }
-
   .end-md {
     justify-content: flex-end;
     text-align: end; }
-
   .top-md {
     align-items: flex-start; }
-
   .middle-md {
     align-items: center; }
-
   .bottom-md {
     align-items: flex-end; }
-
   .around-md {
     justify-content: space-around; }
-
   .between-md {
     justify-content: space-between; }
-
   .first-md {
     order: -1; }
-
   .last-md {
     order: 1; } }
+
 @media only screen and (min-width: 75em) {
   .container {
     width: 71rem; }
-
   .lg-col-table {
     display: inherit; }
-
   .col-lg,
   .col-lg-1,
   .col-lg-2,
@@ -2900,125 +2980,92 @@ iframe {
     box-sizing: border-box;
     flex: 0 0 auto;
     padding-right: 1rem; }
-
   .col-lg {
     flex-grow: 1;
     flex-basis: 0;
     max-width: 100%; }
-
   .col-lg-1 {
     flex-basis: 8.333%;
     max-width: 8.333%; }
-
   .col-lg-2 {
     flex-basis: 16.667%;
     max-width: 16.667%; }
-
   .col-lg-3 {
     flex-basis: 25%;
     max-width: 25%; }
-
   .col-lg-4 {
     flex-basis: 33.333%;
     max-width: 33.333%; }
-
   .col-lg-5 {
     flex-basis: 41.667%;
     max-width: 41.667%; }
-
   .col-lg-6 {
     flex-basis: 50%;
     max-width: 50%; }
-
   .col-lg-7 {
     flex-basis: 58.333%;
     max-width: 58.333%; }
-
   .col-lg-8 {
     flex-basis: 66.667%;
     max-width: 66.667%; }
-
   .col-lg-9 {
     flex-basis: 75%;
     max-width: 75%; }
-
   .col-lg-10 {
     flex-basis: 83.333%;
     max-width: 83.333%; }
-
   .col-lg-11 {
     flex-basis: 91.667%;
     max-width: 91.667%; }
-
   .col-lg-12 {
     flex-basis: 100%;
     max-width: 100%; }
-
   .col-lg-offset-1 {
     margin-left: 8.333%; }
-
   .col-lg-offset-2 {
     margin-left: 16.667%; }
-
   .col-lg-offset-3 {
     margin-left: 25%; }
-
   .col-lg-offset-4 {
     margin-left: 33.333%; }
-
   .col-lg-offset-5 {
     margin-left: 41.667%; }
-
   .col-lg-offset-6 {
     margin-left: 50%; }
-
   .col-lg-offset-7 {
     margin-left: 58.333%; }
-
   .col-lg-offset-8 {
     margin-left: 66.667%; }
-
   .col-lg-offset-9 {
     margin-left: 75%; }
-
   .col-lg-offset-10 {
     margin-left: 83.333%; }
-
   .col-lg-offset-11 {
     margin-left: 91.667%; }
-
   .start-lg {
     justify-content: flex-start;
     text-align: start; }
-
   .center-lg {
     justify-content: center;
     text-align: center; }
-
   .end-lg {
     justify-content: flex-end;
     text-align: end; }
-
   .top-lg {
     align-items: flex-start; }
-
   .middle-lg {
     align-items: center; }
-
   .bottom-lg {
     align-items: flex-end; }
-
   .around-lg {
     justify-content: space-around; }
-
   .between-lg {
     justify-content: space-between; }
-
   .first-lg {
     order: -1; }
-
   .last-lg {
     order: 1; } }
+
 .portlet-body > article {
   padding: 0; }
 
@@ -3187,6 +3234,7 @@ p {
     background-position: 0; }
   100% {
     background-position: -100%; } }
+
 .tooltip {
   cursor: pointer;
   color: var(--box-highlight);
@@ -3223,6 +3271,7 @@ p {
     -webkit-transform: perspective(120px) rotateY(180deg); }
   100% {
     -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } }
+
 @keyframes sk-rotateplane {
   0% {
     transform: perspective(120px) rotateX(0deg) rotateY(0deg);
@@ -3233,6 +3282,7 @@ p {
   100% {
     transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
     -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
+
 .spinner-2 {
   text-align: center; }
   .spinner-2 > div {
@@ -3255,6 +3305,7 @@ p {
     -webkit-transform: scale(0); }
   40% {
     -webkit-transform: scale(1); } }
+
 @keyframes sk-bouncedelay {
   0%, 80%, 100% {
     -webkit-transform: scale(0);
@@ -3262,6 +3313,7 @@ p {
   40% {
     -webkit-transform: scale(1);
     transform: scale(1); } }
+
 .spinner-3 {
   width: 40px;
   height: 40px;
@@ -3277,6 +3329,7 @@ p {
   100% {
     -webkit-transform: scale(1);
     opacity: 0; } }
+
 @keyframes sk-scaleout {
   0% {
     -webkit-transform: scale(0);
@@ -3285,6 +3338,7 @@ p {
     -webkit-transform: scale(1);
     transform: scale(1);
     opacity: 0; } }
+
 canvas {
   background: #fff;
   user-select: none; }
@@ -3294,18 +3348,23 @@ canvas.chart {
 
 form li {
   margin: 5px 0 5px 0; }
+
 form td {
   white-space: nowrap;
   padding-bottom: 5px; }
   form td textarea + i {
     vertical-align: top; }
+
 form label {
   font-size: 1rem;
   color: black; }
+
 form i + i {
   margin-left: 3px; }
+
 form .layout td + td {
   padding-left: 5px; }
+
 form .list {
   font-size: 1rem; }
   form .list td {
@@ -3338,6 +3397,7 @@ form .list {
 @media (max-width: 768px) {
   .form-group {
     flex-direction: column; } }
+
 .infoIcon {
   width: var(--badge-size);
   text-align: center;
@@ -3365,14 +3425,17 @@ img.frame-1 {
   border: 1px solid var(--box-border);
   box-sizing: border-box;
   width: 100%; }
+
 img.frame-2 {
   border: 1px solid var(--box-border);
   background: #fff;
   box-sizing: border-box;
   width: 100%; }
+
 img.rounded {
   border-radius: 50%;
   background: #fff; }
+
 img.bordered {
   border: 1px solid var(--box-border); }
 
@@ -3512,10 +3575,10 @@ input[type="datetime-local"] {
     height: auto;
     box-shadow: none;
     /*
-    &:hover, &:focus {
-        background: var(--button-colored-background-hover);
-    }
-    */ }
+        &:hover, &:focus {
+            background: var(--button-colored-background-hover);
+        }
+        */ }
   .inputWrapper .textWrapper {
     flex: 1;
     position: relative; }
@@ -3550,8 +3613,10 @@ input[type="datetime-local"] {
 
 .clickPopup label + input {
   display: none; }
+
 .clickPopup .more-functions {
   padding: 0 1rem 0 1rem; }
+
 .clickPopup .popup {
   box-sizing: border-box;
   padding: .5rem 1rem .5rem 1rem;
@@ -3595,9 +3660,9 @@ input[type="datetime-local"] {
     .clickPopup .popup > li a {
       display: block;
       /*
-      &:hover, &:focus {
-      }
-      */ }
+                &:hover, &:focus {
+                }
+                */ }
   .clickPopup .popup i {
     flex-grow: 0; }
 
@@ -3637,6 +3702,16 @@ input::placeholder {
 input:invalid {
   transition: all 0.5s;
   border-color: #f00; }
+  input:invalid ~ i.ok {
+    display: none; }
+  input:invalid ~ i.error {
+    display: inline-block; }
+
+input:valid ~ i.ok {
+  display: inline-block; }
+
+input:valid ~ i.error {
+  display: none; }
 
 textarea, .textarea {
   overflow: auto;
@@ -3848,16 +3923,20 @@ select.plain {
     flex-grow: 1; }
   .more-container > label i {
     flex-grow: 0; }
+
 .more-container > input {
   display: none; }
+
 .more-container > input:checked + label {
   border-bottom: none;
   margin-bottom: 1rem; }
   .more-container > input:checked + label .expand {
     transition: all .3s ease;
     transform: rotateZ(90deg); }
+
 .more-container > input:checked ~ div {
   display: block; }
+
 .more-container > div {
   display: none; }
 
@@ -3910,6 +3989,7 @@ select.plain {
     left: -300%; }
   100% {
     left: -400%; } }
+
 div.slider-1 {
   overflow: hidden; }
   div.slider-1 figure {
@@ -3991,7 +4071,7 @@ div.slider-1 {
       width: 100%; }
 
 @keyframes carousel {
-  0%,  17.5% {
+  0%, 17.5% {
     transform: translateZ(-35vw) rotateY(0); }
   27.5%, 45% {
     transform: translateZ(-35vw) rotateY(-120deg); }
@@ -3999,6 +4079,7 @@ div.slider-1 {
     transform: translateZ(-35vw) rotateY(-240deg); }
   82.5%, 100% {
     transform: translateZ(-35vw) rotateY(-360deg); } }
+
 pre {
   border: 1px solid var(--box-border);
   background: #ccc;
@@ -4070,12 +4151,16 @@ blockquote {
   top: 50%;
   margin-top: -20px;
   left: 100%; }
+
 .crumbs-1 li.active:not(:last-child):after, .crumbs-1 li:hover:not(:last-child):after {
   color: var(--text-on-background-color-2); }
+
 .crumbs-1 li.active:not(:last-child):after {
   border-left: 14px solid var(--button-colored-background); }
+
 .crumbs-1 li:hover:not(:last-child):after {
   border-left: 14px solid var(--button-colored-background-hover); }
+
 .crumbs-1 :last-child:before {
   border: none; }
 
@@ -4160,6 +4245,29 @@ ul.h-list li {
   display: inline-block;
   margin: 5px 10px 5px 10px; }
 
+ul.foldable {
+  list-style-type: none;
+  margin: 0;
+  padding: 0; }
+  ul.foldable input[type="checkbox"] {
+    display: none; }
+  ul.foldable .caret {
+    cursor: pointer;
+    user-select: none; }
+    ul.foldable .caret::before {
+      content: "\25B6";
+      color: black;
+      display: inline-block;
+      margin-right: 6px; }
+  ul.foldable .nested {
+    display: none; }
+  ul.foldable input[type="checkbox"]:checked ~ .nested {
+    display: block; }
+  ul.foldable input[type="checkbox"]:checked ~ .caret::before {
+    transform: rotate(90deg); }
+  ul.foldable ul {
+    list-style-type: none; }
+
 body > nav {
   width: 250px;
   overflow-y: auto;
@@ -4286,25 +4394,27 @@ body > nav {
 @media only screen and (max-width: 800px) {
   #nav-trigger:not(:checked) + nav {
     width: 0%; }
-
   #nav-trigger:checked + nav {
     width: auto;
     min-width: 250px; } }
+
 @media only screen and (max-width: 500px) {
   #nav-trigger:checked + nav {
     width: 100%; }
-
   #nav-trigger:checked ~ main {
     display: none; } }
+
 .pagination li {
   display: inline-block; }
   .pagination li + li {
     margin-left: .5rem; }
+
 .pagination a {
   display: inline-block;
   border-radius: 3px;
   background: #ccc;
   padding: 5px 10px 5px 10px; }
+
 .pagination .active, .pagination a:hover, .pagination a:active {
   color: #000;
   background: #fff; }
@@ -4346,16 +4456,19 @@ body > nav {
     background-position: 0 0; }
   100% {
     background-position: 50px 50px; } }
+
 .meter.orange > span {
   background-color: #f1a165;
   background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1a165), color-stop(1, #f36d0a));
   background-image: -webkit-linear-gradient(#f1a165, #f36d0a); }
+
 .meter.blue > span {
   background-color: #96c2f1;
   background-image: -moz-linear-gradient(top, #96c2f1, #4394f3);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #96c2f1), color-stop(1, #4394f3));
   background-image: -webkit-linear-gradient(#96c2f1, #4394f3); }
+
 .meter.red > span {
   background-color: #f0a3a3;
   background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
@@ -4498,6 +4611,7 @@ section header > h1 {
   padding-bottom: 5px;
   font-size: 1.1em;
   border-bottom: 1px solid #e1e1e1; }
+
 section > h2 {
   box-sizing: border-box;
   font-size: 1.2em;
@@ -4510,6 +4624,7 @@ section > h2 {
   .pagebreak {
     page-break-after: always;
     display: block; } }
+
 .tabview .tab-links {
   color: #000;
   padding: 0.3rem 0 0 0; }
@@ -4533,20 +4648,23 @@ section > h2 {
     cursor: default; }
   .tabview .tab-links li {
     display: inline-block; }
+
 .tabview .tab-content > input {
   display: none; }
+
 .tabview .tab-content > input + div {
   display: none; }
+
 .tabview .tab-content > input:checked + div {
   display: inherit; }
 
 .tab-1 .tab-links {
   margin: 0 0 10px 1px;
   /*
-  .active label {
-      border: 1px solid var(--box-border);
-  }
-  */ }
+        .active label {
+            border: 1px solid var(--box-border);
+        }
+        */ }
   .tab-1 .tab-links label {
     padding: 5px;
     background: none;
@@ -4557,11 +4675,13 @@ section > h2 {
     background: var(--button-colored-background); }
   .tab-1 .tab-links li {
     margin: 0 5px 0 0; }
+
 .tab-1 .tab-content {
   box-sizing: border-box;
   border: 1px solid var(--button-colored-background);
   background: #fff;
   padding: 10px; }
+
 .tab-1.left {
   display: flex; }
   .tab-1.left .tab-links {
@@ -4577,11 +4697,14 @@ section > h2 {
 
 .tab-2 .tab-links label {
   padding: 5px 10px 5px 10px; }
+
 .tab-2 .tab-links li {
   margin: 0 5px 15px 0; }
+
 .tab-2 .tab-links .active a, .tab-2 .tab-links .active label {
   color: var(--text-on-background-color-2);
   background: var(--button-colored-background); }
+
 .tab-2.left {
   display: flex; }
   .tab-2.left .tab-links {
@@ -4750,6 +4873,7 @@ table.default {
 table.list th {
   text-align: left;
   padding: 2px 0 2px 0; }
+
 table.list td {
   padding: 2px 5px 2px 5px; }
 
@@ -4790,6 +4914,7 @@ table.list td {
         font-weight: bold; }
     table.table tfoot {
       display: none; } }
+
 .nobreak {
   white-space: nowrap; }