fomantic-ui 2.9.0-beta.123 → 2.9.0-beta.127

package/dist/semantic.css

@@ -1,5 +1,5 @@
 /*
- * # Fomantic UI - 2.9.0-beta.123
+ * # Fomantic UI - 2.9.0-beta.127
  * 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.123 - Reset
+ * # Fomantic-UI 2.9.0-beta.127 - Reset
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -435,7 +435,7 @@ template {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Site
+ * # Fomantic-UI 2.9.0-beta.127 - Site
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -674,7 +674,7 @@ input::selection {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Button
+ * # Fomantic-UI 2.9.0-beta.127 - Button
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -5687,7 +5687,7 @@ input::selection {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Container
+ * # Fomantic-UI 2.9.0-beta.127 - Container
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -5836,6 +5836,102 @@ input::selection {
   hyphens: auto;
 }
 
+/*--------------
+    Scrolling
+  ---------------*/
+
+.ui.scrolling.container {
+  overflow: auto;
+}
+
+@media only screen and (max-width: 767.98px) {
+  .ui.scrolling.container.short {
+    max-height: 11.25em;
+  }
+
+  .ui.scrolling.container[class*="very short"] {
+    max-height: 7.5em;
+  }
+
+  .ui.scrolling.container {
+    max-height: 15em;
+  }
+
+  .ui.scrolling.container.long {
+    max-height: 30em;
+  }
+
+  .ui.scrolling.container[class*="very long"] {
+    max-height: 45em;
+  }
+}
+
+@media only screen and (min-width: 768px) {
+  .ui.scrolling.container.short {
+    max-height: 13.5em;
+  }
+
+  .ui.scrolling.container[class*="very short"] {
+    max-height: 9em;
+  }
+
+  .ui.scrolling.container {
+    max-height: 18em;
+  }
+
+  .ui.scrolling.container.long {
+    max-height: 36em;
+  }
+
+  .ui.scrolling.container[class*="very long"] {
+    max-height: 54em;
+  }
+}
+
+@media only screen and (min-width: 992px) {
+  .ui.scrolling.container.short {
+    max-height: 18em;
+  }
+
+  .ui.scrolling.container[class*="very short"] {
+    max-height: 12em;
+  }
+
+  .ui.scrolling.container {
+    max-height: 24em;
+  }
+
+  .ui.scrolling.container.long {
+    max-height: 48em;
+  }
+
+  .ui.scrolling.container[class*="very long"] {
+    max-height: 72em;
+  }
+}
+
+@media only screen and (min-width: 1920px) {
+  .ui.scrolling.container.short {
+    max-height: 22.5em;
+  }
+
+  .ui.scrolling.container[class*="very short"] {
+    max-height: 15em;
+  }
+
+  .ui.scrolling.container {
+    max-height: 30em;
+  }
+
+  .ui.scrolling.container.long {
+    max-height: 60em;
+  }
+
+  .ui.scrolling.container[class*="very long"] {
+    max-height: 90em;
+  }
+}
+
 /*******************************
          Theme Overrides
 *******************************/
@@ -5844,7 +5940,7 @@ input::selection {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Divider
+ * # Fomantic-UI 2.9.0-beta.127 - Divider
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -21525,7 +21621,7 @@ em[data-emoji="tone5"]:before {
   background-image: url("https://twemoji.maxcdn.com/v/latest/svg/1f3ff.svg");
 }
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Flag
+ * # Fomantic-UI 2.9.0-beta.127 - Flag
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -22937,7 +23033,7 @@ i.flag.united.nations:before {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Header
+ * # Fomantic-UI 2.9.0-beta.127 - Header
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -23891,7 +23987,7 @@ a.ui.inverted.black.header.header.header:hover {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Icon
+ * # Fomantic-UI 2.9.0-beta.127 - Icon
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -33014,7 +33110,7 @@ i.icon.youtube.play:before {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Image
+ * # Fomantic-UI 2.9.0-beta.127 - Image
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -33369,7 +33465,7 @@ img.ui.bordered.image {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Input
+ * # Fomantic-UI 2.9.0-beta.127 - Input
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -34149,6 +34245,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 +35066,7 @@ img.ui.bordered.image {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Label
+ * # Fomantic-UI 2.9.0-beta.127 - Label
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -36593,7 +37466,7 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - List
+ * # Fomantic-UI 2.9.0-beta.127 - List
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -37699,7 +38572,7 @@ ol.ui.suffixed.list li:before,
     User Variable Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Loader
+ * # Fomantic-UI 2.9.0-beta.127 - Loader
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -38654,7 +39527,7 @@ ol.ui.suffixed.list li:before,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Loader
+ * # Fomantic-UI 2.9.0-beta.127 - Loader
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -38941,7 +39814,7 @@ ol.ui.suffixed.list li:before,
          Theme Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Rail
+ * # Fomantic-UI 2.9.0-beta.127 - Rail
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -39103,7 +39976,7 @@ ol.ui.suffixed.list li:before,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Reveal
+ * # Fomantic-UI 2.9.0-beta.127 - Reveal
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -39446,7 +40319,7 @@ ol.ui.suffixed.list li:before,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Segment
+ * # Fomantic-UI 2.9.0-beta.127 - Segment
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -40394,6 +41267,102 @@ ol.ui.suffixed.list li:before,
   padding-right: 0;
 }
 
+/*--------------
+    Scrolling
+  ---------------*/
+
+.ui.scrolling.segment {
+  overflow: auto;
+}
+
+@media only screen and (max-width: 767.98px) {
+  .ui.scrolling.segment.short {
+    max-height: 11.25em;
+  }
+
+  .ui.scrolling.segment[class*="very short"] {
+    max-height: 7.5em;
+  }
+
+  .ui.scrolling.segment {
+    max-height: 15em;
+  }
+
+  .ui.scrolling.segment.long {
+    max-height: 30em;
+  }
+
+  .ui.scrolling.segment[class*="very long"] {
+    max-height: 45em;
+  }
+}
+
+@media only screen and (min-width: 768px) {
+  .ui.scrolling.segment.short {
+    max-height: 13.5em;
+  }
+
+  .ui.scrolling.segment[class*="very short"] {
+    max-height: 9em;
+  }
+
+  .ui.scrolling.segment {
+    max-height: 18em;
+  }
+
+  .ui.scrolling.segment.long {
+    max-height: 36em;
+  }
+
+  .ui.scrolling.segment[class*="very long"] {
+    max-height: 54em;
+  }
+}
+
+@media only screen and (min-width: 992px) {
+  .ui.scrolling.segment.short {
+    max-height: 18em;
+  }
+
+  .ui.scrolling.segment[class*="very short"] {
+    max-height: 12em;
+  }
+
+  .ui.scrolling.segment {
+    max-height: 24em;
+  }
+
+  .ui.scrolling.segment.long {
+    max-height: 48em;
+  }
+
+  .ui.scrolling.segment[class*="very long"] {
+    max-height: 72em;
+  }
+}
+
+@media only screen and (min-width: 1920px) {
+  .ui.scrolling.segment.short {
+    max-height: 22.5em;
+  }
+
+  .ui.scrolling.segment[class*="very short"] {
+    max-height: 15em;
+  }
+
+  .ui.scrolling.segment {
+    max-height: 30em;
+  }
+
+  .ui.scrolling.segment.long {
+    max-height: 60em;
+  }
+
+  .ui.scrolling.segment[class*="very long"] {
+    max-height: 90em;
+  }
+}
+
 /*-------------------
         Size
 --------------------*/
@@ -40446,7 +41415,7 @@ ol.ui.suffixed.list li:before,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Step
+ * # Fomantic-UI 2.9.0-beta.127 - Step
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -41218,7 +42187,7 @@ ol.ui.suffixed.list li:before,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Text
+ * # Fomantic-UI 2.9.0-beta.127 - Text
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -41413,7 +42382,7 @@ span.ui.massive.text {
          Theme Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Breadcrumb
+ * # Fomantic-UI 2.9.0-beta.127 - Breadcrumb
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -41558,7 +42527,7 @@ span.ui.massive.text {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Form
+ * # Fomantic-UI 2.9.0-beta.127 - Form
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -41615,12 +42584,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 +44586,7 @@ span.ui.massive.text {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Grid
+ * # Fomantic-UI 2.9.0-beta.127 - Grid
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -48545,7 +49517,7 @@ Floated Menu / Item
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Message
+ * # Fomantic-UI 2.9.0-beta.127 - Message
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -49351,7 +50323,7 @@ Floated Menu / Item
         Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Table
+ * # Fomantic-UI 2.9.0-beta.127 - Table
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -49936,6 +50908,26 @@ Floated Menu / Item
   .ui.scrolling.table[class*="very long"] > tbody {
     max-height: 26.99935714em;
   }
+
+  .ui.overflowing.table.short {
+    max-height: 11.24973214em;
+  }
+
+  .ui.overflowing.table[class*="very short"] {
+    max-height: 7.49982143em;
+  }
+
+  .ui.overflowing.table {
+    max-height: 14.99964286em;
+  }
+
+  .ui.overflowing.table.long {
+    max-height: 29.99928571em;
+  }
+
+  .ui.overflowing.table[class*="very long"] {
+    max-height: 44.99892857em;
+  }
 }
 
 /*--------------
@@ -50112,6 +51104,81 @@ Floated Menu / Item
   scrollbar-color: rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.1);
 }
 
+/*--------------
+    Overflowing
+  ---------------*/
+
+.ui.overflowing.table {
+  display: block;
+  overflow: auto;
+}
+
+@media only screen and (min-width: 768px) {
+  .ui.overflowing.table.short {
+    max-height: 13.49967857em;
+  }
+
+  .ui.overflowing.table[class*="very short"] {
+    max-height: 8.99978571em;
+  }
+
+  .ui.overflowing.table {
+    max-height: 17.99957143em;
+  }
+
+  .ui.overflowing.table.long {
+    max-height: 35.99914286em;
+  }
+
+  .ui.overflowing.table[class*="very long"] {
+    max-height: 53.99871429em;
+  }
+}
+
+@media only screen and (min-width: 992px) {
+  .ui.overflowing.table.short {
+    max-height: 17.99957143em;
+  }
+
+  .ui.overflowing.table[class*="very short"] {
+    max-height: 11.99971429em;
+  }
+
+  .ui.overflowing.table {
+    max-height: 23.99942857em;
+  }
+
+  .ui.overflowing.table.long {
+    max-height: 47.99885714em;
+  }
+
+  .ui.overflowing.table[class*="very long"] {
+    max-height: 71.99828571em;
+  }
+}
+
+@media only screen and (min-width: 1920px) {
+  .ui.overflowing.table.short {
+    max-height: 22.49946429em;
+  }
+
+  .ui.overflowing.table[class*="very short"] {
+    max-height: 14.99964286em;
+  }
+
+  .ui.overflowing.table {
+    max-height: 29.99928571em;
+  }
+
+  .ui.overflowing.table.long {
+    max-height: 59.99857143em;
+  }
+
+  .ui.overflowing.table[class*="very long"] {
+    max-height: 89.99785714em;
+  }
+}
+
 /*******************************
             Coupling
 *******************************/
@@ -53017,6 +54084,144 @@ Floated Menu / Item
   padding: 0.4em 0.6em;
 }
 
+/*--------------
+       Stuck
+  ---------------*/
+
+.ui.stuck.table:not(.inverted) {
+  background: #FFFFFF;
+}
+
+.ui.stuck.table:not(.inverted) > thead > tr {
+  background: #F9FAFB;
+}
+
+.ui.stuck.table:not(.inverted) > tbody > tr {
+  background: #FFFFFF;
+}
+
+.ui.stuck.table:not(.inverted) > tfoot > tr {
+  background: #F9FAFB;
+}
+
+.ui.stuck.table:not(.inverted).basic > thead > tr,
+.ui.stuck.table:not(.inverted).basic > tfoot > tr {
+  background: #FFFFFF;
+}
+
+.ui.inverted.stuck.table > thead > tr {
+  background: #252525;
+}
+
+.ui.inverted.stuck.table > tbody > tr {
+  background: #333333;
+}
+
+.ui.inverted.stuck.table > tfoot > tr {
+  background: #252525;
+}
+
+.ui.inverted.stuck.table.basic > thead > tr,
+.ui.inverted.stuck.table.basic > tfoot > tr {
+  background: #333333;
+}
+
+.ui.head.stuck.table > thead,
+.ui.foot.stuck.table > tfoot {
+  position: sticky;
+  z-index: 800;
+}
+
+.ui.head.stuck.table {
+  border-top: 0;
+}
+
+.ui.head.stuck.table > thead {
+  top: 0;
+  bottom: auto;
+}
+
+.ui.head.stuck.table > thead > tr:first-child > th {
+  border-top: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+.ui.head.stuck.table.inverted > thead > tr:first-child > th {
+  border-top: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.ui.foot.stuck.table {
+  border-bottom: 0;
+}
+
+.ui.foot.stuck.table > tfoot {
+  top: auto;
+  bottom: 0;
+}
+
+.ui.foot.stuck.table > tfoot > tr:last-child > td,
+.ui.foot.stuck.table > tfoot > tr:last-child > th {
+  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+.ui.foot.stuck.table.inverted > tfoot > tr:first-child > td,
+.ui.foot.stuck.table.inverted > tfoot > tr:first-child > th {
+  border-top: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.ui.first.stuck.table {
+  border-left: 0;
+}
+
+.ui.first.stuck.table th:first-child,
+.ui.first.stuck.table td:first-child {
+  position: sticky;
+  left: 0;
+  border-left: 1px solid rgba(34, 36, 38, 0.1);
+  background: inherit;
+}
+
+.ui.first.stuck.table.inverted th:first-child,
+.ui.first.stuck.table.inverted td:first-child {
+  border-left: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.ui.last.stuck.table {
+  border-right: 0;
+}
+
+.ui.last.stuck.table th:last-child,
+.ui.last.stuck.table td:last-child {
+  position: sticky;
+  right: 0;
+  border-right: 1px solid rgba(34, 36, 38, 0.1);
+  background: inherit;
+}
+
+.ui.last.stuck.table.inverted th:last-child,
+.ui.last.stuck.table.inverted td:last-child {
+  border-right: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.ui.celled.first.stuck.table th:first-child,
+.ui.celled.first.stuck.table td:first-child {
+  border-right: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+.ui.celled.last.stuck.table th:last-child,
+.ui.celled.last.stuck.table td:last-child {
+  border-left: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+.ui.inverted.celled.first.stuck.table th:first-child,
+.ui.inverted.celled.first.stuck.table td:first-child {
+  border-right: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.ui.inverted.celled.last.stuck.table th:last-child,
+.ui.inverted.celled.last.stuck.table td:last-child {
+  border-left: 1px solid rgba(255, 255, 255, 0.1);
+}
+
 /*--------------
       Sizes
 ---------------*/
@@ -53059,7 +54264,7 @@ Floated Menu / Item
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Ad
+ * # Fomantic-UI 2.9.0-beta.127 - Ad
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -53348,7 +54553,7 @@ Floated Menu / Item
     User Variable Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Card
+ * # Fomantic-UI 2.9.0-beta.127 - Card
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -54915,7 +56120,7 @@ a.inverted.ui.card:hover,
     User Variable Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Comment
+ * # Fomantic-UI 2.9.0-beta.127 - Comment
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -55230,7 +56435,7 @@ a.inverted.ui.card:hover,
     User Variable Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Feed
+ * # Fomantic-UI 2.9.0-beta.127 - Feed
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -55585,7 +56790,7 @@ a.inverted.ui.card:hover,
     User Variable Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Item
+ * # Fomantic-UI 2.9.0-beta.127 - Item
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -56221,7 +57426,7 @@ a.inverted.ui.card:hover,
     User Variable Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Statistic
+ * # Fomantic-UI 2.9.0-beta.127 - Statistic
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -56927,7 +58132,7 @@ a.inverted.ui.card:hover,
     User Variable Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Accordion
+ * # Fomantic-UI 2.9.0-beta.127 - Accordion
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -57233,7 +58438,7 @@ a.inverted.ui.card:hover,
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Calendar
+ * # Fomantic-UI 2.9.0-beta.127 - Calendar
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -57424,7 +58629,7 @@ a.inverted.ui.card:hover,
          Theme Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Checkbox
+ * # Fomantic-UI 2.9.0-beta.127 - Checkbox
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -58324,7 +59529,7 @@ a.inverted.ui.card:hover,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Dimmer
+ * # Fomantic-UI 2.9.0-beta.127 - Dimmer
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -58845,7 +60050,7 @@ body.dimmable > .dimmer {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Dropdown
+ * # Fomantic-UI 2.9.0-beta.127 - Dropdown
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -61177,7 +62382,7 @@ select.ui.dropdown {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Video
+ * # Fomantic-UI 2.9.0-beta.127 - Video
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -61342,7 +62547,7 @@ select.ui.dropdown {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Modal
+ * # Fomantic-UI 2.9.0-beta.127 - Modal
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -62219,7 +63424,7 @@ select.ui.dropdown {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Nag
+ * # Fomantic-UI 2.9.0-beta.127 - Nag
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -62558,7 +63763,7 @@ a.ui.nag {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Popup
+ * # Fomantic-UI 2.9.0-beta.127 - Popup
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -63473,7 +64678,7 @@ a.ui.nag {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Progress Bar
+ * # Fomantic-UI 2.9.0-beta.127 - Progress Bar
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -65393,7 +66598,7 @@ a.ui.nag {
         Slider Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Rating
+ * # Fomantic-UI 2.9.0-beta.127 - Rating
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -65896,7 +67101,7 @@ a.ui.nag {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Search
+ * # Fomantic-UI 2.9.0-beta.127 - Search
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -66478,7 +67683,7 @@ a.ui.nag {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Shape
+ * # Fomantic-UI 2.9.0-beta.127 - Shape
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -66639,7 +67844,7 @@ a.ui.nag {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Sidebar
+ * # Fomantic-UI 2.9.0-beta.127 - Sidebar
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -67326,7 +68531,7 @@ body.pushable > .pusher {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Sticky
+ * # Fomantic-UI 2.9.0-beta.127 - Sticky
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -67399,7 +68604,7 @@ body.pushable > .pusher {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Tab
+ * # Fomantic-UI 2.9.0-beta.127 - Tab
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -67483,7 +68688,7 @@ body.pushable > .pusher {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Toast
+ * # Fomantic-UI 2.9.0-beta.127 - Toast
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -68475,7 +69680,7 @@ body.pushable > .pusher {
   }
 }
 /*!
- * # Fomantic-UI 2.9.0-beta.123 - Transition
+ * # Fomantic-UI 2.9.0-beta.127 - Transition
  * http://github.com/fomantic/Fomantic-UI/
  *
  *