oo-loop 0.4.16 → 0.5.0

package/dist/loop.css

@@ -84,8 +84,8 @@
  * Font Family
  */
 /**
-  * List
-  */
+ * List
+ */
 /**
  * Container
  */
@@ -681,10 +681,8 @@
  * 2. Prevent adjustments of font size after orientation changes in iOS.
  */
 html {
-  line-height: 1.15;
-  /* 1 */
-  -webkit-text-size-adjust: 100%;
-  /* 2 */
+  line-height: 1.15; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
 }
 
 /* Sections
@@ -712,12 +710,9 @@ h1 {
  * 2. Show the overflow in Edge and IE.
  */
 hr {
-  box-sizing: content-box;
-  /* 1 */
-  height: 0;
-  /* 1 */
-  overflow: visible;
-  /* 2 */
+  box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
 }
 
 /**
@@ -725,10 +720,8 @@ hr {
  * 2. Correct the odd `em` font sizing in all browsers.
  */
 pre {
-  font-family: monospace, monospace;
-  /* 1 */
-  font-size: 1em;
-  /* 2 */
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
 }
 
 /* Text-level semantics
@@ -745,12 +738,9 @@ a {
  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  */
 abbr[title] {
-  border-bottom: none;
-  /* 1 */
-  text-decoration: underline;
-  /* 2 */
-  text-decoration: underline dotted;
-  /* 2 */
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  text-decoration: underline dotted; /* 2 */
 }
 
 /**
@@ -768,10 +758,8 @@ strong {
 code,
 kbd,
 samp {
-  font-family: monospace, monospace;
-  /* 1 */
-  font-size: 1em;
-  /* 2 */
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
 }
 
 /**
@@ -821,14 +809,10 @@ input,
 optgroup,
 select,
 textarea {
-  font-family: inherit;
-  /* 1 */
-  font-size: 100%;
-  /* 1 */
-  line-height: 1.15;
-  /* 1 */
-  margin: 0;
-  /* 2 */
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
 }
 
 /**
@@ -836,8 +820,7 @@ textarea {
  * 1. Show the overflow in Edge.
  */
 button,
-input {
-  /* 1 */
+input { /* 1 */
   overflow: visible;
 }
 
@@ -846,8 +829,7 @@ input {
  * 1. Remove the inheritance of text transform in Firefox.
  */
 button,
-select {
-  /* 1 */
+select { /* 1 */
   text-transform: none;
 }
 
@@ -855,9 +837,9 @@ select {
  * Correct the inability to style clickable types in iOS and Safari.
  */
 button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
+[type=button],
+[type=reset],
+[type=submit] {
   -webkit-appearance: button;
 }
 
@@ -865,9 +847,9 @@ button,
  * Remove the inner border and padding in Firefox.
  */
 button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
+[type=button]::-moz-focus-inner,
+[type=reset]::-moz-focus-inner,
+[type=submit]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
@@ -876,9 +858,9 @@ button::-moz-focus-inner,
  * Restore the focus styles unset by the previous rule.
  */
 button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
+[type=button]:-moz-focusring,
+[type=reset]:-moz-focusring,
+[type=submit]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
@@ -896,18 +878,12 @@ fieldset {
  *    `fieldset` elements in all browsers.
  */
 legend {
-  box-sizing: border-box;
-  /* 1 */
-  color: inherit;
-  /* 2 */
-  display: table;
-  /* 1 */
-  max-width: 100%;
-  /* 1 */
-  padding: 0;
-  /* 3 */
-  white-space: normal;
-  /* 1 */
+  box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
 }
 
 /**
@@ -928,19 +904,17 @@ textarea {
  * 1. Add the correct box sizing in IE 10.
  * 2. Remove the padding in IE 10.
  */
-[type="checkbox"],
-[type="radio"] {
-  box-sizing: border-box;
-  /* 1 */
-  padding: 0;
-  /* 2 */
+[type=checkbox],
+[type=radio] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
 }
 
 /**
  * Correct the cursor style of increment and decrement buttons in Chrome.
  */
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
+[type=number]::-webkit-inner-spin-button,
+[type=number]::-webkit-outer-spin-button {
   height: auto;
 }
 
@@ -948,17 +922,15 @@ textarea {
  * 1. Correct the odd appearance in Chrome and Safari.
  * 2. Correct the outline style in Safari.
  */
-[type="search"] {
-  -webkit-appearance: textfield;
-  /* 1 */
-  outline-offset: -2px;
-  /* 2 */
+[type=search] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
 }
 
 /**
  * Remove the inner padding in Chrome and Safari on macOS.
  */
-[type="search"]::-webkit-search-decoration {
+[type=search]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
@@ -967,10 +939,8 @@ textarea {
  * 2. Change font properties to `inherit` in Safari.
  */
 ::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  /* 1 */
-  font: inherit;
-  /* 2 */
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
 }
 
 /* Interactive
@@ -1040,7 +1010,6 @@ h1 {
   line-height: 1.125;
   font-size: 3.6rem;
 }
-
 @media (min-width: 600px) {
   h1 {
     font-size: 4.6rem;
@@ -1054,7 +1023,6 @@ h1 {
   line-height: 1.125;
   font-size: 3.6rem;
 }
-
 @media (min-width: 600px) {
   .h1 {
     font-size: 4.6rem;
@@ -1068,7 +1036,6 @@ h2 {
   line-height: 1.125;
   font-size: 3.2rem;
 }
-
 @media (min-width: 600px) {
   h2 {
     font-size: 3.8rem;
@@ -1082,7 +1049,6 @@ h2 {
   line-height: 1.125;
   font-size: 3.2rem;
 }
-
 @media (min-width: 600px) {
   .h2 {
     font-size: 3.8rem;
@@ -1149,9 +1115,8 @@ a {
   color: #6cd7f7;
   text-decoration: none;
 }
-
 a:focus, a:hover {
-  color: #32c7f4;
+  color: rgb(49.9587096774, 199.2064516129, 243.8412903226);
   text-decoration: none;
 }
 
@@ -1159,17 +1124,15 @@ ul,
 ol {
   padding-left: 18px;
 }
-
 ul li,
 ol li {
-  margin-bottom: .2em;
+  margin-bottom: 0.2em;
 }
-
 ul > ul, ul ol,
 ol > ul,
 ol ol {
-  margin-top: .3em;
-  margin-bottom: .5em;
+  margin-top: 0.3em;
+  margin-bottom: 0.5em;
 }
 
 dt {
@@ -1179,9 +1142,8 @@ dt {
 dd {
   margin-left: auto;
 }
-
 dd + dt {
-  margin-top: .5em;
+  margin-top: 0.5em;
 }
 
 mark {
@@ -1200,110 +1162,110 @@ hr, .hr {
 /**
  * Grid
  */
-[oo-grid~="layout"] {
+[oo-grid~=layout] {
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   grid-gap: 2.4rem;
 }
 
-[oo-grid*="col"],
-[oo-grid*="row"] {
+[oo-grid*=col],
+[oo-grid*=row] {
   min-width: 0;
 }
 
-[oo-grid~="col-1"] {
+[oo-grid~=col-1] {
   grid-column: span 1;
 }
 
-[oo-grid~="row-1"] {
+[oo-grid~=row-1] {
   grid-row: span 1;
 }
 
-[oo-grid~="col-2"] {
+[oo-grid~=col-2] {
   grid-column: span 2;
 }
 
-[oo-grid~="row-2"] {
+[oo-grid~=row-2] {
   grid-row: span 2;
 }
 
-[oo-grid~="col-3"] {
+[oo-grid~=col-3] {
   grid-column: span 3;
 }
 
-[oo-grid~="row-3"] {
+[oo-grid~=row-3] {
   grid-row: span 3;
 }
 
-[oo-grid~="col-4"] {
+[oo-grid~=col-4] {
   grid-column: span 4;
 }
 
-[oo-grid~="row-4"] {
+[oo-grid~=row-4] {
   grid-row: span 4;
 }
 
-[oo-grid~="col-5"] {
+[oo-grid~=col-5] {
   grid-column: span 5;
 }
 
-[oo-grid~="row-5"] {
+[oo-grid~=row-5] {
   grid-row: span 5;
 }
 
-[oo-grid~="col-6"] {
+[oo-grid~=col-6] {
   grid-column: span 6;
 }
 
-[oo-grid~="row-6"] {
+[oo-grid~=row-6] {
   grid-row: span 6;
 }
 
-[oo-grid~="col-7"] {
+[oo-grid~=col-7] {
   grid-column: span 7;
 }
 
-[oo-grid~="row-7"] {
+[oo-grid~=row-7] {
   grid-row: span 7;
 }
 
-[oo-grid~="col-8"] {
+[oo-grid~=col-8] {
   grid-column: span 8;
 }
 
-[oo-grid~="row-8"] {
+[oo-grid~=row-8] {
   grid-row: span 8;
 }
 
-[oo-grid~="col-9"] {
+[oo-grid~=col-9] {
   grid-column: span 9;
 }
 
-[oo-grid~="row-9"] {
+[oo-grid~=row-9] {
   grid-row: span 9;
 }
 
-[oo-grid~="col-10"] {
+[oo-grid~=col-10] {
   grid-column: span 10;
 }
 
-[oo-grid~="row-10"] {
+[oo-grid~=row-10] {
   grid-row: span 10;
 }
 
-[oo-grid~="col-11"] {
+[oo-grid~=col-11] {
   grid-column: span 11;
 }
 
-[oo-grid~="row-11"] {
+[oo-grid~=row-11] {
   grid-row: span 11;
 }
 
-[oo-grid~="col-12"] {
+[oo-grid~=col-12] {
   grid-column: span 12;
 }
 
-[oo-grid~="row-12"] {
+[oo-grid~=row-12] {
   grid-row: span 12;
 }
 
@@ -1381,7 +1343,6 @@ hr, .hr {
     grid-row: span 12;
   }
 }
-
 @media (min-width: 960px) {
   [oo-grid~="col-1@md"] {
     grid-column: span 1;
@@ -1456,7 +1417,6 @@ hr, .hr {
     grid-row: span 12;
   }
 }
-
 @media (min-width: 1280px) {
   [oo-grid~="col-1@lg"] {
     grid-column: span 1;
@@ -1531,7 +1491,6 @@ hr, .hr {
     grid-row: span 12;
   }
 }
-
 @media (min-width: 600px) {
   [oo-grid~="order-0@sm"] {
     order: -1;
@@ -1573,7 +1532,6 @@ hr, .hr {
     order: 12;
   }
 }
-
 @media (min-width: 960px) {
   [oo-grid~="order-0@md"] {
     order: -1;
@@ -1615,7 +1573,6 @@ hr, .hr {
     order: 12;
   }
 }
-
 @media (min-width: 1280px) {
   [oo-grid~="order-0@lg"] {
     order: -1;
@@ -1657,27 +1614,26 @@ hr, .hr {
     order: 12;
   }
 }
-
-[oo-grid~="gap-less"] {
+[oo-grid~=gap-less] {
   grid-gap: 0;
 }
 
-[oo-grid~="gap-small"] {
+[oo-grid~=gap-small] {
   grid-gap: 1.6rem;
 }
 
-[oo-grid~="v-gap-less"] {
+[oo-grid~=v-gap-less] {
   grid-row-gap: 0;
 }
 
-[oo-grid~="v-gap-small"] {
+[oo-grid~=v-gap-small] {
   grid-row-gap: 1.6rem;
 }
 
 /**
  * Column
  */
-[oo-column~="row"] {
+[oo-column~=row] {
   position: relative;
   left: -2.4rem;
   margin-right: -2.4rem;
@@ -1687,7 +1643,7 @@ hr, .hr {
   flex-wrap: wrap;
 }
 
-[oo-column*="col"] {
+[oo-column*=col] {
   padding-left: 2.4rem;
   padding-bottom: 2.4rem;
   flex-shrink: 0;
@@ -1697,133 +1653,133 @@ hr, .hr {
   max-width: 100%;
 }
 
-[oo-column~="col"] {
+[oo-column~=col] {
   flex-basis: 0;
   max-width: 100%;
 }
 
-[oo-column~="col-1"] {
-  flex-basis: 8.333333%;
-  max-width: 8.333333%;
+[oo-column~=col-1] {
+  flex-basis: 8.3333333333%;
+  max-width: 8.3333333333%;
 }
 
-[oo-column~="col-2"] {
-  flex-basis: 16.666667%;
-  max-width: 16.666667%;
+[oo-column~=col-2] {
+  flex-basis: 16.6666666667%;
+  max-width: 16.6666666667%;
 }
 
-[oo-column~="col-3"] {
+[oo-column~=col-3] {
   flex-basis: 25%;
   max-width: 25%;
 }
 
-[oo-column~="col-4"] {
-  flex-basis: 33.333333%;
-  max-width: 33.333333%;
+[oo-column~=col-4] {
+  flex-basis: 33.3333333333%;
+  max-width: 33.3333333333%;
 }
 
-[oo-column~="col-5"] {
-  flex-basis: 41.666667%;
-  max-width: 41.666667%;
+[oo-column~=col-5] {
+  flex-basis: 41.6666666667%;
+  max-width: 41.6666666667%;
 }
 
-[oo-column~="col-6"] {
+[oo-column~=col-6] {
   flex-basis: 50%;
   max-width: 50%;
 }
 
-[oo-column~="col-7"] {
-  flex-basis: 58.333333%;
-  max-width: 58.333333%;
+[oo-column~=col-7] {
+  flex-basis: 58.3333333333%;
+  max-width: 58.3333333333%;
 }
 
-[oo-column~="col-8"] {
-  flex-basis: 66.666667%;
-  max-width: 66.666667%;
+[oo-column~=col-8] {
+  flex-basis: 66.6666666667%;
+  max-width: 66.6666666667%;
 }
 
-[oo-column~="col-9"] {
+[oo-column~=col-9] {
   flex-basis: 75%;
   max-width: 75%;
 }
 
-[oo-column~="col-10"] {
-  flex-basis: 83.333333%;
-  max-width: 83.333333%;
+[oo-column~=col-10] {
+  flex-basis: 83.3333333333%;
+  max-width: 83.3333333333%;
 }
 
-[oo-column~="col-11"] {
-  flex-basis: 91.666667%;
-  max-width: 91.666667%;
+[oo-column~=col-11] {
+  flex-basis: 91.6666666667%;
+  max-width: 91.6666666667%;
 }
 
-[oo-column~="col-12"] {
+[oo-column~=col-12] {
   flex-basis: 100%;
   max-width: 100%;
 }
 
-[oo-column~="self-adjust"] {
+[oo-column~=self-adjust] {
   min-width: auto;
   flex-grow: 0;
   flex-basis: auto;
 }
 
-[oo-column~="align-left"] {
+[oo-column~=align-left] {
   justify-content: flex-start;
 }
 
-[oo-column~="align-center"] {
+[oo-column~=align-center] {
   justify-content: center;
 }
 
-[oo-column~="align-right"] {
+[oo-column~=align-right] {
   justify-content: flex-end;
 }
 
-[oo-column~="align-evenly"] {
+[oo-column~=align-evenly] {
   justify-content: space-evenly;
 }
 
-[oo-column~="align-between"] {
+[oo-column~=align-between] {
   justify-content: space-between;
 }
 
-[oo-column~="align-top"] {
+[oo-column~=align-top] {
   align-items: flex-start;
 }
 
-[oo-column~="align-middle"] {
+[oo-column~=align-middle] {
   align-items: center;
 }
 
-[oo-column~="align-bottom"] {
+[oo-column~=align-bottom] {
   align-items: flex-end;
 }
 
-[oo-column~="self-align-left"] {
+[oo-column~=self-align-left] {
   margin-left: initial;
   margin-right: initial;
 }
 
-[oo-column~="self-align-center"] {
+[oo-column~=self-align-center] {
   margin-left: auto;
   margin-right: auto;
 }
 
-[oo-column~="self-align-right"] {
+[oo-column~=self-align-right] {
   margin-left: auto;
   margin-right: initial;
 }
 
-[oo-column~="self-align-top"] {
+[oo-column~=self-align-top] {
   align-self: flex-start;
 }
 
-[oo-column~="self-align-middle"] {
+[oo-column~=self-align-middle] {
   align-self: center;
 }
 
-[oo-column~="self-align-bottom"] {
+[oo-column~=self-align-bottom] {
   align-self: flex-end;
 }
 
@@ -1833,48 +1789,48 @@ hr, .hr {
     max-width: 100%;
   }
   [oo-column~="col-1@sm"] {
-    flex-basis: 8.333333%;
-    max-width: 8.333333%;
+    flex-basis: 8.3333333333%;
+    max-width: 8.3333333333%;
   }
   [oo-column~="col-2@sm"] {
-    flex-basis: 16.666667%;
-    max-width: 16.666667%;
+    flex-basis: 16.6666666667%;
+    max-width: 16.6666666667%;
   }
   [oo-column~="col-3@sm"] {
     flex-basis: 25%;
     max-width: 25%;
   }
   [oo-column~="col-4@sm"] {
-    flex-basis: 33.333333%;
-    max-width: 33.333333%;
+    flex-basis: 33.3333333333%;
+    max-width: 33.3333333333%;
   }
   [oo-column~="col-5@sm"] {
-    flex-basis: 41.666667%;
-    max-width: 41.666667%;
+    flex-basis: 41.6666666667%;
+    max-width: 41.6666666667%;
   }
   [oo-column~="col-6@sm"] {
     flex-basis: 50%;
     max-width: 50%;
   }
   [oo-column~="col-7@sm"] {
-    flex-basis: 58.333333%;
-    max-width: 58.333333%;
+    flex-basis: 58.3333333333%;
+    max-width: 58.3333333333%;
   }
   [oo-column~="col-8@sm"] {
-    flex-basis: 66.666667%;
-    max-width: 66.666667%;
+    flex-basis: 66.6666666667%;
+    max-width: 66.6666666667%;
   }
   [oo-column~="col-9@sm"] {
     flex-basis: 75%;
     max-width: 75%;
   }
   [oo-column~="col-10@sm"] {
-    flex-basis: 83.333333%;
-    max-width: 83.333333%;
+    flex-basis: 83.3333333333%;
+    max-width: 83.3333333333%;
   }
   [oo-column~="col-11@sm"] {
-    flex-basis: 91.666667%;
-    max-width: 91.666667%;
+    flex-basis: 91.6666666667%;
+    max-width: 91.6666666667%;
   }
   [oo-column~="col-12@sm"] {
     flex-basis: 100%;
@@ -1926,55 +1882,54 @@ hr, .hr {
     align-self: flex-end;
   }
 }
-
 @media (min-width: 960px) {
   [oo-column~="col@md"] {
     flex-basis: 0;
     max-width: 100%;
   }
   [oo-column~="col-1@md"] {
-    flex-basis: 8.333333%;
-    max-width: 8.333333%;
+    flex-basis: 8.3333333333%;
+    max-width: 8.3333333333%;
   }
   [oo-column~="col-2@md"] {
-    flex-basis: 16.666667%;
-    max-width: 16.666667%;
+    flex-basis: 16.6666666667%;
+    max-width: 16.6666666667%;
   }
   [oo-column~="col-3@md"] {
     flex-basis: 25%;
     max-width: 25%;
   }
   [oo-column~="col-4@md"] {
-    flex-basis: 33.333333%;
-    max-width: 33.333333%;
+    flex-basis: 33.3333333333%;
+    max-width: 33.3333333333%;
   }
   [oo-column~="col-5@md"] {
-    flex-basis: 41.666667%;
-    max-width: 41.666667%;
+    flex-basis: 41.6666666667%;
+    max-width: 41.6666666667%;
   }
   [oo-column~="col-6@md"] {
     flex-basis: 50%;
     max-width: 50%;
   }
   [oo-column~="col-7@md"] {
-    flex-basis: 58.333333%;
-    max-width: 58.333333%;
+    flex-basis: 58.3333333333%;
+    max-width: 58.3333333333%;
   }
   [oo-column~="col-8@md"] {
-    flex-basis: 66.666667%;
-    max-width: 66.666667%;
+    flex-basis: 66.6666666667%;
+    max-width: 66.6666666667%;
   }
   [oo-column~="col-9@md"] {
     flex-basis: 75%;
     max-width: 75%;
   }
   [oo-column~="col-10@md"] {
-    flex-basis: 83.333333%;
-    max-width: 83.333333%;
+    flex-basis: 83.3333333333%;
+    max-width: 83.3333333333%;
   }
   [oo-column~="col-11@md"] {
-    flex-basis: 91.666667%;
-    max-width: 91.666667%;
+    flex-basis: 91.6666666667%;
+    max-width: 91.6666666667%;
   }
   [oo-column~="col-12@md"] {
     flex-basis: 100%;
@@ -2026,55 +1981,54 @@ hr, .hr {
     align-self: flex-end;
   }
 }
-
 @media (min-width: 1280px) {
   [oo-column~="col@lg"] {
     flex-basis: 0;
     max-width: 100%;
   }
   [oo-column~="col-1@lg"] {
-    flex-basis: 8.333333%;
-    max-width: 8.333333%;
+    flex-basis: 8.3333333333%;
+    max-width: 8.3333333333%;
   }
   [oo-column~="col-2@lg"] {
-    flex-basis: 16.666667%;
-    max-width: 16.666667%;
+    flex-basis: 16.6666666667%;
+    max-width: 16.6666666667%;
   }
   [oo-column~="col-3@lg"] {
     flex-basis: 25%;
     max-width: 25%;
   }
   [oo-column~="col-4@lg"] {
-    flex-basis: 33.333333%;
-    max-width: 33.333333%;
+    flex-basis: 33.3333333333%;
+    max-width: 33.3333333333%;
   }
   [oo-column~="col-5@lg"] {
-    flex-basis: 41.666667%;
-    max-width: 41.666667%;
+    flex-basis: 41.6666666667%;
+    max-width: 41.6666666667%;
   }
   [oo-column~="col-6@lg"] {
     flex-basis: 50%;
     max-width: 50%;
   }
   [oo-column~="col-7@lg"] {
-    flex-basis: 58.333333%;
-    max-width: 58.333333%;
+    flex-basis: 58.3333333333%;
+    max-width: 58.3333333333%;
   }
   [oo-column~="col-8@lg"] {
-    flex-basis: 66.666667%;
-    max-width: 66.666667%;
+    flex-basis: 66.6666666667%;
+    max-width: 66.6666666667%;
   }
   [oo-column~="col-9@lg"] {
     flex-basis: 75%;
     max-width: 75%;
   }
   [oo-column~="col-10@lg"] {
-    flex-basis: 83.333333%;
-    max-width: 83.333333%;
+    flex-basis: 83.3333333333%;
+    max-width: 83.3333333333%;
   }
   [oo-column~="col-11@lg"] {
-    flex-basis: 91.666667%;
-    max-width: 91.666667%;
+    flex-basis: 91.6666666667%;
+    max-width: 91.6666666667%;
   }
   [oo-column~="col-12@lg"] {
     flex-basis: 100%;
@@ -2126,33 +2080,32 @@ hr, .hr {
     align-self: flex-end;
   }
 }
-
-[oo-column*="child-align-"] > * {
+[oo-column*=child-align-] > * {
   display: flex;
   flex-direction: column;
 }
 
-[oo-column~="child-align-left"] > * {
+[oo-column~=child-align-left] > * {
   align-items: flex-start;
 }
 
-[oo-column~="child-align-center"] > * {
+[oo-column~=child-align-center] > * {
   align-items: center;
 }
 
-[oo-column~="child-align-right"] > * {
+[oo-column~=child-align-right] > * {
   align-items: flex-end;
 }
 
-[oo-column~="child-align-top"] > * {
+[oo-column~=child-align-top] > * {
   justify-content: flex-start;
 }
 
-[oo-column~="child-align-middle"] > * {
+[oo-column~=child-align-middle] > * {
   justify-content: center;
 }
 
-[oo-column~="child-align-bottom"] > * {
+[oo-column~=child-align-bottom] > * {
   justify-content: flex-end;
 }
 
@@ -2197,7 +2150,6 @@ hr, .hr {
     order: 12;
   }
 }
-
 @media (min-width: 960px) {
   [oo-column~="order-0@md"] {
     order: -1;
@@ -2239,7 +2191,6 @@ hr, .hr {
     order: 12;
   }
 }
-
 @media (min-width: 1280px) {
   [oo-column~="order-0@lg"] {
     order: -1;
@@ -2281,48 +2232,43 @@ hr, .hr {
     order: 12;
   }
 }
-
-[oo-column~="stretch"] {
+[oo-column~=stretch] {
   align-items: stretch;
 }
-
-[oo-column~="stretch"] > [oo-column*="col"] {
+[oo-column~=stretch] > [oo-column*=col] {
   display: flex;
 }
-
-[oo-column~="stretch"] > [oo-column*="col"] > * {
+[oo-column~=stretch] > [oo-column*=col] > * {
   width: 100%;
 }
 
-[oo-column~="gutter-less"] {
+[oo-column~=gutter-less] {
   left: -0;
   margin-right: -0;
 }
-
-[oo-column~="gutter-less"] > [oo-column*="col"] {
+[oo-column~=gutter-less] > [oo-column*=col] {
   padding-bottom: 0;
   padding-left: 0;
 }
 
-[oo-column~="gutter-small"] {
+[oo-column~=gutter-small] {
   left: -1.6rem;
   margin-right: -1.6rem;
 }
-
-[oo-column~="gutter-small"] > [oo-column*="col"] {
+[oo-column~=gutter-small] > [oo-column*=col] {
   padding-bottom: 1.6rem;
   padding-left: 1.6rem;
 }
 
-[oo-column~="v-gutter-less"] > [oo-column*="col"] {
+[oo-column~=v-gutter-less] > [oo-column*=col] {
   padding-bottom: 0;
 }
 
-[oo-column~="v-gutter-small"] > [oo-column*="col"] {
+[oo-column~=v-gutter-small] > [oo-column*=col] {
   padding-bottom: 1.6rem;
 }
 
-[oo-column~="clear"] {
+[oo-column~=clear] {
   flex-basis: 100%;
   max-width: 100%;
 }
@@ -2352,112 +2298,98 @@ hr, .hr {
   -moz-appearance: none;
   appearance: none;
 }
-
 [oo-button]:focus {
   outline: none;
 }
-
 [oo-button]:hover, [oo-button]:focus {
   color: #333;
-  background-color: #e6e6e6;
+  background-color: rgb(229.5, 229.5, 229.5);
 }
-
 [oo-button]:active {
-  background-color: #e0e0e0;
-  box-shadow: inset 1px 1px 1px 0 #bfbfbf;
+  background-color: rgb(224.4, 224.4, 224.4);
+  box-shadow: inset 1px 1px 1px 0 #cccccc;
 }
-
 [oo-button].full {
   padding-left: 2px;
   padding-right: 2px;
 }
 
-[oo-button~="primary"] {
+[oo-button~=primary] {
   color: #fff;
   background-color: #6cd7f7;
   border-color: #6cd7f7;
 }
-
-[oo-button~="primary"]:hover, [oo-button~="primary"]:focus {
+[oo-button~=primary]:hover, [oo-button~=primary]:focus {
   color: #fff;
-  border-color: #3ccaf4;
-  background-color: #3ccaf4;
+  border-color: rgb(59.6322580645, 201.8387096774, 244.3677419355);
+  background-color: rgb(59.6322580645, 201.8387096774, 244.3677419355);
 }
-
-[oo-button~="primary"]:active {
-  border-color: #32c7f4;
-  background-color: #32c7f4;
-  box-shadow: inset 1px 1px 1px 0 #0ca9d8;
+[oo-button~=primary]:active {
+  border-color: rgb(49.9587096774, 199.2064516129, 243.8412903226);
+  background-color: rgb(49.9587096774, 199.2064516129, 243.8412903226);
+  box-shadow: inset 1px 1px 1px 0 rgb(11.7419354839, 168.7903225806, 215.7580645161);
 }
 
-[oo-button~="secondary"] {
+[oo-button~=secondary] {
   color: #fff;
   background-color: #254F67;
   border-color: #254F67;
 }
-
-[oo-button~="secondary"]:hover, [oo-button~="secondary"]:focus {
+[oo-button~=secondary]:hover, [oo-button~=secondary]:focus {
   color: #fff;
-  border-color: #183241;
-  background-color: #183241;
+  border-color: rgb(23.5214285714, 50.2214285714, 65.4785714286);
+  background-color: rgb(23.5214285714, 50.2214285714, 65.4785714286);
 }
-
-[oo-button~="secondary"]:active {
-  border-color: #152c3a;
-  background-color: #152c3a;
-  box-shadow: inset 1px 1px 1px 0 #030709;
+[oo-button~=secondary]:active {
+  border-color: rgb(20.8257142857, 44.4657142857, 57.9742857143);
+  background-color: rgb(20.8257142857, 44.4657142857, 57.9742857143);
+  box-shadow: inset 1px 1px 1px 0 rgb(3.3035714286, 7.0535714286, 9.1964285714);
 }
 
-[oo-button~="outline"] {
+[oo-button~=outline] {
   background-color: transparent;
   color: #333;
   box-shadow: none;
 }
-
-[oo-button~="primary"] {
+[oo-button~=outline][oo-button~=primary] {
   border-color: #6cd7f7;
 }
-
-[oo-button~="primary"]:hover, [oo-button~="primary"]:focus {
+[oo-button~=outline][oo-button~=primary]:hover, [oo-button~=outline][oo-button~=primary]:focus {
   color: #fff;
-  border-color: #3ccaf4;
-  background-color: #3ccaf4;
+  border-color: rgb(59.6322580645, 201.8387096774, 244.3677419355);
+  background-color: rgb(59.6322580645, 201.8387096774, 244.3677419355);
 }
-
-[oo-button~="primary"]:active {
+[oo-button~=outline][oo-button~=primary]:active {
   color: #fff;
-  border-color: #32c7f4;
-  background-color: #32c7f4;
-  box-shadow: inset 1px 1px 1px 0 #0ca9d8;
+  border-color: rgb(49.9587096774, 199.2064516129, 243.8412903226);
+  background-color: rgb(49.9587096774, 199.2064516129, 243.8412903226);
+  box-shadow: inset 1px 1px 1px 0 rgb(11.7419354839, 168.7903225806, 215.7580645161);
 }
-
-[oo-button~="secondary"] {
+[oo-button~=outline][oo-button~=secondary] {
   border-color: #254F67;
 }
-
-[oo-button~="secondary"]:hover, [oo-button~="secondary"]:focus {
+[oo-button~=outline][oo-button~=secondary]:hover, [oo-button~=outline][oo-button~=secondary]:focus {
   color: #fff;
-  border-color: #183241;
-  background-color: #183241;
+  border-color: rgb(23.5214285714, 50.2214285714, 65.4785714286);
+  background-color: rgb(23.5214285714, 50.2214285714, 65.4785714286);
 }
-
-[oo-button~="secondary"]:active {
+[oo-button~=outline][oo-button~=secondary]:active {
   color: #fff;
-  border-color: #152c3a;
-  background-color: #152c3a;
-  box-shadow: inset 1px 1px 1px 0 #030709;
+  border-color: rgb(20.8257142857, 44.4657142857, 57.9742857143);
+  background-color: rgb(20.8257142857, 44.4657142857, 57.9742857143);
+  box-shadow: inset 1px 1px 1px 0 rgb(3.3035714286, 7.0535714286, 9.1964285714);
 }
 
 /**
  * Input
  */
-[oo-form~="select"] > select:focus,
-[oo-form~="input"]:focus, [oo-form~="checkbox"]:focus + label::after, [oo-form~="radio"]:focus + label::after, [oo-form~="toggle"]:focus + label::after {
+[oo-form~=toggle]:focus + label::after, [oo-form~=radio]:focus + label::after, [oo-form~=checkbox]:focus + label::after, [oo-form~=select] > select:focus,
+[oo-form~=input]:focus {
   box-shadow: 1px 1px 1px 0 rgba(170, 170, 170, 0.5), 1px 1px 2px 0px rgba(170, 170, 170, 0.85);
 }
 
-[oo-form~="select"] > select,
-[oo-form~="input"] {
+[oo-form~=select] > select,
+[oo-form~=input] {
   padding: 0.5em 0.625em;
   display: block;
   width: 100%;
@@ -2476,38 +2408,35 @@ hr, .hr {
   -moz-appearance: none;
   appearance: none;
 }
-
-[oo-form~="select"] > select:focus,
-[oo-form~="input"]:focus {
+[oo-form~=select] > select:focus,
+[oo-form~=input]:focus {
   outline: none;
 }
 
 label {
   font-weight: 500;
 }
-
-label + [oo-form~="input"],
-label + [oo-form~="select"] {
+label + [oo-form~=input],
+label + [oo-form~=select] {
   margin-top: 0.3rem;
 }
 
 /**
  * Select
  */
-[oo-form~="select"] {
+[oo-form~=select] {
   position: relative;
   display: block;
   min-height: 2.5em;
   font-size: 1.6rem;
   line-height: 1.15;
 }
-
-[oo-form~="select"]::before {
+[oo-form~=select]::before {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
-  content: '';
+  content: "";
   border-top: 1px solid #d6d6d6;
   border-right: 1px solid #d6d6d6;
   border-bottom: 1px solid #d6d6d6;
@@ -2515,74 +2444,62 @@ label + [oo-form~="select"] {
   border-bottom-right-radius: 0.2em;
   pointer-events: none;
 }
-
-[oo-form~="select"]::after {
+[oo-form~=select]::after {
   position: absolute;
   top: 50%;
-  content: '';
+  content: "";
   border-bottom-style: solid;
   border-right-style: solid;
   pointer-events: none;
   transform: rotateZ(45deg) translate3d(-50%, -50%, 0);
 }
-
-[oo-form~="select"]::before {
+[oo-form~=select]::before {
   width: 30px;
 }
-
-[oo-form~="select"]::after {
+[oo-form~=select]::after {
   right: 10px;
   width: 10px;
   height: 10px;
 }
-
-[oo-form~="select"]::after {
+[oo-form~=select]::after {
   border-bottom-width: 2px;
   border-right-width: 2px;
 }
-
-[oo-form~="select"]::before {
+[oo-form~=select]::before {
   background-color: #fff;
 }
-
-[oo-form~="select"]::after {
+[oo-form~=select]::after {
   border-bottom-color: #4d4d4d;
   border-right-color: #4d4d4d;
 }
-
-[oo-form~="select"] > select {
+[oo-form~=select] > select {
   margin: 0;
   height: 100%;
   font-size: inherit;
   appearance: none;
   /* hide the default arrow in ie10 and ie11 */
 }
-
-[oo-form~="select"] > select::-ms-expand {
+[oo-form~=select] > select::-ms-expand {
   display: none;
 }
-
-[oo-form~="select"][class*="color-"] > select {
+[oo-form~=select][class*=color-] > select {
   color: inherit !important;
 }
-
-[oo-form~="select"][class*="bg-"] > select {
+[oo-form~=select][class*=bg-] > select {
   background-color: inherit !important;
 }
-
-[oo-form~="select"][class*="border-"] > select, [oo-form~="select"][class*="border-"]::before {
+[oo-form~=select][class*=border-] > select, [oo-form~=select][class*=border-]::before {
   border-color: inherit !important;
 }
 
 /**
  * Checkbox
  */
-[oo-form~="checkbox"] {
+[oo-form~=checkbox] {
   position: absolute;
   opacity: 0;
 }
-
-[oo-form~="checkbox"] + label {
+[oo-form~=checkbox] + label {
   position: relative;
   display: flex;
   align-items: center;
@@ -2590,10 +2507,9 @@ label + [oo-form~="select"] {
   line-height: 1.1;
   font-weight: 400;
 }
-
-[oo-form~="checkbox"] + label::before {
+[oo-form~=checkbox] + label::before {
   position: absolute;
-  content: '';
+  content: "";
   border-right-color: transparent;
   border-right-style: solid;
   border-bottom-color: transparent;
@@ -2601,71 +2517,61 @@ label + [oo-form~="select"] {
   transform: rotateZ(40deg);
   transition: border 200ms ease-in-out, min-width 200ms ease-in-out, min-height 200ms ease-in-out;
 }
-
-[oo-form~="checkbox"] + label::after {
+[oo-form~=checkbox] + label::after {
   display: flex;
   order: -1;
-  content: '';
+  content: "";
   border: 1px solid #d6d6d6;
   border-radius: 0.2em;
   background-color: #fff;
   box-shadow: 1px 1px 2px 0 rgba(170, 170, 170, 0.3);
   transition: background-color 300ms ease-in-out;
 }
-
-[oo-form~="checkbox"]:checked + label::before {
+[oo-form~=checkbox]:checked + label::before {
   border-right-color: #4d4d4d;
   border-bottom-color: #4d4d4d;
   box-shadow: 1px 1px 2px #fff;
 }
-
-[oo-form~="checkbox"]:checked + label::after {
+[oo-form~=checkbox]:checked + label::after {
   background-color: #fff;
   border-color: #d6d6d6;
 }
-
-[oo-form~="checkbox"] + label::before {
+[oo-form~=checkbox] + label::before {
   left: 0.612rem;
   min-width: 1.44rem;
   min-height: 2.16rem;
   border-right-width: 0.432rem;
   border-bottom-width: 0.432rem;
 }
-
-[oo-form~="checkbox"] + label::after {
+[oo-form~=checkbox] + label::after {
   margin-right: 0.6rem;
   min-width: 1.8rem;
   min-height: 1.8rem;
 }
-
-[oo-form~="checkbox"] + label + [oo-form~="checkbox"] + label {
+[oo-form~=checkbox] + label + [oo-form~=checkbox] + label {
   margin-top: 0.6rem;
 }
-
-[oo-form~="checkbox"]:checked + label::before {
+[oo-form~=checkbox]:checked + label::before {
   min-width: 0.72rem;
   min-height: 1.08rem;
   border-right-width: 0.216rem;
   border-bottom-width: 0.216rem;
 }
-
-[oo-form~="checkbox"][class*="border-primary"] + label::after {
+[oo-form~=checkbox][class*=border-primary] + label::after {
   border-color: #6cd7f7 !important;
 }
-
-[oo-form~="checkbox"][class*="border-secondary"] + label::after {
+[oo-form~=checkbox][class*=border-secondary] + label::after {
   border-color: #254F67 !important;
 }
 
 /**
  * Radio
  */
-[oo-form~="radio"] {
+[oo-form~=radio] {
   position: absolute;
   opacity: 0;
 }
-
-[oo-form~="radio"] + label {
+[oo-form~=radio] + label {
   position: relative;
   display: flex;
   align-items: center;
@@ -2673,67 +2579,57 @@ label + [oo-form~="select"] {
   line-height: 1.1;
   font-weight: 400;
 }
-
-[oo-form~="radio"] + label::before {
+[oo-form~=radio] + label::before {
   position: absolute;
+  top: 0;
   left: 0;
-  content: '';
+  content: "";
   border-radius: 50%;
   transform: scale(1.5);
   transition: transform 300ms ease-in-out, background-color 300ms ease-in-out;
 }
-
-[oo-form~="radio"] + label::after {
+[oo-form~=radio] + label::after {
   display: flex;
   order: -1;
-  content: '';
+  content: "";
   border: 1px solid #d6d6d6;
   border-radius: 50%;
   background-color: #fff;
   box-shadow: 1px 1px 2px 0 rgba(170, 170, 170, 0.3);
 }
-
-[oo-form~="radio"]:checked + label::before {
+[oo-form~=radio]:checked + label::before {
   background-color: #4d4d4d;
   transform: scale(0.5);
 }
-
-[oo-form~="radio"]:checked + label::after {
+[oo-form~=radio]:checked + label::after {
   background-color: #fff;
   border-color: #d6d6d6;
 }
-
-[oo-form~="radio"] + label::after {
+[oo-form~=radio] + label::after {
   margin-right: 0.6rem;
 }
-
-[oo-form~="radio"] + label + [oo-form~="radio"] + label {
+[oo-form~=radio] + label + [oo-form~=radio] + label {
   margin-top: 0.6rem;
 }
-
-[oo-form~="radio"] + label::after,
-[oo-form~="radio"]:checked + label::before {
+[oo-form~=radio] + label::after, [oo-form~=radio]:checked + label::before {
   min-width: 1.8rem;
   min-height: 1.8rem;
 }
-
-[oo-form~="radio"][class*="border-primary"] + label::after {
+[oo-form~=radio][class*=border-primary] + label::after {
   border-color: #6cd7f7 !important;
 }
-
-[oo-form~="radio"][class*="border-secondary"] + label::after {
+[oo-form~=radio][class*=border-secondary] + label::after {
   border-color: #254F67 !important;
 }
 
 /**
  * Toggle
  */
-[oo-form~="toggle"] {
+[oo-form~=toggle] {
   position: absolute;
   opacity: 0;
 }
-
-[oo-form~="toggle"] + label {
+[oo-form~=toggle] + label {
   position: relative;
   display: flex;
   align-items: center;
@@ -2741,55 +2637,47 @@ label + [oo-form~="select"] {
   line-height: 1.1;
   font-weight: 400;
 }
-
-[oo-form~="toggle"] + label::before {
+[oo-form~=toggle] + label::before {
   position: absolute;
   left: 0;
-  content: '';
+  content: "";
   border-radius: 50%;
   background-color: #fff;
   box-shadow: 1px 1px 2px 0 rgba(170, 170, 170, 0.3);
   transition: transform 300ms ease-out;
 }
-
-[oo-form~="toggle"] + label::after {
+[oo-form~=toggle] + label::after {
   display: flex;
   order: -1;
-  content: '';
+  content: "";
   border: 1px solid #d6d6d6;
   border-radius: 50em;
   background-color: #d6d6d6;
   box-shadow: 1px 1px 2px 0 rgba(170, 170, 170, 0.3);
   transition: background-color 300ms ease-in-out, border-color 300ms ease-in-out;
 }
-
-[oo-form~="toggle"]:checked + label::after {
+[oo-form~=toggle]:checked + label::after {
   background-color: #4d4d4d;
   border-color: #4d4d4d;
 }
-
-[oo-form~="toggle"] + label::before {
-  top: calc(50% - (1.68rem / 2));
+[oo-form~=toggle] + label::before {
+  top: calc(50% - 0.84rem);
   min-width: 1.68rem;
   height: 1.68rem;
   transform: translate3d(0.48rem, 0, 0);
 }
-
-[oo-form~="toggle"] + label::after {
+[oo-form~=toggle] + label::after {
   margin-right: 0.8rem;
   min-width: 4.32rem;
   min-height: 2.4rem;
 }
-
-[oo-form~="toggle"] + label + [oo-form~="toggle"] + label {
+[oo-form~=toggle] + label + [oo-form~=toggle] + label {
   margin-top: 0.8rem;
 }
-
-[oo-form~="toggle"]:checked + label::before {
-  transform: translate3d(calc(80% + (2.4rem * .35)), 0, 0);
+[oo-form~=toggle]:checked + label::before {
+  transform: translate3d(calc(80% + 2.4rem * 0.35), 0, 0);
 }
-
-[oo-form~="toggle"] [oo-form~="labelless"] + label::after {
+[oo-form~=toggle] [oo-form~=labelless] + label::after {
   margin-right: 0;
 }
 
@@ -2832,7 +2720,6 @@ label + [oo-form~="select"] {
   display: block;
   max-width: 1080px;
 }
-
 @media (min-width: 600px) {
   .container,
   .container-fluid {
@@ -2864,7 +2751,6 @@ label + [oo-form~="select"] {
     float: right !important;
   }
 }
-
 @media (min-width: 960px) {
   .float-left\@md {
     float: left !important;
@@ -2873,7 +2759,6 @@ label + [oo-form~="select"] {
     float: right !important;
   }
 }
-
 @media (min-width: 1280px) {
   .float-left\@lg {
     float: left !important;
@@ -2882,10 +2767,9 @@ label + [oo-form~="select"] {
     float: right !important;
   }
 }
-
 .clearfix::before, .clearfix::after {
   display: block;
-  content: '';
+  content: "";
   clear: both;
 }
 
@@ -2907,42 +2791,34 @@ ol.list-center {
   padding-left: 0;
   list-style: none;
 }
-
 .list-unstyle ul {
   padding-left: 40px;
 }
-
 .list-unstyle .list-unstyle {
   padding-left: 1em;
 }
-
 .list-inline {
   padding-left: 0;
   list-style: none;
 }
-
 .list-inline > li {
   margin-bottom: 0;
   display: inline-block;
 }
-
 .list-inline > li:not(:last-child) {
   margin-right: 1em;
 }
-
 .list-divide {
   padding-left: 0;
   list-style: none;
   display: flex;
   flex-flow: wrap;
 }
-
 .list-divide > li {
   margin-bottom: 0;
   display: flex;
   align-items: center;
 }
-
 .list-divide > li:not(:last-child)::after {
   padding-left: 0.5em;
   padding-right: 0.5em;
@@ -2951,14 +2827,12 @@ ol.list-center {
   color: #cdcdcd;
   font-size: 1.2em;
 }
-
 .list-divide > li:last-child::after {
   display: inline-block;
   content: "|";
   font-size: 1.2em;
   visibility: hidden;
 }
-
 .list-divide.list-center {
   justify-content: center;
 }
@@ -3237,37 +3111,31 @@ ol.list-center {
     display: none !important;
   }
 }
-
 @media (min-width: 960px) {
   .hidden\@md {
     display: none !important;
   }
 }
-
 @media (min-width: 1280px) {
   .hidden\@lg {
     display: none !important;
   }
 }
-
 @media (max-width: 599px) {
   .hidden\!\@sm {
     display: none !important;
   }
 }
-
 @media (max-width: 959px) {
   .hidden\!\@md {
     display: none !important;
   }
 }
-
 @media (max-width: 1279px) {
   .hidden\!\@lg {
     display: none !important;
   }
 }
-
 /**
  * Wrapper
  */