fomantic-ui 2.9.0-beta.122 → 2.9.0-beta.126

package/dist/semantic.css

@@ -1,5 +1,5 @@
 /*
- * # Fomantic UI - 2.9.0-beta.122
+ * # Fomantic UI - 2.9.0-beta.126
  * https://github.com/fomantic/Fomantic-UI
  * http://fomantic-ui.com/
  *
@@ -10,7 +10,7 @@
  */
 @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400%3B0,700%3B1,400%3B1,700&subset=latin&display=swap');
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Reset
+ * # Fomantic-UI 2.9.0-beta.126 - Reset
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -435,7 +435,7 @@ template {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Site
+ * # Fomantic-UI 2.9.0-beta.126 - Site
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -674,7 +674,7 @@ input::selection {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Button
+ * # Fomantic-UI 2.9.0-beta.126 - Button
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -5687,7 +5687,7 @@ input::selection {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Container
+ * # Fomantic-UI 2.9.0-beta.126 - Container
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -5844,7 +5844,7 @@ input::selection {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Divider
+ * # Fomantic-UI 2.9.0-beta.126 - Divider
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -21525,7 +21525,7 @@ em[data-emoji="tone5"]:before {
   background-image: url("https://twemoji.maxcdn.com/v/latest/svg/1f3ff.svg");
 }
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Flag
+ * # Fomantic-UI 2.9.0-beta.126 - Flag
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -22937,7 +22937,7 @@ i.flag.united.nations:before {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Header
+ * # Fomantic-UI 2.9.0-beta.126 - Header
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -23891,7 +23891,7 @@ a.ui.inverted.black.header.header.header:hover {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Icon
+ * # Fomantic-UI 2.9.0-beta.126 - Icon
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -33014,7 +33014,7 @@ i.icon.youtube.play:before {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Image
+ * # Fomantic-UI 2.9.0-beta.126 - Image
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -33369,7 +33369,7 @@ img.ui.bordered.image {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Input
+ * # Fomantic-UI 2.9.0-beta.126 - Input
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -34149,6 +34149,783 @@ img.ui.bordered.image {
   width: 0 !important;
 }
 
+/*--------------------
+          File
+  ---------------------*/
+
+/* width hack for chrome/edge */
+
+.ui.file.input {
+  width: 100%;
+}
+
+.ui.file.input input[type="file"] {
+  width: 0;
+}
+
+.ui.form .field > input[type="file"],
+.ui.file.input:not(.action) input[type="file"] {
+  padding: 0;
+}
+
+.ui.action.file.input input[type="file"]::-webkit-file-upload-button {
+  display: none;
+}
+
+.ui.form .field input[type="file"]::-webkit-file-upload-button,
+.ui.file.input input[type="file"]::-webkit-file-upload-button {
+  border: none;
+  cursor: pointer;
+  padding: 0.67857143em 1em;
+  margin-right: 1em;
+  background: #e0e1e2;
+  font-weight: bold;
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.ui.form .field input[type="file"]::-webkit-file-upload-button:hover,
+.ui.file.input input[type="file"]::-webkit-file-upload-button:hover {
+  background: #cacbcd;
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.ui.action.file.input input[type="file"]::-ms-browse {
+  display: none;
+}
+
+.ui.form .field input[type="file"]::-ms-browse,
+.ui.file.input input[type="file"]::-ms-browse {
+  border: none;
+  cursor: pointer;
+  padding: 0.67857143em 1em;
+  margin: 0;
+  background: #e0e1e2;
+  font-weight: bold;
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.ui.form .field input[type="file"]::-ms-browse:hover,
+.ui.file.input input[type="file"]::-ms-browse:hover {
+  background: #cacbcd;
+  color: rgba(0, 0, 0, 0.6);
+}
+
+/* IE needs additional styling for input field :S */
+
+@media all and (-ms-high-contrast: none) {
+  .ui.file.input > input[type="file"],
+  input[type="file"].ui.file.input {
+    padding: 0 !important;
+  }
+}
+
+.ui.action.file.input input[type="file"]::file-selector-button {
+  display: none;
+}
+
+.ui.form .field input[type="file"]::file-selector-button,
+.ui.file.input input[type="file"]::file-selector-button {
+  border: none;
+  cursor: pointer;
+  padding: 0.67857143em 1em;
+  margin-right: 1em;
+  background: #e0e1e2;
+  font-weight: bold;
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.ui.form .field input[type="file"]::file-selector-button:hover,
+.ui.file.input input[type="file"]::file-selector-button:hover {
+  background: #cacbcd;
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.ui.form .field input[type="file"]:required:invalid,
+.ui.file.input input[type="file"]:required:invalid {
+  color: #9F3A38;
+  background: #FFF6F6;
+  border-color: #E0B4B4;
+}
+
+input[type="file"].ui.invisible.file.input,
+.ui.invisible.file.input input[type="file"] {
+  left: -99999px;
+  position: absolute;
+}
+
+input[type="file"].ui.file.input:focus + label.ui.button:not(.basic):not(.tertiary),
+.ui.file.input input[type="file"]:focus + label.ui.button:not(.basic):not(.tertiary) {
+  background: #cacbcd;
+  color: rgba(0, 0, 0, 0.8);
+}
+
+input[type="file"].ui.file.input:focus + label.ui.button:not(.basic):not(.tertiary).inverted,
+.ui.file.input input[type="file"]:focus + label.ui.button:not(.basic):not(.tertiary).inverted {
+  background: #FFFFFF;
+}
+
+/* this is related to existing buttons, so the button color variable is used here! */
+
+input[type="file"].ui.file.input:focus + label.ui.primary.button:not(.basic):not(.tertiary),
+.ui.file.input input[type="file"]:focus + label.ui.primary.button:not(.basic):not(.tertiary) {
+  background-color: #1678c2;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.file.input:focus + label.ui.primary.button:not(.basic):not(.tertiary).inverted,
+.ui.file.input input[type="file"]:focus + label.ui.primary.button:not(.basic):not(.tertiary).inverted {
+  background-color: #21b8ff;
+}
+
+input[type="file"].ui.file.input:focus + label.ui.secondary.button:not(.basic):not(.tertiary),
+.ui.file.input input[type="file"]:focus + label.ui.secondary.button:not(.basic):not(.tertiary) {
+  background-color: #27292a;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.file.input:focus + label.ui.secondary.button:not(.basic):not(.tertiary).inverted,
+.ui.file.input input[type="file"]:focus + label.ui.secondary.button:not(.basic):not(.tertiary).inverted {
+  background-color: #6e6e6e;
+}
+
+input[type="file"].ui.file.input:focus + label.ui.red.button:not(.basic):not(.tertiary),
+.ui.file.input input[type="file"]:focus + label.ui.red.button:not(.basic):not(.tertiary) {
+  background-color: #d01919;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.file.input:focus + label.ui.red.button:not(.basic):not(.tertiary).inverted,
+.ui.file.input input[type="file"]:focus + label.ui.red.button:not(.basic):not(.tertiary).inverted {
+  background-color: #ff392b;
+}
+
+input[type="file"].ui.file.input:focus + label.ui.orange.button:not(.basic):not(.tertiary),
+.ui.file.input input[type="file"]:focus + label.ui.orange.button:not(.basic):not(.tertiary) {
+  background-color: #f26202;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.file.input:focus + label.ui.orange.button:not(.basic):not(.tertiary).inverted,
+.ui.file.input input[type="file"]:focus + label.ui.orange.button:not(.basic):not(.tertiary).inverted {
+  background-color: #e76b00;
+}
+
+input[type="file"].ui.file.input:focus + label.ui.yellow.button:not(.basic):not(.tertiary),
+.ui.file.input input[type="file"]:focus + label.ui.yellow.button:not(.basic):not(.tertiary) {
+  background-color: #eaae00;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.file.input:focus + label.ui.yellow.button:not(.basic):not(.tertiary).inverted,
+.ui.file.input input[type="file"]:focus + label.ui.yellow.button:not(.basic):not(.tertiary).inverted {
+  background-color: #ebcd00;
+}
+
+input[type="file"].ui.file.input:focus + label.ui.olive.button:not(.basic):not(.tertiary),
+.ui.file.input input[type="file"]:focus + label.ui.olive.button:not(.basic):not(.tertiary) {
+  background-color: #a7bd0d;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.file.input:focus + label.ui.olive.button:not(.basic):not(.tertiary).inverted,
+.ui.file.input input[type="file"]:focus + label.ui.olive.button:not(.basic):not(.tertiary).inverted {
+  background-color: #d2e745;
+}
+
+input[type="file"].ui.file.input:focus + label.ui.green.button:not(.basic):not(.tertiary),
+.ui.file.input input[type="file"]:focus + label.ui.green.button:not(.basic):not(.tertiary) {
+  background-color: #16ab39;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.file.input:focus + label.ui.green.button:not(.basic):not(.tertiary).inverted,
+.ui.file.input input[type="file"]:focus + label.ui.green.button:not(.basic):not(.tertiary).inverted {
+  background-color: #1ea92e;
+}
+
+input[type="file"].ui.file.input:focus + label.ui.teal.button:not(.basic):not(.tertiary),
+.ui.file.input input[type="file"]:focus + label.ui.teal.button:not(.basic):not(.tertiary) {
+  background-color: #009c95;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.file.input:focus + label.ui.teal.button:not(.basic):not(.tertiary).inverted,
+.ui.file.input input[type="file"]:focus + label.ui.teal.button:not(.basic):not(.tertiary).inverted {
+  background-color: #3affff;
+}
+
+input[type="file"].ui.file.input:focus + label.ui.blue.button:not(.basic):not(.tertiary),
+.ui.file.input input[type="file"]:focus + label.ui.blue.button:not(.basic):not(.tertiary) {
+  background-color: #1678c2;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.file.input:focus + label.ui.blue.button:not(.basic):not(.tertiary).inverted,
+.ui.file.input input[type="file"]:focus + label.ui.blue.button:not(.basic):not(.tertiary).inverted {
+  background-color: #21b8ff;
+}
+
+input[type="file"].ui.file.input:focus + label.ui.violet.button:not(.basic):not(.tertiary),
+.ui.file.input input[type="file"]:focus + label.ui.violet.button:not(.basic):not(.tertiary) {
+  background-color: #5829bb;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.file.input:focus + label.ui.violet.button:not(.basic):not(.tertiary).inverted,
+.ui.file.input input[type="file"]:focus + label.ui.violet.button:not(.basic):not(.tertiary).inverted {
+  background-color: #745aff;
+}
+
+input[type="file"].ui.file.input:focus + label.ui.purple.button:not(.basic):not(.tertiary),
+.ui.file.input input[type="file"]:focus + label.ui.purple.button:not(.basic):not(.tertiary) {
+  background-color: #9627ba;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.file.input:focus + label.ui.purple.button:not(.basic):not(.tertiary).inverted,
+.ui.file.input input[type="file"]:focus + label.ui.purple.button:not(.basic):not(.tertiary).inverted {
+  background-color: #cf40ff;
+}
+
+input[type="file"].ui.file.input:focus + label.ui.pink.button:not(.basic):not(.tertiary),
+.ui.file.input input[type="file"]:focus + label.ui.pink.button:not(.basic):not(.tertiary) {
+  background-color: #e61a8d;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.file.input:focus + label.ui.pink.button:not(.basic):not(.tertiary).inverted,
+.ui.file.input input[type="file"]:focus + label.ui.pink.button:not(.basic):not(.tertiary).inverted {
+  background-color: #ff5bd1;
+}
+
+input[type="file"].ui.file.input:focus + label.ui.brown.button:not(.basic):not(.tertiary),
+.ui.file.input input[type="file"]:focus + label.ui.brown.button:not(.basic):not(.tertiary) {
+  background-color: #975b33;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.file.input:focus + label.ui.brown.button:not(.basic):not(.tertiary).inverted,
+.ui.file.input input[type="file"]:focus + label.ui.brown.button:not(.basic):not(.tertiary).inverted {
+  background-color: #b0620f;
+}
+
+input[type="file"].ui.file.input:focus + label.ui.grey.button:not(.basic):not(.tertiary),
+.ui.file.input input[type="file"]:focus + label.ui.grey.button:not(.basic):not(.tertiary) {
+  background-color: #838383;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.file.input:focus + label.ui.grey.button:not(.basic):not(.tertiary).inverted,
+.ui.file.input input[type="file"]:focus + label.ui.grey.button:not(.basic):not(.tertiary).inverted {
+  background-color: #c2c4c5;
+}
+
+input[type="file"].ui.file.input:focus + label.ui.black.button:not(.basic):not(.tertiary),
+.ui.file.input input[type="file"]:focus + label.ui.black.button:not(.basic):not(.tertiary) {
+  background-color: #27292a;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.file.input:focus + label.ui.black.button:not(.basic):not(.tertiary).inverted,
+.ui.file.input input[type="file"]:focus + label.ui.black.button:not(.basic):not(.tertiary).inverted {
+  background-color: #000000;
+}
+
+input[type="file"].ui.primary.file.input::-webkit-file-upload-button,
+.ui.primary.file.input input[type="file"]::-webkit-file-upload-button {
+  background: #2185D0;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.primary.file.input::-webkit-file-upload-button:hover,
+.ui.primary.file.input input[type="file"]::-webkit-file-upload-button:hover {
+  background: #1678c2;
+}
+
+input[type="file"].ui.primary.file.input::-ms-browse,
+.ui.primary.file.input input[type="file"]::-ms-browse {
+  background: #2185D0;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.primary.file.input::-ms-browse:hover,
+.ui.primary.file.input input[type="file"]::-ms-browse:hover {
+  background: #1678c2;
+}
+
+input[type="file"].ui.primary.file.input::file-selector-button,
+.ui.primary.file.input input[type="file"]::file-selector-button {
+  background: #2185D0;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.primary.file.input::file-selector-button:hover,
+.ui.primary.file.input input[type="file"]::file-selector-button:hover {
+  background: #1678c2;
+}
+
+input[type="file"].ui.secondary.file.input::-webkit-file-upload-button,
+.ui.secondary.file.input input[type="file"]::-webkit-file-upload-button {
+  background: #1B1C1D;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.secondary.file.input::-webkit-file-upload-button:hover,
+.ui.secondary.file.input input[type="file"]::-webkit-file-upload-button:hover {
+  background: #27292a;
+}
+
+input[type="file"].ui.secondary.file.input::-ms-browse,
+.ui.secondary.file.input input[type="file"]::-ms-browse {
+  background: #1B1C1D;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.secondary.file.input::-ms-browse:hover,
+.ui.secondary.file.input input[type="file"]::-ms-browse:hover {
+  background: #27292a;
+}
+
+input[type="file"].ui.secondary.file.input::file-selector-button,
+.ui.secondary.file.input input[type="file"]::file-selector-button {
+  background: #1B1C1D;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.secondary.file.input::file-selector-button:hover,
+.ui.secondary.file.input input[type="file"]::file-selector-button:hover {
+  background: #27292a;
+}
+
+input[type="file"].ui.red.file.input::-webkit-file-upload-button,
+.ui.red.file.input input[type="file"]::-webkit-file-upload-button {
+  background: #DB2828;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.red.file.input::-webkit-file-upload-button:hover,
+.ui.red.file.input input[type="file"]::-webkit-file-upload-button:hover {
+  background: #d01919;
+}
+
+input[type="file"].ui.red.file.input::-ms-browse,
+.ui.red.file.input input[type="file"]::-ms-browse {
+  background: #DB2828;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.red.file.input::-ms-browse:hover,
+.ui.red.file.input input[type="file"]::-ms-browse:hover {
+  background: #d01919;
+}
+
+input[type="file"].ui.red.file.input::file-selector-button,
+.ui.red.file.input input[type="file"]::file-selector-button {
+  background: #DB2828;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.red.file.input::file-selector-button:hover,
+.ui.red.file.input input[type="file"]::file-selector-button:hover {
+  background: #d01919;
+}
+
+input[type="file"].ui.orange.file.input::-webkit-file-upload-button,
+.ui.orange.file.input input[type="file"]::-webkit-file-upload-button {
+  background: #F2711C;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.orange.file.input::-webkit-file-upload-button:hover,
+.ui.orange.file.input input[type="file"]::-webkit-file-upload-button:hover {
+  background: #f26202;
+}
+
+input[type="file"].ui.orange.file.input::-ms-browse,
+.ui.orange.file.input input[type="file"]::-ms-browse {
+  background: #F2711C;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.orange.file.input::-ms-browse:hover,
+.ui.orange.file.input input[type="file"]::-ms-browse:hover {
+  background: #f26202;
+}
+
+input[type="file"].ui.orange.file.input::file-selector-button,
+.ui.orange.file.input input[type="file"]::file-selector-button {
+  background: #F2711C;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.orange.file.input::file-selector-button:hover,
+.ui.orange.file.input input[type="file"]::file-selector-button:hover {
+  background: #f26202;
+}
+
+input[type="file"].ui.yellow.file.input::-webkit-file-upload-button,
+.ui.yellow.file.input input[type="file"]::-webkit-file-upload-button {
+  background: #FBBD08;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.yellow.file.input::-webkit-file-upload-button:hover,
+.ui.yellow.file.input input[type="file"]::-webkit-file-upload-button:hover {
+  background: #eaae00;
+}
+
+input[type="file"].ui.yellow.file.input::-ms-browse,
+.ui.yellow.file.input input[type="file"]::-ms-browse {
+  background: #FBBD08;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.yellow.file.input::-ms-browse:hover,
+.ui.yellow.file.input input[type="file"]::-ms-browse:hover {
+  background: #eaae00;
+}
+
+input[type="file"].ui.yellow.file.input::file-selector-button,
+.ui.yellow.file.input input[type="file"]::file-selector-button {
+  background: #FBBD08;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.yellow.file.input::file-selector-button:hover,
+.ui.yellow.file.input input[type="file"]::file-selector-button:hover {
+  background: #eaae00;
+}
+
+input[type="file"].ui.olive.file.input::-webkit-file-upload-button,
+.ui.olive.file.input input[type="file"]::-webkit-file-upload-button {
+  background: #B5CC18;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.olive.file.input::-webkit-file-upload-button:hover,
+.ui.olive.file.input input[type="file"]::-webkit-file-upload-button:hover {
+  background: #a7bd0d;
+}
+
+input[type="file"].ui.olive.file.input::-ms-browse,
+.ui.olive.file.input input[type="file"]::-ms-browse {
+  background: #B5CC18;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.olive.file.input::-ms-browse:hover,
+.ui.olive.file.input input[type="file"]::-ms-browse:hover {
+  background: #a7bd0d;
+}
+
+input[type="file"].ui.olive.file.input::file-selector-button,
+.ui.olive.file.input input[type="file"]::file-selector-button {
+  background: #B5CC18;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.olive.file.input::file-selector-button:hover,
+.ui.olive.file.input input[type="file"]::file-selector-button:hover {
+  background: #a7bd0d;
+}
+
+input[type="file"].ui.green.file.input::-webkit-file-upload-button,
+.ui.green.file.input input[type="file"]::-webkit-file-upload-button {
+  background: #21BA45;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.green.file.input::-webkit-file-upload-button:hover,
+.ui.green.file.input input[type="file"]::-webkit-file-upload-button:hover {
+  background: #16ab39;
+}
+
+input[type="file"].ui.green.file.input::-ms-browse,
+.ui.green.file.input input[type="file"]::-ms-browse {
+  background: #21BA45;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.green.file.input::-ms-browse:hover,
+.ui.green.file.input input[type="file"]::-ms-browse:hover {
+  background: #16ab39;
+}
+
+input[type="file"].ui.green.file.input::file-selector-button,
+.ui.green.file.input input[type="file"]::file-selector-button {
+  background: #21BA45;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.green.file.input::file-selector-button:hover,
+.ui.green.file.input input[type="file"]::file-selector-button:hover {
+  background: #16ab39;
+}
+
+input[type="file"].ui.teal.file.input::-webkit-file-upload-button,
+.ui.teal.file.input input[type="file"]::-webkit-file-upload-button {
+  background: #00B5AD;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.teal.file.input::-webkit-file-upload-button:hover,
+.ui.teal.file.input input[type="file"]::-webkit-file-upload-button:hover {
+  background: #009c95;
+}
+
+input[type="file"].ui.teal.file.input::-ms-browse,
+.ui.teal.file.input input[type="file"]::-ms-browse {
+  background: #00B5AD;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.teal.file.input::-ms-browse:hover,
+.ui.teal.file.input input[type="file"]::-ms-browse:hover {
+  background: #009c95;
+}
+
+input[type="file"].ui.teal.file.input::file-selector-button,
+.ui.teal.file.input input[type="file"]::file-selector-button {
+  background: #00B5AD;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.teal.file.input::file-selector-button:hover,
+.ui.teal.file.input input[type="file"]::file-selector-button:hover {
+  background: #009c95;
+}
+
+input[type="file"].ui.blue.file.input::-webkit-file-upload-button,
+.ui.blue.file.input input[type="file"]::-webkit-file-upload-button {
+  background: #2185D0;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.blue.file.input::-webkit-file-upload-button:hover,
+.ui.blue.file.input input[type="file"]::-webkit-file-upload-button:hover {
+  background: #1678c2;
+}
+
+input[type="file"].ui.blue.file.input::-ms-browse,
+.ui.blue.file.input input[type="file"]::-ms-browse {
+  background: #2185D0;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.blue.file.input::-ms-browse:hover,
+.ui.blue.file.input input[type="file"]::-ms-browse:hover {
+  background: #1678c2;
+}
+
+input[type="file"].ui.blue.file.input::file-selector-button,
+.ui.blue.file.input input[type="file"]::file-selector-button {
+  background: #2185D0;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.blue.file.input::file-selector-button:hover,
+.ui.blue.file.input input[type="file"]::file-selector-button:hover {
+  background: #1678c2;
+}
+
+input[type="file"].ui.violet.file.input::-webkit-file-upload-button,
+.ui.violet.file.input input[type="file"]::-webkit-file-upload-button {
+  background: #6435C9;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.violet.file.input::-webkit-file-upload-button:hover,
+.ui.violet.file.input input[type="file"]::-webkit-file-upload-button:hover {
+  background: #5829bb;
+}
+
+input[type="file"].ui.violet.file.input::-ms-browse,
+.ui.violet.file.input input[type="file"]::-ms-browse {
+  background: #6435C9;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.violet.file.input::-ms-browse:hover,
+.ui.violet.file.input input[type="file"]::-ms-browse:hover {
+  background: #5829bb;
+}
+
+input[type="file"].ui.violet.file.input::file-selector-button,
+.ui.violet.file.input input[type="file"]::file-selector-button {
+  background: #6435C9;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.violet.file.input::file-selector-button:hover,
+.ui.violet.file.input input[type="file"]::file-selector-button:hover {
+  background: #5829bb;
+}
+
+input[type="file"].ui.purple.file.input::-webkit-file-upload-button,
+.ui.purple.file.input input[type="file"]::-webkit-file-upload-button {
+  background: #A333C8;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.purple.file.input::-webkit-file-upload-button:hover,
+.ui.purple.file.input input[type="file"]::-webkit-file-upload-button:hover {
+  background: #9627ba;
+}
+
+input[type="file"].ui.purple.file.input::-ms-browse,
+.ui.purple.file.input input[type="file"]::-ms-browse {
+  background: #A333C8;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.purple.file.input::-ms-browse:hover,
+.ui.purple.file.input input[type="file"]::-ms-browse:hover {
+  background: #9627ba;
+}
+
+input[type="file"].ui.purple.file.input::file-selector-button,
+.ui.purple.file.input input[type="file"]::file-selector-button {
+  background: #A333C8;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.purple.file.input::file-selector-button:hover,
+.ui.purple.file.input input[type="file"]::file-selector-button:hover {
+  background: #9627ba;
+}
+
+input[type="file"].ui.pink.file.input::-webkit-file-upload-button,
+.ui.pink.file.input input[type="file"]::-webkit-file-upload-button {
+  background: #E03997;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.pink.file.input::-webkit-file-upload-button:hover,
+.ui.pink.file.input input[type="file"]::-webkit-file-upload-button:hover {
+  background: #e61a8d;
+}
+
+input[type="file"].ui.pink.file.input::-ms-browse,
+.ui.pink.file.input input[type="file"]::-ms-browse {
+  background: #E03997;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.pink.file.input::-ms-browse:hover,
+.ui.pink.file.input input[type="file"]::-ms-browse:hover {
+  background: #e61a8d;
+}
+
+input[type="file"].ui.pink.file.input::file-selector-button,
+.ui.pink.file.input input[type="file"]::file-selector-button {
+  background: #E03997;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.pink.file.input::file-selector-button:hover,
+.ui.pink.file.input input[type="file"]::file-selector-button:hover {
+  background: #e61a8d;
+}
+
+input[type="file"].ui.brown.file.input::-webkit-file-upload-button,
+.ui.brown.file.input input[type="file"]::-webkit-file-upload-button {
+  background: #A5673F;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.brown.file.input::-webkit-file-upload-button:hover,
+.ui.brown.file.input input[type="file"]::-webkit-file-upload-button:hover {
+  background: #975b33;
+}
+
+input[type="file"].ui.brown.file.input::-ms-browse,
+.ui.brown.file.input input[type="file"]::-ms-browse {
+  background: #A5673F;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.brown.file.input::-ms-browse:hover,
+.ui.brown.file.input input[type="file"]::-ms-browse:hover {
+  background: #975b33;
+}
+
+input[type="file"].ui.brown.file.input::file-selector-button,
+.ui.brown.file.input input[type="file"]::file-selector-button {
+  background: #A5673F;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.brown.file.input::file-selector-button:hover,
+.ui.brown.file.input input[type="file"]::file-selector-button:hover {
+  background: #975b33;
+}
+
+input[type="file"].ui.grey.file.input::-webkit-file-upload-button,
+.ui.grey.file.input input[type="file"]::-webkit-file-upload-button {
+  background: #767676;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.grey.file.input::-webkit-file-upload-button:hover,
+.ui.grey.file.input input[type="file"]::-webkit-file-upload-button:hover {
+  background: #838383;
+}
+
+input[type="file"].ui.grey.file.input::-ms-browse,
+.ui.grey.file.input input[type="file"]::-ms-browse {
+  background: #767676;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.grey.file.input::-ms-browse:hover,
+.ui.grey.file.input input[type="file"]::-ms-browse:hover {
+  background: #838383;
+}
+
+input[type="file"].ui.grey.file.input::file-selector-button,
+.ui.grey.file.input input[type="file"]::file-selector-button {
+  background: #767676;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.grey.file.input::file-selector-button:hover,
+.ui.grey.file.input input[type="file"]::file-selector-button:hover {
+  background: #838383;
+}
+
+input[type="file"].ui.black.file.input::-webkit-file-upload-button,
+.ui.black.file.input input[type="file"]::-webkit-file-upload-button {
+  background: #1B1C1D;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.black.file.input::-webkit-file-upload-button:hover,
+.ui.black.file.input input[type="file"]::-webkit-file-upload-button:hover {
+  background: #27292a;
+}
+
+input[type="file"].ui.black.file.input::-ms-browse,
+.ui.black.file.input input[type="file"]::-ms-browse {
+  background: #1B1C1D;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.black.file.input::-ms-browse:hover,
+.ui.black.file.input input[type="file"]::-ms-browse:hover {
+  background: #27292a;
+}
+
+input[type="file"].ui.black.file.input::file-selector-button,
+.ui.black.file.input input[type="file"]::file-selector-button {
+  background: #1B1C1D;
+  color: #FFFFFF;
+}
+
+input[type="file"].ui.black.file.input::file-selector-button:hover,
+.ui.black.file.input input[type="file"]::file-selector-button:hover {
+  background: #27292a;
+}
+
 /*--------------------
         Size
 ---------------------*/
@@ -34193,7 +34970,7 @@ img.ui.bordered.image {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Label
+ * # Fomantic-UI 2.9.0-beta.126 - Label
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -36593,7 +37370,7 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - List
+ * # Fomantic-UI 2.9.0-beta.126 - List
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -37699,7 +38476,7 @@ ol.ui.suffixed.list li:before,
     User Variable Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Loader
+ * # Fomantic-UI 2.9.0-beta.126 - Loader
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -38654,7 +39431,7 @@ ol.ui.suffixed.list li:before,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Loader
+ * # Fomantic-UI 2.9.0-beta.126 - Loader
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -38941,7 +39718,7 @@ ol.ui.suffixed.list li:before,
          Theme Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Rail
+ * # Fomantic-UI 2.9.0-beta.126 - Rail
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -39103,7 +39880,7 @@ ol.ui.suffixed.list li:before,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Reveal
+ * # Fomantic-UI 2.9.0-beta.126 - Reveal
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -39446,7 +40223,7 @@ ol.ui.suffixed.list li:before,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Segment
+ * # Fomantic-UI 2.9.0-beta.126 - Segment
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -40446,7 +41223,7 @@ ol.ui.suffixed.list li:before,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Step
+ * # Fomantic-UI 2.9.0-beta.126 - Step
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -41218,7 +41995,7 @@ ol.ui.suffixed.list li:before,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Text
+ * # Fomantic-UI 2.9.0-beta.126 - Text
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -41413,7 +42190,7 @@ span.ui.massive.text {
          Theme Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Breadcrumb
+ * # Fomantic-UI 2.9.0-beta.126 - Breadcrumb
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -41558,7 +42335,7 @@ span.ui.massive.text {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Form
+ * # Fomantic-UI 2.9.0-beta.126 - Form
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -41615,12 +42392,15 @@ span.ui.massive.text {
 .ui.form .field > label {
   display: block;
   margin: 0 0 0.28571429rem 0;
-  color: rgba(0, 0, 0, 0.87);
   font-size: 0.92857143em;
   font-weight: bold;
   text-transform: none;
 }
 
+.ui.form .field > label:not(.button) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
 /*--------------------
     Standard Inputs
 ---------------------*/
@@ -43614,7 +44394,7 @@ span.ui.massive.text {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Grid
+ * # Fomantic-UI 2.9.0-beta.126 - Grid
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -48545,7 +49325,7 @@ Floated Menu / Item
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Message
+ * # Fomantic-UI 2.9.0-beta.126 - Message
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -49351,7 +50131,7 @@ Floated Menu / Item
         Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Table
+ * # Fomantic-UI 2.9.0-beta.126 - Table
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -53059,7 +53839,7 @@ Floated Menu / Item
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Ad
+ * # Fomantic-UI 2.9.0-beta.126 - Ad
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -53348,7 +54128,7 @@ Floated Menu / Item
     User Variable Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Card
+ * # Fomantic-UI 2.9.0-beta.126 - Card
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -54915,7 +55695,7 @@ a.inverted.ui.card:hover,
     User Variable Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Comment
+ * # Fomantic-UI 2.9.0-beta.126 - Comment
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -55230,7 +56010,7 @@ a.inverted.ui.card:hover,
     User Variable Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Feed
+ * # Fomantic-UI 2.9.0-beta.126 - Feed
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -55585,7 +56365,7 @@ a.inverted.ui.card:hover,
     User Variable Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Item
+ * # Fomantic-UI 2.9.0-beta.126 - Item
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -56221,7 +57001,7 @@ a.inverted.ui.card:hover,
     User Variable Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Statistic
+ * # Fomantic-UI 2.9.0-beta.126 - Statistic
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -56927,7 +57707,7 @@ a.inverted.ui.card:hover,
     User Variable Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Accordion
+ * # Fomantic-UI 2.9.0-beta.126 - Accordion
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -57233,7 +58013,7 @@ a.inverted.ui.card:hover,
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Calendar
+ * # Fomantic-UI 2.9.0-beta.126 - Calendar
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -57424,7 +58204,7 @@ a.inverted.ui.card:hover,
          Theme Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Checkbox
+ * # Fomantic-UI 2.9.0-beta.126 - Checkbox
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -58324,7 +59104,7 @@ a.inverted.ui.card:hover,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Dimmer
+ * # Fomantic-UI 2.9.0-beta.126 - Dimmer
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -58845,7 +59625,7 @@ body.dimmable > .dimmer {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Dropdown
+ * # Fomantic-UI 2.9.0-beta.126 - Dropdown
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -61177,7 +61957,7 @@ select.ui.dropdown {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Video
+ * # Fomantic-UI 2.9.0-beta.126 - Video
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -61342,7 +62122,7 @@ select.ui.dropdown {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Modal
+ * # Fomantic-UI 2.9.0-beta.126 - Modal
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -62219,7 +62999,7 @@ select.ui.dropdown {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Nag
+ * # Fomantic-UI 2.9.0-beta.126 - Nag
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -62558,7 +63338,7 @@ a.ui.nag {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Popup
+ * # Fomantic-UI 2.9.0-beta.126 - Popup
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -63473,7 +64253,7 @@ a.ui.nag {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Progress Bar
+ * # Fomantic-UI 2.9.0-beta.126 - Progress Bar
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -65393,7 +66173,7 @@ a.ui.nag {
         Slider Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Rating
+ * # Fomantic-UI 2.9.0-beta.126 - Rating
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -65896,7 +66676,7 @@ a.ui.nag {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Search
+ * # Fomantic-UI 2.9.0-beta.126 - Search
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -66478,7 +67258,7 @@ a.ui.nag {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Shape
+ * # Fomantic-UI 2.9.0-beta.126 - Shape
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -66639,7 +67419,7 @@ a.ui.nag {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Sidebar
+ * # Fomantic-UI 2.9.0-beta.126 - Sidebar
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -67326,7 +68106,7 @@ body.pushable > .pusher {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Sticky
+ * # Fomantic-UI 2.9.0-beta.126 - Sticky
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -67399,7 +68179,7 @@ body.pushable > .pusher {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Tab
+ * # Fomantic-UI 2.9.0-beta.126 - Tab
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -67483,7 +68263,7 @@ body.pushable > .pusher {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Toast
+ * # Fomantic-UI 2.9.0-beta.126 - Toast
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -68475,7 +69255,7 @@ body.pushable > .pusher {
   }
 }
 /*!
- * # Fomantic-UI 2.9.0-beta.122 - Transition
+ * # Fomantic-UI 2.9.0-beta.126 - Transition
  * http://github.com/fomantic/Fomantic-UI/
  *
  *