fomantic-ui 2.9.1-beta.26 → 2.9.1-beta.27

package/dist/components/button.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.26+1084e98 - Button
+ * # Fomantic-UI 2.9.1-beta.27+2ec6af4 - Button
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -20,9 +20,9 @@
   outline: none;
   border: none;
   vertical-align: baseline;
-  background: #E0E1E2 none;
+  background: #e0e1e2 none;
   color: rgba(0, 0, 0, 0.6);
-  font-family: 'Lato', system-ui, -apple-system, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   margin: 0 0.25em 0 0;
   padding: 0.78571429em 1.5em 0.78571429em;
   text-transform: none;
@@ -57,7 +57,7 @@
       Hover
 --------------- */
 .ui.button:hover {
-  background-color: #CACBCD;
+  background-color: #cacbcd;
   background-image: none;
   -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
           box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
@@ -71,11 +71,11 @@
       Focus
 --------------- */
 .ui.button:focus {
-  background-color: #CACBCD;
+  background-color: #cacbcd;
   color: rgba(0, 0, 0, 0.8);
   background-image: none;
-  -webkit-box-shadow: '';
-          box-shadow: '';
+  -webkit-box-shadow: "";
+          box-shadow: "";
 }
 .ui.button:focus .icon {
   opacity: 0.85;
@@ -86,8 +86,8 @@
 --------------- */
 .ui.button:active,
 .ui.active.button:active {
-  background-color: #BABBBC;
-  background-image: '';
+  background-color: #babbbc;
+  background-image: "";
   color: rgba(0, 0, 0, 0.9);
   -webkit-box-shadow: 0 0 0 1px transparent inset, none;
           box-shadow: 0 0 0 1px transparent inset, none;
@@ -97,19 +97,19 @@
      Active
 --------------- */
 .ui.active.button {
-  background-color: #C0C1C2;
+  background-color: #c0c1c2;
   background-image: none;
   -webkit-box-shadow: 0 0 0 1px transparent inset;
           box-shadow: 0 0 0 1px transparent inset;
   color: rgba(0, 0, 0, 0.95);
 }
 .ui.active.button:hover {
-  background-color: #C0C1C2;
+  background-color: #c0c1c2;
   background-image: none;
   color: rgba(0, 0, 0, 0.95);
 }
 .ui.active.button:active {
-  background-color: #C0C1C2;
+  background-color: #c0c1c2;
   background-image: none;
 }
 
@@ -130,7 +130,7 @@
 }
 .ui.loading.button::before {
   position: absolute;
-  content: '';
+  content: "";
   top: 50%;
   left: 50%;
   margin: -0.64285714em 0 0 -0.64285714em;
@@ -141,7 +141,7 @@
 }
 .ui.loading.button::after {
   position: absolute;
-  content: '';
+  content: "";
   top: 50%;
   left: 50%;
   margin: -0.64285714em 0 0 -0.64285714em;
@@ -151,7 +151,7 @@
   -webkit-animation: loader 0.6s infinite linear;
           animation: loader 0.6s infinite linear;
   border: 0.2em solid currentColor;
-  color: #FFFFFF;
+  color: #fff;
   -webkit-box-shadow: 0 0 0 1px transparent;
           box-shadow: 0 0 0 1px transparent;
 }
@@ -321,10 +321,10 @@
            Inverted
     -------------------- */
 .ui.inverted.button {
-  -webkit-box-shadow: 0 0 0 2px #FFFFFF inset;
-          box-shadow: 0 0 0 2px #FFFFFF inset;
+  -webkit-box-shadow: 0 0 0 2px #fff inset;
+          box-shadow: 0 0 0 2px #fff inset;
   background: transparent none;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none !important;
 }
 
@@ -346,26 +346,26 @@
 
 /* Hover */
 .ui.inverted.button:hover {
-  background: #FFFFFF;
-  -webkit-box-shadow: 0 0 0 2px #FFFFFF inset;
-          box-shadow: 0 0 0 2px #FFFFFF inset;
+  background: #fff;
+  -webkit-box-shadow: 0 0 0 2px #fff inset;
+          box-shadow: 0 0 0 2px #fff inset;
   color: rgba(0, 0, 0, 0.8);
 }
 
 /* Active / Focus */
 .ui.inverted.button:focus,
 .ui.inverted.button.active {
-  background: #FFFFFF;
-  -webkit-box-shadow: 0 0 0 2px #FFFFFF inset;
-          box-shadow: 0 0 0 2px #FFFFFF inset;
+  background: #fff;
+  -webkit-box-shadow: 0 0 0 2px #fff inset;
+          box-shadow: 0 0 0 2px #fff inset;
   color: rgba(0, 0, 0, 0.8);
 }
 
 /* Active Focus */
 .ui.inverted.button.active:focus {
-  background: #DCDDDE;
-  -webkit-box-shadow: 0 0 0 2px #DCDDDE inset;
-          box-shadow: 0 0 0 2px #DCDDDE inset;
+  background: #dcddde;
+  -webkit-box-shadow: 0 0 0 2px #dcddde inset;
+          box-shadow: 0 0 0 2px #dcddde inset;
   color: rgba(0, 0, 0, 0.8);
 }
 
@@ -398,7 +398,7 @@
           align-items: center;
   margin: 0 0 0 -1px !important;
   font-size: 1em;
-  padding: '';
+  padding: "";
   border-color: rgba(34, 36, 38, 0.15);
 }
 
@@ -434,8 +434,8 @@
 
 /* Facebook */
 .ui.facebook.button {
-  background-color: #3B5998;
-  color: #FFFFFF;
+  background-color: #3b5998;
+  color: #fff;
   text-shadow: none;
   background-image: none;
   -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
@@ -443,19 +443,19 @@
 }
 .ui.facebook.button:hover {
   background-color: #304d8a;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.facebook.button:active {
   background-color: #2d4373;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
 /* Twitter */
 .ui.twitter.button {
-  background-color: #1DA1F2;
-  color: #FFFFFF;
+  background-color: #1da1f2;
+  color: #fff;
   text-shadow: none;
   background-image: none;
   -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
@@ -463,19 +463,19 @@
 }
 .ui.twitter.button:hover {
   background-color: #0298f3;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.twitter.button:active {
   background-color: #0c85d0;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
 /* Google Plus */
 .ui.google.plus.button {
-  background-color: #DD4B39;
-  color: #FFFFFF;
+  background-color: #dd4b39;
+  color: #fff;
   text-shadow: none;
   background-image: none;
   -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
@@ -483,36 +483,36 @@
 }
 .ui.google.plus.button:hover {
   background-color: #e0321c;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.google.plus.button:active {
   background-color: #c23321;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
 /* Linked In */
 .ui.linkedin.button {
-  background-color: #0077B5;
-  color: #FFFFFF;
+  background-color: #0077b5;
+  color: #fff;
   text-shadow: none;
 }
 .ui.linkedin.button:hover {
   background-color: #00669c;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.linkedin.button:active {
   background-color: #005582;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
 /* YouTube */
 .ui.youtube.button {
-  background-color: #FF0000;
-  color: #FFFFFF;
+  background-color: #f00;
+  color: #fff;
   text-shadow: none;
   background-image: none;
   -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
@@ -520,19 +520,19 @@
 }
 .ui.youtube.button:hover {
   background-color: #e60000;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.youtube.button:active {
   background-color: #cc0000;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
 /* Instagram */
 .ui.instagram.button {
-  background-color: #49769C;
-  color: #FFFFFF;
+  background-color: #49769c;
+  color: #fff;
   text-shadow: none;
   background-image: none;
   -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
@@ -540,19 +540,19 @@
 }
 .ui.instagram.button:hover {
   background-color: #3d698e;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.instagram.button:active {
   background-color: #395c79;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
 /* Pinterest */
 .ui.pinterest.button {
-  background-color: #BD081C;
-  color: #FFFFFF;
+  background-color: #bd081c;
+  color: #fff;
   text-shadow: none;
   background-image: none;
   -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
@@ -560,64 +560,64 @@
 }
 .ui.pinterest.button:hover {
   background-color: #ac0013;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.pinterest.button:active {
   background-color: #8c0615;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
 /* VK */
 .ui.vk.button {
-  background-color: #45668E;
-  color: #FFFFFF;
+  background-color: #45668e;
+  color: #fff;
   background-image: none;
   -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
           box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.vk.button:hover {
   background-color: #395980;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.vk.button:active {
   background-color: #344d6c;
-  color: #FFFFFF;
+  color: #fff;
 }
 
 /* WhatsApp */
 .ui.whatsapp.button {
-  background-color: #25D366;
-  color: #FFFFFF;
+  background-color: #25d366;
+  color: #fff;
   background-image: none;
   -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
           box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.whatsapp.button:hover {
   background-color: #19c55a;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.whatsapp.button:active {
   background-color: #1da851;
-  color: #FFFFFF;
+  color: #fff;
 }
 
 /* Telegram */
 .ui.telegram.button {
-  background-color: #0088CC;
-  color: #FFFFFF;
+  background-color: #08c;
+  color: #fff;
   background-image: none;
   -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
           box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.telegram.button:hover {
   background-color: #0077b3;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.telegram.button:active {
   background-color: #006699;
-  color: #FFFFFF;
+  color: #fff;
 }
 
 /* --------------
@@ -628,7 +628,7 @@
   opacity: 0.8;
   -webkit-transition: opacity 0.1s ease;
   transition: opacity 0.1s ease;
-  color: '';
+  color: "";
 }
 .ui.button:not(.icon) > .icon:not(.button):not(.dropdown),
 .ui.button:not(.icon) > .icons:not(.button):not(.dropdown) {
@@ -812,21 +812,21 @@
 }
 .ui.basic.buttons .button:hover,
 .ui.basic.button:hover {
-  background: #FFFFFF;
+  background: #fff;
   color: rgba(0, 0, 0, 0.8);
   -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
           box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.basic.buttons .button:focus,
 .ui.basic.button:focus {
-  background: #FFFFFF;
+  background: #fff;
   color: rgba(0, 0, 0, 0.8);
   -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
           box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.basic.buttons .button:active,
 .ui.basic.button:active {
-  background: #F8F8F8;
+  background: #f8f8f8;
   color: rgba(0, 0, 0, 0.9);
   -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset;
           box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset;
@@ -834,8 +834,8 @@
 .ui.basic.buttons .active.button,
 .ui.basic.active.button {
   background: rgba(0, 0, 0, 0.05);
-  -webkit-box-shadow: '';
-          box-shadow: '';
+  -webkit-box-shadow: "";
+          box-shadow: "";
   color: rgba(0, 0, 0, 0.95);
 }
 .ui.basic.buttons .active.button:hover,
@@ -851,41 +851,41 @@
           box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset inset;
 }
 .ui.basic.buttons .active.button {
-  -webkit-box-shadow: '';
-          box-shadow: '';
+  -webkit-box-shadow: "";
+          box-shadow: "";
 }
 
 /* Standard Basic Inverted */
 .ui.basic.inverted.buttons .button,
 .ui.basic.inverted.button {
   background-color: transparent;
-  color: #F9FAFB;
+  color: #f9fafb;
   -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
           box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
 }
 .ui.basic.inverted.buttons .button:hover,
 .ui.basic.inverted.button:hover {
-  color: #FFFFFF;
+  color: #fff;
   -webkit-box-shadow: 0 0 0 2px #ffffff inset;
           box-shadow: 0 0 0 2px #ffffff inset;
 }
 .ui.basic.inverted.buttons .button:focus,
 .ui.basic.inverted.button:focus {
-  color: #FFFFFF;
+  color: #fff;
   -webkit-box-shadow: 0 0 0 2px #ffffff inset;
           box-shadow: 0 0 0 2px #ffffff inset;
 }
 .ui.basic.inverted.buttons .button:active,
 .ui.basic.inverted.button:active {
   background-color: rgba(255, 255, 255, 0.08);
-  color: #FFFFFF;
+  color: #fff;
   -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset;
           box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset;
 }
 .ui.basic.inverted.buttons .active.button,
 .ui.basic.inverted.active.button {
   background-color: rgba(255, 255, 255, 0.08);
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
   -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset;
           box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset;
@@ -976,7 +976,7 @@
   margin: 0;
   width: 2.57142857em;
   background-color: rgba(0, 0, 0, 0.05);
-  color: '';
+  color: "";
   -webkit-box-shadow: -1px 0 0 0 transparent inset;
           box-shadow: -1px 0 0 0 transparent inset;
 }
@@ -1039,16 +1039,16 @@
 .ui.toggle.buttons .active.button,
 .ui.buttons .button.toggle.active,
 .ui.button.toggle.active {
-  background-color: #21BA45;
+  background-color: #21ba45;
   -webkit-box-shadow: none;
           box-shadow: none;
   text-shadow: none;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.button.toggle.active:hover {
   background-color: #16ab39;
   text-shadow: none;
-  color: #FFFFFF;
+  color: #fff;
 }
 
 /* --------------
@@ -1075,10 +1075,10 @@
   position: absolute;
   text-align: center;
   border-radius: 500rem;
-  content: 'or';
+  content: "or";
   top: 50%;
   left: 50%;
-  background-color: #FFFFFF;
+  background-color: #fff;
   text-shadow: none;
   margin-top: -0.89285714em;
   margin-left: -0.89285714em;
@@ -1345,8 +1345,8 @@
 -------------------- */
 .ui.primary.buttons .button,
 .ui.primary.button {
-  background-color: #2185D0;
-  color: #FFFFFF;
+  background-color: #2185d0;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
@@ -1357,19 +1357,19 @@
 .ui.primary.buttons .button:hover,
 .ui.primary.button:hover {
   background-color: #1678c2;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.primary.buttons .button:focus,
 .ui.primary.button:focus {
   background-color: #0d71bb;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.primary.buttons .button:active,
 .ui.primary.button:active {
   background-color: #1a69a4;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.primary.buttons .active.button,
@@ -1377,7 +1377,7 @@
 .ui.primary.active.button,
 .ui.primary.button .active.button:active {
   background-color: #1279c6;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -1385,9 +1385,9 @@
 .ui.basic.primary.buttons .button,
 .ui.basic.primary.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #2185D0 inset;
-          box-shadow: 0 0 0 1px #2185D0 inset;
-  color: #2185D0;
+  -webkit-box-shadow: 0 0 0 1px #2185d0 inset;
+          box-shadow: 0 0 0 1px #2185d0 inset;
+  color: #2185d0;
 }
 .ui.basic.primary.buttons .button:hover,
 .ui.basic.primary.button:hover {
@@ -1421,9 +1421,9 @@
 .ui.inverted.primary.buttons .button,
 .ui.inverted.primary.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px #54C8FF inset;
-          box-shadow: 0 0 0 2px #54C8FF inset;
-  color: #54C8FF;
+  -webkit-box-shadow: 0 0 0 2px #54c8ff inset;
+          box-shadow: 0 0 0 2px #54c8ff inset;
+  color: #54c8ff;
 }
 .ui.inverted.primary.buttons .button:hover,
 .ui.inverted.primary.button:hover,
@@ -1435,7 +1435,7 @@
 .ui.inverted.primary.button:active {
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.inverted.primary.buttons .button:hover,
 .ui.inverted.primary.button:hover {
@@ -1461,35 +1461,35 @@
   background-color: transparent;
   -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
           box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.inverted.primary.basic.buttons .button:hover,
 .ui.inverted.primary.buttons .basic.button:hover,
 .ui.inverted.primary.basic.button:hover {
   -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
           box-shadow: 0 0 0 2px #21b8ff inset;
-  color: #54C8FF;
+  color: #54c8ff;
 }
 .ui.inverted.primary.basic.buttons .button:focus,
 .ui.inverted.primary.basic.buttons .button:focus,
 .ui.inverted.primary.basic.button:focus {
   -webkit-box-shadow: 0 0 0 2px #2bbbff inset;
           box-shadow: 0 0 0 2px #2bbbff inset;
-  color: #54C8FF;
+  color: #54c8ff;
 }
 .ui.inverted.primary.basic.buttons .active.button,
 .ui.inverted.primary.buttons .basic.active.button,
 .ui.inverted.primary.basic.active.button {
   -webkit-box-shadow: 0 0 0 2px #3ac0ff inset;
           box-shadow: 0 0 0 2px #3ac0ff inset;
-  color: #54C8FF;
+  color: #54c8ff;
 }
 .ui.inverted.primary.basic.buttons .button:active,
 .ui.inverted.primary.buttons .basic.button:active,
 .ui.inverted.primary.basic.button:active {
   -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
           box-shadow: 0 0 0 2px #21b8ff inset;
-  color: #54C8FF;
+  color: #54c8ff;
 }
 
 /* Tertiary */
@@ -1499,7 +1499,7 @@
   background: transparent;
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: #2185D0;
+  color: #2185d0;
 }
 .ui.tertiary.primary.buttons .button:hover,
 .ui.tertiary.primary.buttons button:hover,
@@ -1527,8 +1527,8 @@
 }
 .ui.secondary.buttons .button,
 .ui.secondary.button {
-  background-color: #1B1C1D;
-  color: #FFFFFF;
+  background-color: #1b1c1d;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
@@ -1539,19 +1539,19 @@
 .ui.secondary.buttons .button:hover,
 .ui.secondary.button:hover {
   background-color: #27292a;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.secondary.buttons .button:focus,
 .ui.secondary.button:focus {
   background-color: #2e3032;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.secondary.buttons .button:active,
 .ui.secondary.button:active {
   background-color: #343637;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.secondary.buttons .active.button,
@@ -1559,7 +1559,7 @@
 .ui.secondary.active.button,
 .ui.secondary.button .active.button:active {
   background-color: #27292a;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -1567,9 +1567,9 @@
 .ui.basic.secondary.buttons .button,
 .ui.basic.secondary.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #1B1C1D inset;
-          box-shadow: 0 0 0 1px #1B1C1D inset;
-  color: #1B1C1D;
+  -webkit-box-shadow: 0 0 0 1px #1b1c1d inset;
+          box-shadow: 0 0 0 1px #1b1c1d inset;
+  color: #1b1c1d;
 }
 .ui.basic.secondary.buttons .button:hover,
 .ui.basic.secondary.button:hover {
@@ -1617,7 +1617,7 @@
 .ui.inverted.secondary.button:active {
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.inverted.secondary.buttons .button:hover,
 .ui.inverted.secondary.button:hover {
@@ -1643,7 +1643,7 @@
   background-color: transparent;
   -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
           box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.inverted.secondary.basic.buttons .button:hover,
 .ui.inverted.secondary.buttons .basic.button:hover,
@@ -1681,7 +1681,7 @@
   background: transparent;
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: #1B1C1D;
+  color: #1b1c1d;
 }
 .ui.tertiary.secondary.buttons .button:hover,
 .ui.tertiary.secondary.buttons button:hover,
@@ -1709,8 +1709,8 @@
 }
 .ui.red.buttons .button,
 .ui.red.button {
-  background-color: #DB2828;
-  color: #FFFFFF;
+  background-color: #db2828;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
@@ -1721,19 +1721,19 @@
 .ui.red.buttons .button:hover,
 .ui.red.button:hover {
   background-color: #d01919;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.red.buttons .button:focus,
 .ui.red.button:focus {
   background-color: #ca1010;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.red.buttons .button:active,
 .ui.red.button:active {
   background-color: #b21e1e;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.red.buttons .active.button,
@@ -1741,7 +1741,7 @@
 .ui.red.active.button,
 .ui.red.button .active.button:active {
   background-color: #d41515;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -1749,9 +1749,9 @@
 .ui.basic.red.buttons .button,
 .ui.basic.red.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #DB2828 inset;
-          box-shadow: 0 0 0 1px #DB2828 inset;
-  color: #DB2828;
+  -webkit-box-shadow: 0 0 0 1px #db2828 inset;
+          box-shadow: 0 0 0 1px #db2828 inset;
+  color: #db2828;
 }
 .ui.basic.red.buttons .button:hover,
 .ui.basic.red.button:hover {
@@ -1785,9 +1785,9 @@
 .ui.inverted.red.buttons .button,
 .ui.inverted.red.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px #FF695E inset;
-          box-shadow: 0 0 0 2px #FF695E inset;
-  color: #FF695E;
+  -webkit-box-shadow: 0 0 0 2px #ff695e inset;
+          box-shadow: 0 0 0 2px #ff695e inset;
+  color: #ff695e;
 }
 .ui.inverted.red.buttons .button:hover,
 .ui.inverted.red.button:hover,
@@ -1799,7 +1799,7 @@
 .ui.inverted.red.button:active {
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.inverted.red.buttons .button:hover,
 .ui.inverted.red.button:hover {
@@ -1825,35 +1825,35 @@
   background-color: transparent;
   -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
           box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.inverted.red.basic.buttons .button:hover,
 .ui.inverted.red.buttons .basic.button:hover,
 .ui.inverted.red.basic.button:hover {
   -webkit-box-shadow: 0 0 0 2px #ff392b inset;
           box-shadow: 0 0 0 2px #ff392b inset;
-  color: #FF695E;
+  color: #ff695e;
 }
 .ui.inverted.red.basic.buttons .button:focus,
 .ui.inverted.red.basic.buttons .button:focus,
 .ui.inverted.red.basic.button:focus {
   -webkit-box-shadow: 0 0 0 2px #ff4335 inset;
           box-shadow: 0 0 0 2px #ff4335 inset;
-  color: #FF695E;
+  color: #ff695e;
 }
 .ui.inverted.red.basic.buttons .active.button,
 .ui.inverted.red.buttons .basic.active.button,
 .ui.inverted.red.basic.active.button {
   -webkit-box-shadow: 0 0 0 2px #ff5144 inset;
           box-shadow: 0 0 0 2px #ff5144 inset;
-  color: #FF695E;
+  color: #ff695e;
 }
 .ui.inverted.red.basic.buttons .button:active,
 .ui.inverted.red.buttons .basic.button:active,
 .ui.inverted.red.basic.button:active {
   -webkit-box-shadow: 0 0 0 2px #ff392b inset;
           box-shadow: 0 0 0 2px #ff392b inset;
-  color: #FF695E;
+  color: #ff695e;
 }
 
 /* Tertiary */
@@ -1863,7 +1863,7 @@
   background: transparent;
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: #DB2828;
+  color: #db2828;
 }
 .ui.tertiary.red.buttons .button:hover,
 .ui.tertiary.red.buttons button:hover,
@@ -1891,8 +1891,8 @@
 }
 .ui.orange.buttons .button,
 .ui.orange.button {
-  background-color: #F2711C;
-  color: #FFFFFF;
+  background-color: #f2711c;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
@@ -1903,19 +1903,19 @@
 .ui.orange.buttons .button:hover,
 .ui.orange.button:hover {
   background-color: #f26202;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.orange.buttons .button:focus,
 .ui.orange.button:focus {
   background-color: #e55b00;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.orange.buttons .button:active,
 .ui.orange.button:active {
   background-color: #cf590c;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.orange.buttons .active.button,
@@ -1923,7 +1923,7 @@
 .ui.orange.active.button,
 .ui.orange.button .active.button:active {
   background-color: #f56100;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -1931,9 +1931,9 @@
 .ui.basic.orange.buttons .button,
 .ui.basic.orange.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #F2711C inset;
-          box-shadow: 0 0 0 1px #F2711C inset;
-  color: #F2711C;
+  -webkit-box-shadow: 0 0 0 1px #f2711c inset;
+          box-shadow: 0 0 0 1px #f2711c inset;
+  color: #f2711c;
 }
 .ui.basic.orange.buttons .button:hover,
 .ui.basic.orange.button:hover {
@@ -1967,9 +1967,9 @@
 .ui.inverted.orange.buttons .button,
 .ui.inverted.orange.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px #FF851B inset;
-          box-shadow: 0 0 0 2px #FF851B inset;
-  color: #FF851B;
+  -webkit-box-shadow: 0 0 0 2px #ff851b inset;
+          box-shadow: 0 0 0 2px #ff851b inset;
+  color: #ff851b;
 }
 .ui.inverted.orange.buttons .button:hover,
 .ui.inverted.orange.button:hover,
@@ -1981,7 +1981,7 @@
 .ui.inverted.orange.button:active {
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.inverted.orange.buttons .button:hover,
 .ui.inverted.orange.button:hover {
@@ -2007,35 +2007,35 @@
   background-color: transparent;
   -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
           box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.inverted.orange.basic.buttons .button:hover,
 .ui.inverted.orange.buttons .basic.button:hover,
 .ui.inverted.orange.basic.button:hover {
   -webkit-box-shadow: 0 0 0 2px #e76b00 inset;
           box-shadow: 0 0 0 2px #e76b00 inset;
-  color: #FF851B;
+  color: #ff851b;
 }
 .ui.inverted.orange.basic.buttons .button:focus,
 .ui.inverted.orange.basic.buttons .button:focus,
 .ui.inverted.orange.basic.button:focus {
   -webkit-box-shadow: 0 0 0 2px #f17000 inset;
           box-shadow: 0 0 0 2px #f17000 inset;
-  color: #FF851B;
+  color: #ff851b;
 }
 .ui.inverted.orange.basic.buttons .active.button,
 .ui.inverted.orange.buttons .basic.active.button,
 .ui.inverted.orange.basic.active.button {
   -webkit-box-shadow: 0 0 0 2px #ff7701 inset;
           box-shadow: 0 0 0 2px #ff7701 inset;
-  color: #FF851B;
+  color: #ff851b;
 }
 .ui.inverted.orange.basic.buttons .button:active,
 .ui.inverted.orange.buttons .basic.button:active,
 .ui.inverted.orange.basic.button:active {
   -webkit-box-shadow: 0 0 0 2px #e76b00 inset;
           box-shadow: 0 0 0 2px #e76b00 inset;
-  color: #FF851B;
+  color: #ff851b;
 }
 
 /* Tertiary */
@@ -2045,7 +2045,7 @@
   background: transparent;
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: #F2711C;
+  color: #f2711c;
 }
 .ui.tertiary.orange.buttons .button:hover,
 .ui.tertiary.orange.buttons button:hover,
@@ -2073,8 +2073,8 @@
 }
 .ui.yellow.buttons .button,
 .ui.yellow.button {
-  background-color: #FBBD08;
-  color: #FFFFFF;
+  background-color: #fbbd08;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
@@ -2085,19 +2085,19 @@
 .ui.yellow.buttons .button:hover,
 .ui.yellow.button:hover {
   background-color: #eaae00;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.yellow.buttons .button:focus,
 .ui.yellow.button:focus {
   background-color: #daa300;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.yellow.buttons .button:active,
 .ui.yellow.button:active {
   background-color: #cd9903;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.yellow.buttons .active.button,
@@ -2105,7 +2105,7 @@
 .ui.yellow.active.button,
 .ui.yellow.button .active.button:active {
   background-color: #eaae00;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -2113,9 +2113,9 @@
 .ui.basic.yellow.buttons .button,
 .ui.basic.yellow.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #FBBD08 inset;
-          box-shadow: 0 0 0 1px #FBBD08 inset;
-  color: #FBBD08;
+  -webkit-box-shadow: 0 0 0 1px #fbbd08 inset;
+          box-shadow: 0 0 0 1px #fbbd08 inset;
+  color: #fbbd08;
 }
 .ui.basic.yellow.buttons .button:hover,
 .ui.basic.yellow.button:hover {
@@ -2149,9 +2149,9 @@
 .ui.inverted.yellow.buttons .button,
 .ui.inverted.yellow.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px #FFE21F inset;
-          box-shadow: 0 0 0 2px #FFE21F inset;
-  color: #FFE21F;
+  -webkit-box-shadow: 0 0 0 2px #ffe21f inset;
+          box-shadow: 0 0 0 2px #ffe21f inset;
+  color: #ffe21f;
 }
 .ui.inverted.yellow.buttons .button:hover,
 .ui.inverted.yellow.button:hover,
@@ -2189,35 +2189,35 @@
   background-color: transparent;
   -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
           box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.inverted.yellow.basic.buttons .button:hover,
 .ui.inverted.yellow.buttons .basic.button:hover,
 .ui.inverted.yellow.basic.button:hover {
   -webkit-box-shadow: 0 0 0 2px #ebcd00 inset;
           box-shadow: 0 0 0 2px #ebcd00 inset;
-  color: #FFE21F;
+  color: #ffe21f;
 }
 .ui.inverted.yellow.basic.buttons .button:focus,
 .ui.inverted.yellow.basic.buttons .button:focus,
 .ui.inverted.yellow.basic.button:focus {
   -webkit-box-shadow: 0 0 0 2px #f5d500 inset;
           box-shadow: 0 0 0 2px #f5d500 inset;
-  color: #FFE21F;
+  color: #ffe21f;
 }
 .ui.inverted.yellow.basic.buttons .active.button,
 .ui.inverted.yellow.buttons .basic.active.button,
 .ui.inverted.yellow.basic.active.button {
   -webkit-box-shadow: 0 0 0 2px #ffdf05 inset;
           box-shadow: 0 0 0 2px #ffdf05 inset;
-  color: #FFE21F;
+  color: #ffe21f;
 }
 .ui.inverted.yellow.basic.buttons .button:active,
 .ui.inverted.yellow.buttons .basic.button:active,
 .ui.inverted.yellow.basic.button:active {
   -webkit-box-shadow: 0 0 0 2px #ebcd00 inset;
           box-shadow: 0 0 0 2px #ebcd00 inset;
-  color: #FFE21F;
+  color: #ffe21f;
 }
 
 /* Tertiary */
@@ -2227,7 +2227,7 @@
   background: transparent;
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: #FBBD08;
+  color: #fbbd08;
 }
 .ui.tertiary.yellow.buttons .button:hover,
 .ui.tertiary.yellow.buttons button:hover,
@@ -2255,8 +2255,8 @@
 }
 .ui.olive.buttons .button,
 .ui.olive.button {
-  background-color: #B5CC18;
-  color: #FFFFFF;
+  background-color: #b5cc18;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
@@ -2267,19 +2267,19 @@
 .ui.olive.buttons .button:hover,
 .ui.olive.button:hover {
   background-color: #a7bd0d;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.olive.buttons .button:focus,
 .ui.olive.button:focus {
   background-color: #a0b605;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.olive.buttons .button:active,
 .ui.olive.button:active {
   background-color: #8d9e13;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.olive.buttons .active.button,
@@ -2287,7 +2287,7 @@
 .ui.olive.active.button,
 .ui.olive.button .active.button:active {
   background-color: #aac109;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -2295,9 +2295,9 @@
 .ui.basic.olive.buttons .button,
 .ui.basic.olive.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #B5CC18 inset;
-          box-shadow: 0 0 0 1px #B5CC18 inset;
-  color: #B5CC18;
+  -webkit-box-shadow: 0 0 0 1px #b5cc18 inset;
+          box-shadow: 0 0 0 1px #b5cc18 inset;
+  color: #b5cc18;
 }
 .ui.basic.olive.buttons .button:hover,
 .ui.basic.olive.button:hover {
@@ -2331,9 +2331,9 @@
 .ui.inverted.olive.buttons .button,
 .ui.inverted.olive.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px #D9E778 inset;
-          box-shadow: 0 0 0 2px #D9E778 inset;
-  color: #D9E778;
+  -webkit-box-shadow: 0 0 0 2px #d9e778 inset;
+          box-shadow: 0 0 0 2px #d9e778 inset;
+  color: #d9e778;
 }
 .ui.inverted.olive.buttons .button:hover,
 .ui.inverted.olive.button:hover,
@@ -2371,35 +2371,35 @@
   background-color: transparent;
   -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
           box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.inverted.olive.basic.buttons .button:hover,
 .ui.inverted.olive.buttons .basic.button:hover,
 .ui.inverted.olive.basic.button:hover {
   -webkit-box-shadow: 0 0 0 2px #d2e745 inset;
           box-shadow: 0 0 0 2px #d2e745 inset;
-  color: #D9E778;
+  color: #d9e778;
 }
 .ui.inverted.olive.basic.buttons .button:focus,
 .ui.inverted.olive.basic.buttons .button:focus,
 .ui.inverted.olive.basic.button:focus {
   -webkit-box-shadow: 0 0 0 2px #daef47 inset;
           box-shadow: 0 0 0 2px #daef47 inset;
-  color: #D9E778;
+  color: #d9e778;
 }
 .ui.inverted.olive.basic.buttons .active.button,
 .ui.inverted.olive.buttons .basic.active.button,
 .ui.inverted.olive.basic.active.button {
   -webkit-box-shadow: 0 0 0 2px #daed59 inset;
           box-shadow: 0 0 0 2px #daed59 inset;
-  color: #D9E778;
+  color: #d9e778;
 }
 .ui.inverted.olive.basic.buttons .button:active,
 .ui.inverted.olive.buttons .basic.button:active,
 .ui.inverted.olive.basic.button:active {
   -webkit-box-shadow: 0 0 0 2px #cddf4d inset;
           box-shadow: 0 0 0 2px #cddf4d inset;
-  color: #D9E778;
+  color: #d9e778;
 }
 
 /* Tertiary */
@@ -2409,7 +2409,7 @@
   background: transparent;
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: #B5CC18;
+  color: #b5cc18;
 }
 .ui.tertiary.olive.buttons .button:hover,
 .ui.tertiary.olive.buttons button:hover,
@@ -2437,8 +2437,8 @@
 }
 .ui.green.buttons .button,
 .ui.green.button {
-  background-color: #21BA45;
-  color: #FFFFFF;
+  background-color: #21ba45;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
@@ -2449,19 +2449,19 @@
 .ui.green.buttons .button:hover,
 .ui.green.button:hover {
   background-color: #16ab39;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.green.buttons .button:focus,
 .ui.green.button:focus {
   background-color: #0ea432;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.green.buttons .button:active,
 .ui.green.button:active {
   background-color: #198f35;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.green.buttons .active.button,
@@ -2469,7 +2469,7 @@
 .ui.green.active.button,
 .ui.green.button .active.button:active {
   background-color: #13ae38;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -2477,9 +2477,9 @@
 .ui.basic.green.buttons .button,
 .ui.basic.green.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #21BA45 inset;
-          box-shadow: 0 0 0 1px #21BA45 inset;
-  color: #21BA45;
+  -webkit-box-shadow: 0 0 0 1px #21ba45 inset;
+          box-shadow: 0 0 0 1px #21ba45 inset;
+  color: #21ba45;
 }
 .ui.basic.green.buttons .button:hover,
 .ui.basic.green.button:hover {
@@ -2513,9 +2513,9 @@
 .ui.inverted.green.buttons .button,
 .ui.inverted.green.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px #2ECC40 inset;
-          box-shadow: 0 0 0 2px #2ECC40 inset;
-  color: #2ECC40;
+  -webkit-box-shadow: 0 0 0 2px #2ecc40 inset;
+          box-shadow: 0 0 0 2px #2ecc40 inset;
+  color: #2ecc40;
 }
 .ui.inverted.green.buttons .button:hover,
 .ui.inverted.green.button:hover,
@@ -2527,7 +2527,7 @@
 .ui.inverted.green.button:active {
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.inverted.green.buttons .button:hover,
 .ui.inverted.green.button:hover {
@@ -2553,35 +2553,35 @@
   background-color: transparent;
   -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
           box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.inverted.green.basic.buttons .button:hover,
 .ui.inverted.green.buttons .basic.button:hover,
 .ui.inverted.green.basic.button:hover {
   -webkit-box-shadow: 0 0 0 2px #1ea92e inset;
           box-shadow: 0 0 0 2px #1ea92e inset;
-  color: #2ECC40;
+  color: #2ecc40;
 }
 .ui.inverted.green.basic.buttons .button:focus,
 .ui.inverted.green.basic.buttons .button:focus,
 .ui.inverted.green.basic.button:focus {
   -webkit-box-shadow: 0 0 0 2px #19b82b inset;
           box-shadow: 0 0 0 2px #19b82b inset;
-  color: #2ECC40;
+  color: #2ecc40;
 }
 .ui.inverted.green.basic.buttons .active.button,
 .ui.inverted.green.buttons .basic.active.button,
 .ui.inverted.green.basic.active.button {
   -webkit-box-shadow: 0 0 0 2px #1fc231 inset;
           box-shadow: 0 0 0 2px #1fc231 inset;
-  color: #2ECC40;
+  color: #2ecc40;
 }
 .ui.inverted.green.basic.buttons .button:active,
 .ui.inverted.green.buttons .basic.button:active,
 .ui.inverted.green.basic.button:active {
   -webkit-box-shadow: 0 0 0 2px #25a233 inset;
           box-shadow: 0 0 0 2px #25a233 inset;
-  color: #2ECC40;
+  color: #2ecc40;
 }
 
 /* Tertiary */
@@ -2591,7 +2591,7 @@
   background: transparent;
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: #21BA45;
+  color: #21ba45;
 }
 .ui.tertiary.green.buttons .button:hover,
 .ui.tertiary.green.buttons button:hover,
@@ -2619,8 +2619,8 @@
 }
 .ui.teal.buttons .button,
 .ui.teal.button {
-  background-color: #00B5AD;
-  color: #FFFFFF;
+  background-color: #00b5ad;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
@@ -2631,19 +2631,19 @@
 .ui.teal.buttons .button:hover,
 .ui.teal.button:hover {
   background-color: #009c95;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.teal.buttons .button:focus,
 .ui.teal.button:focus {
   background-color: #008c86;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.teal.buttons .button:active,
 .ui.teal.button:active {
   background-color: #00827c;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.teal.buttons .active.button,
@@ -2651,7 +2651,7 @@
 .ui.teal.active.button,
 .ui.teal.button .active.button:active {
   background-color: #009c95;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -2659,9 +2659,9 @@
 .ui.basic.teal.buttons .button,
 .ui.basic.teal.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #00B5AD inset;
-          box-shadow: 0 0 0 1px #00B5AD inset;
-  color: #00B5AD;
+  -webkit-box-shadow: 0 0 0 1px #00b5ad inset;
+          box-shadow: 0 0 0 1px #00b5ad inset;
+  color: #00b5ad;
 }
 .ui.basic.teal.buttons .button:hover,
 .ui.basic.teal.button:hover {
@@ -2695,9 +2695,9 @@
 .ui.inverted.teal.buttons .button,
 .ui.inverted.teal.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px #6DFFFF inset;
-          box-shadow: 0 0 0 2px #6DFFFF inset;
-  color: #6DFFFF;
+  -webkit-box-shadow: 0 0 0 2px #6dffff inset;
+          box-shadow: 0 0 0 2px #6dffff inset;
+  color: #6dffff;
 }
 .ui.inverted.teal.buttons .button:hover,
 .ui.inverted.teal.button:hover,
@@ -2735,35 +2735,35 @@
   background-color: transparent;
   -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
           box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.inverted.teal.basic.buttons .button:hover,
 .ui.inverted.teal.buttons .basic.button:hover,
 .ui.inverted.teal.basic.button:hover {
   -webkit-box-shadow: 0 0 0 2px #3affff inset;
           box-shadow: 0 0 0 2px #3affff inset;
-  color: #6DFFFF;
+  color: #6dffff;
 }
 .ui.inverted.teal.basic.buttons .button:focus,
 .ui.inverted.teal.basic.buttons .button:focus,
 .ui.inverted.teal.basic.button:focus {
   -webkit-box-shadow: 0 0 0 2px #44ffff inset;
           box-shadow: 0 0 0 2px #44ffff inset;
-  color: #6DFFFF;
+  color: #6dffff;
 }
 .ui.inverted.teal.basic.buttons .active.button,
 .ui.inverted.teal.buttons .basic.active.button,
 .ui.inverted.teal.basic.active.button {
   -webkit-box-shadow: 0 0 0 2px #54ffff inset;
           box-shadow: 0 0 0 2px #54ffff inset;
-  color: #6DFFFF;
+  color: #6dffff;
 }
 .ui.inverted.teal.basic.buttons .button:active,
 .ui.inverted.teal.buttons .basic.button:active,
 .ui.inverted.teal.basic.button:active {
   -webkit-box-shadow: 0 0 0 2px #3affff inset;
           box-shadow: 0 0 0 2px #3affff inset;
-  color: #6DFFFF;
+  color: #6dffff;
 }
 
 /* Tertiary */
@@ -2773,7 +2773,7 @@
   background: transparent;
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: #00B5AD;
+  color: #00b5ad;
 }
 .ui.tertiary.teal.buttons .button:hover,
 .ui.tertiary.teal.buttons button:hover,
@@ -2801,8 +2801,8 @@
 }
 .ui.blue.buttons .button,
 .ui.blue.button {
-  background-color: #2185D0;
-  color: #FFFFFF;
+  background-color: #2185d0;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
@@ -2813,19 +2813,19 @@
 .ui.blue.buttons .button:hover,
 .ui.blue.button:hover {
   background-color: #1678c2;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.blue.buttons .button:focus,
 .ui.blue.button:focus {
   background-color: #0d71bb;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.blue.buttons .button:active,
 .ui.blue.button:active {
   background-color: #1a69a4;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.blue.buttons .active.button,
@@ -2833,7 +2833,7 @@
 .ui.blue.active.button,
 .ui.blue.button .active.button:active {
   background-color: #1279c6;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -2841,9 +2841,9 @@
 .ui.basic.blue.buttons .button,
 .ui.basic.blue.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #2185D0 inset;
-          box-shadow: 0 0 0 1px #2185D0 inset;
-  color: #2185D0;
+  -webkit-box-shadow: 0 0 0 1px #2185d0 inset;
+          box-shadow: 0 0 0 1px #2185d0 inset;
+  color: #2185d0;
 }
 .ui.basic.blue.buttons .button:hover,
 .ui.basic.blue.button:hover {
@@ -2877,9 +2877,9 @@
 .ui.inverted.blue.buttons .button,
 .ui.inverted.blue.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px #54C8FF inset;
-          box-shadow: 0 0 0 2px #54C8FF inset;
-  color: #54C8FF;
+  -webkit-box-shadow: 0 0 0 2px #54c8ff inset;
+          box-shadow: 0 0 0 2px #54c8ff inset;
+  color: #54c8ff;
 }
 .ui.inverted.blue.buttons .button:hover,
 .ui.inverted.blue.button:hover,
@@ -2891,7 +2891,7 @@
 .ui.inverted.blue.button:active {
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.inverted.blue.buttons .button:hover,
 .ui.inverted.blue.button:hover {
@@ -2917,35 +2917,35 @@
   background-color: transparent;
   -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
           box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.inverted.blue.basic.buttons .button:hover,
 .ui.inverted.blue.buttons .basic.button:hover,
 .ui.inverted.blue.basic.button:hover {
   -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
           box-shadow: 0 0 0 2px #21b8ff inset;
-  color: #54C8FF;
+  color: #54c8ff;
 }
 .ui.inverted.blue.basic.buttons .button:focus,
 .ui.inverted.blue.basic.buttons .button:focus,
 .ui.inverted.blue.basic.button:focus {
   -webkit-box-shadow: 0 0 0 2px #2bbbff inset;
           box-shadow: 0 0 0 2px #2bbbff inset;
-  color: #54C8FF;
+  color: #54c8ff;
 }
 .ui.inverted.blue.basic.buttons .active.button,
 .ui.inverted.blue.buttons .basic.active.button,
 .ui.inverted.blue.basic.active.button {
   -webkit-box-shadow: 0 0 0 2px #3ac0ff inset;
           box-shadow: 0 0 0 2px #3ac0ff inset;
-  color: #54C8FF;
+  color: #54c8ff;
 }
 .ui.inverted.blue.basic.buttons .button:active,
 .ui.inverted.blue.buttons .basic.button:active,
 .ui.inverted.blue.basic.button:active {
   -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
           box-shadow: 0 0 0 2px #21b8ff inset;
-  color: #54C8FF;
+  color: #54c8ff;
 }
 
 /* Tertiary */
@@ -2955,7 +2955,7 @@
   background: transparent;
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: #2185D0;
+  color: #2185d0;
 }
 .ui.tertiary.blue.buttons .button:hover,
 .ui.tertiary.blue.buttons button:hover,
@@ -2983,8 +2983,8 @@
 }
 .ui.violet.buttons .button,
 .ui.violet.button {
-  background-color: #6435C9;
-  color: #FFFFFF;
+  background-color: #6435c9;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
@@ -2995,19 +2995,19 @@
 .ui.violet.buttons .button:hover,
 .ui.violet.button:hover {
   background-color: #5829bb;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.violet.buttons .button:focus,
 .ui.violet.button:focus {
   background-color: #4f20b5;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.violet.buttons .button:active,
 .ui.violet.button:active {
   background-color: #502aa1;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.violet.buttons .active.button,
@@ -3015,7 +3015,7 @@
 .ui.violet.active.button,
 .ui.violet.button .active.button:active {
   background-color: #5626bf;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -3023,9 +3023,9 @@
 .ui.basic.violet.buttons .button,
 .ui.basic.violet.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #6435C9 inset;
-          box-shadow: 0 0 0 1px #6435C9 inset;
-  color: #6435C9;
+  -webkit-box-shadow: 0 0 0 1px #6435c9 inset;
+          box-shadow: 0 0 0 1px #6435c9 inset;
+  color: #6435c9;
 }
 .ui.basic.violet.buttons .button:hover,
 .ui.basic.violet.button:hover {
@@ -3059,9 +3059,9 @@
 .ui.inverted.violet.buttons .button,
 .ui.inverted.violet.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px #A291FB inset;
-          box-shadow: 0 0 0 2px #A291FB inset;
-  color: #A291FB;
+  -webkit-box-shadow: 0 0 0 2px #a291fb inset;
+          box-shadow: 0 0 0 2px #a291fb inset;
+  color: #a291fb;
 }
 .ui.inverted.violet.buttons .button:hover,
 .ui.inverted.violet.button:hover,
@@ -3073,7 +3073,7 @@
 .ui.inverted.violet.button:active {
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.inverted.violet.buttons .button:hover,
 .ui.inverted.violet.button:hover {
@@ -3099,35 +3099,35 @@
   background-color: transparent;
   -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
           box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.inverted.violet.basic.buttons .button:hover,
 .ui.inverted.violet.buttons .basic.button:hover,
 .ui.inverted.violet.basic.button:hover {
   -webkit-box-shadow: 0 0 0 2px #745aff inset;
           box-shadow: 0 0 0 2px #745aff inset;
-  color: #A291FB;
+  color: #a291fb;
 }
 .ui.inverted.violet.basic.buttons .button:focus,
 .ui.inverted.violet.basic.buttons .button:focus,
 .ui.inverted.violet.basic.button:focus {
   -webkit-box-shadow: 0 0 0 2px #7d64ff inset;
           box-shadow: 0 0 0 2px #7d64ff inset;
-  color: #A291FB;
+  color: #a291fb;
 }
 .ui.inverted.violet.basic.buttons .active.button,
 .ui.inverted.violet.buttons .basic.active.button,
 .ui.inverted.violet.basic.active.button {
   -webkit-box-shadow: 0 0 0 2px #8a73ff inset;
           box-shadow: 0 0 0 2px #8a73ff inset;
-  color: #A291FB;
+  color: #a291fb;
 }
 .ui.inverted.violet.basic.buttons .button:active,
 .ui.inverted.violet.buttons .basic.button:active,
 .ui.inverted.violet.basic.button:active {
   -webkit-box-shadow: 0 0 0 2px #7860f9 inset;
           box-shadow: 0 0 0 2px #7860f9 inset;
-  color: #A291FB;
+  color: #a291fb;
 }
 
 /* Tertiary */
@@ -3137,7 +3137,7 @@
   background: transparent;
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: #6435C9;
+  color: #6435c9;
 }
 .ui.tertiary.violet.buttons .button:hover,
 .ui.tertiary.violet.buttons button:hover,
@@ -3165,8 +3165,8 @@
 }
 .ui.purple.buttons .button,
 .ui.purple.button {
-  background-color: #A333C8;
-  color: #FFFFFF;
+  background-color: #a333c8;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
@@ -3177,19 +3177,19 @@
 .ui.purple.buttons .button:hover,
 .ui.purple.button:hover {
   background-color: #9627ba;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.purple.buttons .button:focus,
 .ui.purple.button:focus {
   background-color: #8f1eb4;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.purple.buttons .button:active,
 .ui.purple.button:active {
   background-color: #82299f;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.purple.buttons .active.button,
@@ -3197,7 +3197,7 @@
 .ui.purple.active.button,
 .ui.purple.button .active.button:active {
   background-color: #9724be;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -3205,9 +3205,9 @@
 .ui.basic.purple.buttons .button,
 .ui.basic.purple.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #A333C8 inset;
-          box-shadow: 0 0 0 1px #A333C8 inset;
-  color: #A333C8;
+  -webkit-box-shadow: 0 0 0 1px #a333c8 inset;
+          box-shadow: 0 0 0 1px #a333c8 inset;
+  color: #a333c8;
 }
 .ui.basic.purple.buttons .button:hover,
 .ui.basic.purple.button:hover {
@@ -3241,9 +3241,9 @@
 .ui.inverted.purple.buttons .button,
 .ui.inverted.purple.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px #DC73FF inset;
-          box-shadow: 0 0 0 2px #DC73FF inset;
-  color: #DC73FF;
+  -webkit-box-shadow: 0 0 0 2px #dc73ff inset;
+          box-shadow: 0 0 0 2px #dc73ff inset;
+  color: #dc73ff;
 }
 .ui.inverted.purple.buttons .button:hover,
 .ui.inverted.purple.button:hover,
@@ -3255,7 +3255,7 @@
 .ui.inverted.purple.button:active {
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.inverted.purple.buttons .button:hover,
 .ui.inverted.purple.button:hover {
@@ -3281,35 +3281,35 @@
   background-color: transparent;
   -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
           box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.inverted.purple.basic.buttons .button:hover,
 .ui.inverted.purple.buttons .basic.button:hover,
 .ui.inverted.purple.basic.button:hover {
   -webkit-box-shadow: 0 0 0 2px #cf40ff inset;
           box-shadow: 0 0 0 2px #cf40ff inset;
-  color: #DC73FF;
+  color: #dc73ff;
 }
 .ui.inverted.purple.basic.buttons .button:focus,
 .ui.inverted.purple.basic.buttons .button:focus,
 .ui.inverted.purple.basic.button:focus {
   -webkit-box-shadow: 0 0 0 2px #d24aff inset;
           box-shadow: 0 0 0 2px #d24aff inset;
-  color: #DC73FF;
+  color: #dc73ff;
 }
 .ui.inverted.purple.basic.buttons .active.button,
 .ui.inverted.purple.buttons .basic.active.button,
 .ui.inverted.purple.basic.active.button {
   -webkit-box-shadow: 0 0 0 2px #d65aff inset;
           box-shadow: 0 0 0 2px #d65aff inset;
-  color: #DC73FF;
+  color: #dc73ff;
 }
 .ui.inverted.purple.basic.buttons .button:active,
 .ui.inverted.purple.buttons .basic.button:active,
 .ui.inverted.purple.basic.button:active {
   -webkit-box-shadow: 0 0 0 2px #cf40ff inset;
           box-shadow: 0 0 0 2px #cf40ff inset;
-  color: #DC73FF;
+  color: #dc73ff;
 }
 
 /* Tertiary */
@@ -3319,7 +3319,7 @@
   background: transparent;
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: #A333C8;
+  color: #a333c8;
 }
 .ui.tertiary.purple.buttons .button:hover,
 .ui.tertiary.purple.buttons button:hover,
@@ -3347,8 +3347,8 @@
 }
 .ui.pink.buttons .button,
 .ui.pink.button {
-  background-color: #E03997;
-  color: #FFFFFF;
+  background-color: #e03997;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
@@ -3359,19 +3359,19 @@
 .ui.pink.buttons .button:hover,
 .ui.pink.button:hover {
   background-color: #e61a8d;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.pink.buttons .button:focus,
 .ui.pink.button:focus {
   background-color: #e10f85;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.pink.buttons .button:active,
 .ui.pink.button:active {
   background-color: #c71f7e;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.pink.buttons .active.button,
@@ -3379,7 +3379,7 @@
 .ui.pink.active.button,
 .ui.pink.button .active.button:active {
   background-color: #ea158d;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -3387,9 +3387,9 @@
 .ui.basic.pink.buttons .button,
 .ui.basic.pink.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #E03997 inset;
-          box-shadow: 0 0 0 1px #E03997 inset;
-  color: #E03997;
+  -webkit-box-shadow: 0 0 0 1px #e03997 inset;
+          box-shadow: 0 0 0 1px #e03997 inset;
+  color: #e03997;
 }
 .ui.basic.pink.buttons .button:hover,
 .ui.basic.pink.button:hover {
@@ -3423,9 +3423,9 @@
 .ui.inverted.pink.buttons .button,
 .ui.inverted.pink.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px #FF8EDF inset;
-          box-shadow: 0 0 0 2px #FF8EDF inset;
-  color: #FF8EDF;
+  -webkit-box-shadow: 0 0 0 2px #ff8edf inset;
+          box-shadow: 0 0 0 2px #ff8edf inset;
+  color: #ff8edf;
 }
 .ui.inverted.pink.buttons .button:hover,
 .ui.inverted.pink.button:hover,
@@ -3437,7 +3437,7 @@
 .ui.inverted.pink.button:active {
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.inverted.pink.buttons .button:hover,
 .ui.inverted.pink.button:hover {
@@ -3463,35 +3463,35 @@
   background-color: transparent;
   -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
           box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.inverted.pink.basic.buttons .button:hover,
 .ui.inverted.pink.buttons .basic.button:hover,
 .ui.inverted.pink.basic.button:hover {
   -webkit-box-shadow: 0 0 0 2px #ff5bd1 inset;
           box-shadow: 0 0 0 2px #ff5bd1 inset;
-  color: #FF8EDF;
+  color: #ff8edf;
 }
 .ui.inverted.pink.basic.buttons .button:focus,
 .ui.inverted.pink.basic.buttons .button:focus,
 .ui.inverted.pink.basic.button:focus {
   -webkit-box-shadow: 0 0 0 2px #ff65d3 inset;
           box-shadow: 0 0 0 2px #ff65d3 inset;
-  color: #FF8EDF;
+  color: #ff8edf;
 }
 .ui.inverted.pink.basic.buttons .active.button,
 .ui.inverted.pink.buttons .basic.active.button,
 .ui.inverted.pink.basic.active.button {
   -webkit-box-shadow: 0 0 0 2px #ff74d8 inset;
           box-shadow: 0 0 0 2px #ff74d8 inset;
-  color: #FF8EDF;
+  color: #ff8edf;
 }
 .ui.inverted.pink.basic.buttons .button:active,
 .ui.inverted.pink.buttons .basic.button:active,
 .ui.inverted.pink.basic.button:active {
   -webkit-box-shadow: 0 0 0 2px #ff5bd1 inset;
           box-shadow: 0 0 0 2px #ff5bd1 inset;
-  color: #FF8EDF;
+  color: #ff8edf;
 }
 
 /* Tertiary */
@@ -3501,7 +3501,7 @@
   background: transparent;
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: #E03997;
+  color: #e03997;
 }
 .ui.tertiary.pink.buttons .button:hover,
 .ui.tertiary.pink.buttons button:hover,
@@ -3529,8 +3529,8 @@
 }
 .ui.brown.buttons .button,
 .ui.brown.button {
-  background-color: #A5673F;
-  color: #FFFFFF;
+  background-color: #a5673f;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
@@ -3541,19 +3541,19 @@
 .ui.brown.buttons .button:hover,
 .ui.brown.button:hover {
   background-color: #975b33;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.brown.buttons .button:focus,
 .ui.brown.button:focus {
   background-color: #90532b;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.brown.buttons .button:active,
 .ui.brown.button:active {
   background-color: #805031;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.brown.buttons .active.button,
@@ -3561,7 +3561,7 @@
 .ui.brown.active.button,
 .ui.brown.button .active.button:active {
   background-color: #995a31;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -3569,9 +3569,9 @@
 .ui.basic.brown.buttons .button,
 .ui.basic.brown.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #A5673F inset;
-          box-shadow: 0 0 0 1px #A5673F inset;
-  color: #A5673F;
+  -webkit-box-shadow: 0 0 0 1px #a5673f inset;
+          box-shadow: 0 0 0 1px #a5673f inset;
+  color: #a5673f;
 }
 .ui.basic.brown.buttons .button:hover,
 .ui.basic.brown.button:hover {
@@ -3605,9 +3605,9 @@
 .ui.inverted.brown.buttons .button,
 .ui.inverted.brown.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px #D67C1C inset;
-          box-shadow: 0 0 0 2px #D67C1C inset;
-  color: #D67C1C;
+  -webkit-box-shadow: 0 0 0 2px #d67c1c inset;
+          box-shadow: 0 0 0 2px #d67c1c inset;
+  color: #d67c1c;
 }
 .ui.inverted.brown.buttons .button:hover,
 .ui.inverted.brown.button:hover,
@@ -3619,7 +3619,7 @@
 .ui.inverted.brown.button:active {
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.inverted.brown.buttons .button:hover,
 .ui.inverted.brown.button:hover {
@@ -3645,35 +3645,35 @@
   background-color: transparent;
   -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
           box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.inverted.brown.basic.buttons .button:hover,
 .ui.inverted.brown.buttons .basic.button:hover,
 .ui.inverted.brown.basic.button:hover {
   -webkit-box-shadow: 0 0 0 2px #b0620f inset;
           box-shadow: 0 0 0 2px #b0620f inset;
-  color: #D67C1C;
+  color: #d67c1c;
 }
 .ui.inverted.brown.basic.buttons .button:focus,
 .ui.inverted.brown.basic.buttons .button:focus,
 .ui.inverted.brown.basic.button:focus {
   -webkit-box-shadow: 0 0 0 2px #c16808 inset;
           box-shadow: 0 0 0 2px #c16808 inset;
-  color: #D67C1C;
+  color: #d67c1c;
 }
 .ui.inverted.brown.basic.buttons .active.button,
 .ui.inverted.brown.buttons .basic.active.button,
 .ui.inverted.brown.basic.active.button {
   -webkit-box-shadow: 0 0 0 2px #cc6f0d inset;
           box-shadow: 0 0 0 2px #cc6f0d inset;
-  color: #D67C1C;
+  color: #d67c1c;
 }
 .ui.inverted.brown.basic.buttons .button:active,
 .ui.inverted.brown.buttons .basic.button:active,
 .ui.inverted.brown.basic.button:active {
   -webkit-box-shadow: 0 0 0 2px #a96216 inset;
           box-shadow: 0 0 0 2px #a96216 inset;
-  color: #D67C1C;
+  color: #d67c1c;
 }
 
 /* Tertiary */
@@ -3683,7 +3683,7 @@
   background: transparent;
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: #A5673F;
+  color: #a5673f;
 }
 .ui.tertiary.brown.buttons .button:hover,
 .ui.tertiary.brown.buttons button:hover,
@@ -3712,7 +3712,7 @@
 .ui.grey.buttons .button,
 .ui.grey.button {
   background-color: #767676;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
@@ -3723,19 +3723,19 @@
 .ui.grey.buttons .button:hover,
 .ui.grey.button:hover {
   background-color: #838383;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.grey.buttons .button:focus,
 .ui.grey.button:focus {
   background-color: #8a8a8a;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.grey.buttons .button:active,
 .ui.grey.button:active {
   background-color: #909090;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.grey.buttons .active.button,
@@ -3743,7 +3743,7 @@
 .ui.grey.active.button,
 .ui.grey.button .active.button:active {
   background-color: #696969;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -3787,9 +3787,9 @@
 .ui.inverted.grey.buttons .button,
 .ui.inverted.grey.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px #D4D4D5 inset;
-          box-shadow: 0 0 0 2px #D4D4D5 inset;
-  color: #FFFFFF;
+  -webkit-box-shadow: 0 0 0 2px #d4d4d5 inset;
+          box-shadow: 0 0 0 2px #d4d4d5 inset;
+  color: #fff;
 }
 .ui.inverted.grey.buttons .button:hover,
 .ui.inverted.grey.button:hover,
@@ -3827,35 +3827,35 @@
   background-color: transparent;
   -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
           box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.inverted.grey.basic.buttons .button:hover,
 .ui.inverted.grey.buttons .basic.button:hover,
 .ui.inverted.grey.basic.button:hover {
   -webkit-box-shadow: 0 0 0 2px #c2c4c5 inset;
           box-shadow: 0 0 0 2px #c2c4c5 inset;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.inverted.grey.basic.buttons .button:focus,
 .ui.inverted.grey.basic.buttons .button:focus,
 .ui.inverted.grey.basic.button:focus {
   -webkit-box-shadow: 0 0 0 2px #c7c9cb inset;
           box-shadow: 0 0 0 2px #c7c9cb inset;
-  color: #DCDDDE;
+  color: #dcddde;
 }
 .ui.inverted.grey.basic.buttons .active.button,
 .ui.inverted.grey.buttons .basic.active.button,
 .ui.inverted.grey.basic.active.button {
   -webkit-box-shadow: 0 0 0 2px #cfd0d2 inset;
           box-shadow: 0 0 0 2px #cfd0d2 inset;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.inverted.grey.basic.buttons .button:active,
 .ui.inverted.grey.buttons .basic.button:active,
 .ui.inverted.grey.basic.button:active {
   -webkit-box-shadow: 0 0 0 2px #c2c4c5 inset;
           box-shadow: 0 0 0 2px #c2c4c5 inset;
-  color: #FFFFFF;
+  color: #fff;
 }
 
 /* Tertiary */
@@ -3893,8 +3893,8 @@
 }
 .ui.black.buttons .button,
 .ui.black.button {
-  background-color: #1B1C1D;
-  color: #FFFFFF;
+  background-color: #1b1c1d;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
@@ -3905,19 +3905,19 @@
 .ui.black.buttons .button:hover,
 .ui.black.button:hover {
   background-color: #27292a;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.black.buttons .button:focus,
 .ui.black.button:focus {
   background-color: #2f3032;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.black.buttons .button:active,
 .ui.black.button:active {
   background-color: #343637;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.black.buttons .active.button,
@@ -3925,7 +3925,7 @@
 .ui.black.active.button,
 .ui.black.button .active.button:active {
   background-color: #0f0f10;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -3933,9 +3933,9 @@
 .ui.basic.black.buttons .button,
 .ui.basic.black.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #1B1C1D inset;
-          box-shadow: 0 0 0 1px #1B1C1D inset;
-  color: #1B1C1D;
+  -webkit-box-shadow: 0 0 0 1px #1b1c1d inset;
+          box-shadow: 0 0 0 1px #1b1c1d inset;
+  color: #1b1c1d;
 }
 .ui.basic.black.buttons .button:hover,
 .ui.basic.black.button:hover {
@@ -3969,9 +3969,9 @@
 .ui.inverted.black.buttons .button,
 .ui.inverted.black.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px #D4D4D5 inset;
-          box-shadow: 0 0 0 2px #D4D4D5 inset;
-  color: #FFFFFF;
+  -webkit-box-shadow: 0 0 0 2px #d4d4d5 inset;
+          box-shadow: 0 0 0 2px #d4d4d5 inset;
+  color: #fff;
 }
 .ui.inverted.black.buttons .button:hover,
 .ui.inverted.black.button:hover,
@@ -3983,7 +3983,7 @@
 .ui.inverted.black.button:active {
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.inverted.black.buttons .button:hover,
 .ui.inverted.black.button:hover {
@@ -4009,14 +4009,14 @@
   background-color: transparent;
   -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
           box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.inverted.black.basic.buttons .button:hover,
 .ui.inverted.black.buttons .basic.button:hover,
 .ui.inverted.black.basic.button:hover {
   -webkit-box-shadow: 0 0 0 2px #000000 inset;
           box-shadow: 0 0 0 2px #000000 inset;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.inverted.black.basic.buttons .button:focus,
 .ui.inverted.black.basic.buttons .button:focus,
@@ -4030,14 +4030,14 @@
 .ui.inverted.black.basic.active.button {
   -webkit-box-shadow: 0 0 0 2px #000000 inset;
           box-shadow: 0 0 0 2px #000000 inset;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.inverted.black.basic.buttons .button:active,
 .ui.inverted.black.buttons .basic.button:active,
 .ui.inverted.black.basic.button:active {
   -webkit-box-shadow: 0 0 0 2px #000000 inset;
           box-shadow: 0 0 0 2px #000000 inset;
-  color: #FFFFFF;
+  color: #fff;
 }
 
 /* Tertiary */
@@ -4047,7 +4047,7 @@
   background: transparent;
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: #1B1C1D;
+  color: #1b1c1d;
 }
 .ui.tertiary.black.buttons .button:hover,
 .ui.tertiary.black.buttons button:hover,
@@ -4077,8 +4077,8 @@
 /* Standard */
 .ui.positive.buttons .button,
 .ui.positive.button {
-  background-color: #21BA45;
-  color: #FFFFFF;
+  background-color: #21ba45;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
@@ -4089,19 +4089,19 @@
 .ui.positive.buttons .button:hover,
 .ui.positive.button:hover {
   background-color: #16ab39;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.positive.buttons .button:focus,
 .ui.positive.button:focus {
   background-color: #0ea432;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.positive.buttons .button:active,
 .ui.positive.button:active {
   background-color: #198f35;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.positive.buttons .active.button,
@@ -4109,7 +4109,7 @@
 .ui.positive.active.button,
 .ui.positive.button .active.button:active {
   background-color: #13ae38;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -4117,9 +4117,9 @@
 .ui.basic.positive.buttons .button,
 .ui.basic.positive.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #21BA45 inset;
-          box-shadow: 0 0 0 1px #21BA45 inset;
-  color: #21BA45;
+  -webkit-box-shadow: 0 0 0 1px #21ba45 inset;
+          box-shadow: 0 0 0 1px #21ba45 inset;
+  color: #21ba45;
 }
 .ui.basic.positive.buttons .button:hover,
 .ui.basic.positive.button:hover {
@@ -4155,8 +4155,8 @@
 /* Standard */
 .ui.negative.buttons .button,
 .ui.negative.button {
-  background-color: #DB2828;
-  color: #FFFFFF;
+  background-color: #db2828;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
@@ -4167,19 +4167,19 @@
 .ui.negative.buttons .button:hover,
 .ui.negative.button:hover {
   background-color: #d01919;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.negative.buttons .button:focus,
 .ui.negative.button:focus {
   background-color: #ca1010;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.negative.buttons .button:active,
 .ui.negative.button:active {
   background-color: #b21e1e;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.negative.buttons .active.button,
@@ -4187,7 +4187,7 @@
 .ui.negative.active.button,
 .ui.negative.button .active.button:active {
   background-color: #d41515;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -4195,9 +4195,9 @@
 .ui.basic.negative.buttons .button,
 .ui.basic.negative.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #DB2828 inset;
-          box-shadow: 0 0 0 1px #DB2828 inset;
-  color: #DB2828;
+  -webkit-box-shadow: 0 0 0 1px #db2828 inset;
+          box-shadow: 0 0 0 1px #db2828 inset;
+  color: #db2828;
 }
 .ui.basic.negative.buttons .button:hover,
 .ui.basic.negative.button:hover {
@@ -4254,7 +4254,7 @@
 
 /* Clearfix */
 .ui.buttons::after {
-  content: '.';
+  content: ".";
   display: block;
   height: 0;
   clear: both;
@@ -4284,7 +4284,7 @@
   border-bottom-right-radius: 0.28571429rem;
 }
 
-/* Vertical  Style */
+/* Vertical Style */
 .ui.vertical.buttons {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;