fomantic-ui 2.9.1-beta.13 → 2.9.1-beta.15

package/dist/components/embed.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.13+7259c34 - Video
+ * # Fomantic-UI 2.9.1-beta.15+02b01ff - Video
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/embed.js

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.13+7259c34 - Embed
+ * # Fomantic-UI 2.9.1-beta.15+02b01ff - Embed
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/embed.min.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.13+7259c34 - Video
+ * # Fomantic-UI 2.9.1-beta.15+02b01ff - Video
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/embed.min.js

@@ -1,5 +1,5 @@
 /*
- * # Fomantic UI - 2.9.1-beta.13+7259c34
+ * # Fomantic UI - 2.9.1-beta.15+02b01ff
  * https://github.com/fomantic/Fomantic-UI
  * https://fomantic-ui.com/
  *

package/dist/components/feed.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.13+7259c34 - Feed
+ * # Fomantic-UI 2.9.1-beta.15+02b01ff - Feed
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/feed.min.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.13+7259c34 - Feed
+ * # Fomantic-UI 2.9.1-beta.15+02b01ff - Feed
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/flag.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.13+7259c34 - Flag
+ * # Fomantic-UI 2.9.1-beta.15+02b01ff - Flag
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/flag.min.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.13+7259c34 - Flag
+ * # Fomantic-UI 2.9.1-beta.15+02b01ff - Flag
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/flyout.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.13+7259c34 - Flyout
+ * # Fomantic-UI 2.9.1-beta.15+02b01ff - Flyout
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/flyout.js

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.13+7259c34 - Flyout
+ * # Fomantic-UI 2.9.1-beta.15+02b01ff - Flyout
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/flyout.min.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.13+7259c34 - Flyout
+ * # Fomantic-UI 2.9.1-beta.15+02b01ff - Flyout
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/flyout.min.js

@@ -1,5 +1,5 @@
 /*
- * # Fomantic UI - 2.9.1-beta.13+7259c34
+ * # Fomantic UI - 2.9.1-beta.15+02b01ff
  * https://github.com/fomantic/Fomantic-UI
  * https://fomantic-ui.com/
  *

package/dist/components/form.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.13+7259c34 - Form
+ * # Fomantic-UI 2.9.1-beta.15+02b01ff - Form
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/form.js

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.13+7259c34 - Form Validation
+ * # Fomantic-UI 2.9.1-beta.15+02b01ff - Form Validation
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/form.min.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.13+7259c34 - Form
+ * # Fomantic-UI 2.9.1-beta.15+02b01ff - Form
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/form.min.js

@@ -1,5 +1,5 @@
 /*
- * # Fomantic UI - 2.9.1-beta.13+7259c34
+ * # Fomantic UI - 2.9.1-beta.15+02b01ff
  * https://github.com/fomantic/Fomantic-UI
  * https://fomantic-ui.com/
  *

package/dist/components/grid.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.13+7259c34 - Grid
+ * # Fomantic-UI 2.9.1-beta.15+02b01ff - Grid
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/grid.min.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.13+7259c34 - Grid
+ * # Fomantic-UI 2.9.1-beta.15+02b01ff - Grid
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/header.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.13+7259c34 - Header
+ * # Fomantic-UI 2.9.1-beta.15+02b01ff - Header
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/header.min.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.13+7259c34 - Header
+ * # Fomantic-UI 2.9.1-beta.15+02b01ff - Header
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/icon.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.13+7259c34 - Icon
+ * # Fomantic-UI 2.9.1-beta.15+02b01ff - Icon
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/icon.min.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.13+7259c34 - Icon
+ * # Fomantic-UI 2.9.1-beta.15+02b01ff - Icon
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/image.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.13+7259c34 - Image
+ * # Fomantic-UI 2.9.1-beta.15+02b01ff - Image
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/image.min.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.13+7259c34 - Image
+ * # Fomantic-UI 2.9.1-beta.15+02b01ff - Image
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/input.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.13+7259c34 - Input
+ * # Fomantic-UI 2.9.1-beta.15+02b01ff - Input
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -504,7 +504,8 @@
 }
 
 /* Left Labeled */
-.ui[class*="left icon"].input > .ui.dropdown,
+.ui[class*="left icon"].input > .ui.dropdown:first-child,
+.ui[class*="left icon"].input > i.icon + .ui.dropdown,
 .ui[class*="left corner labeled"].input > .ui.dropdown,
 .ui[class*="left corner labeled"].input > textarea,
 .ui[class*="left corner labeled"].input > input {
@@ -515,9 +516,9 @@
 .ui[class*="corner labeled"]:not([class*="left corner labeled"])[class*="left icon"].input > input {
   padding-right: 3.25em;
 }
-.ui[class*="left corner labeled"][class*="left icon"].input > .ui.dropdown,
-.ui[class*="left corner labeled"][class*="left icon"].input > textarea,
-.ui[class*="left corner labeled"][class*="left icon"].input > input {
+.ui.ui[class*="left corner labeled"][class*="left icon"].input > .ui.dropdown,
+.ui.ui[class*="left corner labeled"][class*="left icon"].input > textarea,
+.ui.ui[class*="left corner labeled"][class*="left icon"].input > input {
   padding-left: 4em;
 }
 .ui[class*="left corner labeled"].icon.input > i.icon {
@@ -558,11 +559,19 @@
 .ui[class*="corner labeled"]:not([class*="left corner labeled"]).input > .ui.dropdown > .dropdown.icon {
   padding-right: 2.5em;
 }
-.ui[class*="corner labeled"]:not([class*="left corner labeled"]).icon:not([class*="left icon"]).input > .ui.dropdown > .search {
+@supports selector(:has(.f)) {
+  .ui.icon.input:not([class*="left icon"]) > .ui.dropdown > .dropdown.icon {
+    padding-right: initial;
+  }
+  .ui.icon.input:not([class*="left icon"]):not(:has(.ui.dropdown~input)) > .ui.dropdown > .dropdown.icon {
+    padding-right: 2.5em;
+  }
+}
+.ui.ui[class*="corner labeled"]:not([class*="left corner labeled"]).icon:not([class*="left icon"]).input > .ui.dropdown > .search {
   padding-right: 7.25em;
 }
-.ui[class*="corner labeled"]:not([class*="left corner labeled"]).icon:not([class*="left icon"]).input > .ui.dropdown > .remove.icon,
-.ui[class*="corner labeled"]:not([class*="left corner labeled"]).icon:not([class*="left icon"]).input > .ui.dropdown > .dropdown.icon {
+.ui.ui[class*="corner labeled"]:not([class*="left corner labeled"]).icon:not([class*="left icon"]).input > .ui.dropdown > .remove.icon,
+.ui.ui[class*="corner labeled"]:not([class*="left corner labeled"]).icon:not([class*="left icon"]).input > .ui.dropdown > .dropdown.icon {
   padding-right: 4em;
 }
 .ui.icon.input > .ui.visible.dropdown ~ i.icon,
@@ -825,9 +834,21 @@
     padding: 0 !important;
   }
 }
+.ui.action.file.input input[type="file"]::-webkit-file-upload-button {
+  display: none;
+}
 .ui.action.file.input input[type="file"]::file-selector-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"]::file-selector-button,
 .ui.file.input input[type="file"]::file-selector-button {
   border: none;
@@ -838,6 +859,10 @@
   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.form .field input[type="file"]::file-selector-button:hover,
 .ui.file.input input[type="file"]::file-selector-button:hover {
   background: #cacbcd;
@@ -1018,11 +1043,18 @@ 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::-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::file-selector-button,
 .ui.primary.file.input input[type="file"]::file-selector-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::file-selector-button:hover,
 .ui.primary.file.input input[type="file"]::file-selector-button:hover {
   background: #1678c2;
@@ -1045,11 +1077,18 @@ 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::-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::file-selector-button,
 .ui.secondary.file.input input[type="file"]::file-selector-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::file-selector-button:hover,
 .ui.secondary.file.input input[type="file"]::file-selector-button:hover {
   background: #27292a;
@@ -1072,11 +1111,18 @@ 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::-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::file-selector-button,
 .ui.red.file.input input[type="file"]::file-selector-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::file-selector-button:hover,
 .ui.red.file.input input[type="file"]::file-selector-button:hover {
   background: #d01919;
@@ -1099,11 +1145,18 @@ 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::-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::file-selector-button,
 .ui.orange.file.input input[type="file"]::file-selector-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::file-selector-button:hover,
 .ui.orange.file.input input[type="file"]::file-selector-button:hover {
   background: #f26202;
@@ -1126,11 +1179,18 @@ 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::-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::file-selector-button,
 .ui.yellow.file.input input[type="file"]::file-selector-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::file-selector-button:hover,
 .ui.yellow.file.input input[type="file"]::file-selector-button:hover {
   background: #eaae00;
@@ -1153,11 +1213,18 @@ 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::-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::file-selector-button,
 .ui.olive.file.input input[type="file"]::file-selector-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::file-selector-button:hover,
 .ui.olive.file.input input[type="file"]::file-selector-button:hover {
   background: #a7bd0d;
@@ -1180,11 +1247,18 @@ 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::-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::file-selector-button,
 .ui.green.file.input input[type="file"]::file-selector-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::file-selector-button:hover,
 .ui.green.file.input input[type="file"]::file-selector-button:hover {
   background: #16ab39;
@@ -1207,11 +1281,18 @@ 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::-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::file-selector-button,
 .ui.teal.file.input input[type="file"]::file-selector-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::file-selector-button:hover,
 .ui.teal.file.input input[type="file"]::file-selector-button:hover {
   background: #009c95;
@@ -1234,11 +1315,18 @@ 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::-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::file-selector-button,
 .ui.blue.file.input input[type="file"]::file-selector-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::file-selector-button:hover,
 .ui.blue.file.input input[type="file"]::file-selector-button:hover {
   background: #1678c2;
@@ -1261,11 +1349,18 @@ 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::-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::file-selector-button,
 .ui.violet.file.input input[type="file"]::file-selector-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::file-selector-button:hover,
 .ui.violet.file.input input[type="file"]::file-selector-button:hover {
   background: #5829bb;
@@ -1288,11 +1383,18 @@ 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::-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::file-selector-button,
 .ui.purple.file.input input[type="file"]::file-selector-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::file-selector-button:hover,
 .ui.purple.file.input input[type="file"]::file-selector-button:hover {
   background: #9627ba;
@@ -1315,11 +1417,18 @@ 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::-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::file-selector-button,
 .ui.pink.file.input input[type="file"]::file-selector-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::file-selector-button:hover,
 .ui.pink.file.input input[type="file"]::file-selector-button:hover {
   background: #e61a8d;
@@ -1342,11 +1451,18 @@ 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::-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::file-selector-button,
 .ui.brown.file.input input[type="file"]::file-selector-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::file-selector-button:hover,
 .ui.brown.file.input input[type="file"]::file-selector-button:hover {
   background: #975b33;
@@ -1369,11 +1485,18 @@ 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::-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::file-selector-button,
 .ui.grey.file.input input[type="file"]::file-selector-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::file-selector-button:hover,
 .ui.grey.file.input input[type="file"]::file-selector-button:hover {
   background: #838383;
@@ -1396,11 +1519,18 @@ 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::-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::file-selector-button,
 .ui.black.file.input input[type="file"]::file-selector-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::file-selector-button:hover,
 .ui.black.file.input input[type="file"]::file-selector-button:hover {
   background: #27292a;