fomantic-ui 2.9.3-beta.0 → 2.9.3-beta.10

package/dist/semantic.css

@@ -1,5 +1,5 @@
 /*
- * # Fomantic UI - 2.9.3-beta.0+cdae7ad
+ * # Fomantic UI - 2.9.3-beta.10+11b4099
  * https://github.com/fomantic/Fomantic-UI
  * https://fomantic-ui.com/
  *
@@ -9,7 +9,7 @@
  *
  */
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Reset
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Reset
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -430,7 +430,7 @@ template {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Site
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Site
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -727,7 +727,7 @@ input::selection {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Button
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Button
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -5414,7 +5414,7 @@ input::selection {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Container
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Container
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -5690,7 +5690,7 @@ input::selection {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Divider
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Divider
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -5998,7 +5998,7 @@ input::selection {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Emoji
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Emoji
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -23817,7 +23817,7 @@ em[data-emoji="regional_indicator_a"]::before {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Flag
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Flag
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -25229,7 +25229,7 @@ i.flag.united.nations::before {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Header
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Header
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -26179,7 +26179,7 @@ a.ui.inverted.black.header.header.header:hover {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Icon
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Icon
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -35289,7 +35289,7 @@ i.icon.youtube.play::before {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Image
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Image
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -35630,7 +35630,7 @@ img.ui.bordered.image {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Input
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Input
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -37538,7 +37538,7 @@ input[type="file"].ui.black.file.input::file-selector-button:hover,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Label
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Label
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -38007,7 +38007,24 @@ a.ui.label {
   border-top-color: inherit;
 }
 
-/* Inside Table */
+.ui.ui.center.ribbon.label {
+  top: calc(50% - 1em);
+  z-index: 1;
+}
+
+.ui.bottom.ribbon.label::after {
+  bottom: 100%;
+  top: auto;
+  border-width: 1.2em 1.2em 0 0;
+}
+
+.ui.bottom[class*="right ribbon"].label::after {
+  border-width: 1.2em 0 0 1.2em;
+  border-color: transparent;
+  border-left-color: inherit;
+}
+
+/* Inside Image */
 
 .ui.image > .ribbon.label,
 .ui.card .image > .ribbon.label {
@@ -38026,6 +38043,12 @@ a.ui.label {
   padding-left: 0.833em;
 }
 
+.ui.card .image > .ui.bottom.ribbon.label,
+.ui.image > .ui.bottom.ribbon.label {
+  bottom: 1rem;
+  top: auto;
+}
+
 /* Inside Table */
 
 .ui.table td > .ui.ribbon.label {
@@ -39922,7 +39945,7 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - List
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - List
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -41022,7 +41045,7 @@ ol.ui.suffixed.list li::before,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Loader
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Loader
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -41890,7 +41913,7 @@ ol.ui.suffixed.list li::before,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Placeholder
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Placeholder
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -42161,7 +42184,7 @@ ol.ui.suffixed.list li::before,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Rail
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Rail
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -42323,7 +42346,7 @@ ol.ui.suffixed.list li::before,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Reveal
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Reveal
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -42634,7 +42657,7 @@ ol.ui.suffixed.list li::before,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Segment
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Segment
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -43083,6 +43106,7 @@ ol.ui.suffixed.list li::before,
   border: 1px solid rgba(34, 36, 38, 0.15);
 }
 
+.ui.wrapping.horizontal.segments,
 .ui.stackable.horizontal.segments {
   flex-wrap: wrap;
 }
@@ -43120,7 +43144,7 @@ ol.ui.suffixed.list li::before,
   border-top: none;
 }
 
-.ui.horizontal.segments:not(.stackable) > .segment:first-child {
+.ui.horizontal.segments:not(.stackable):not(.wrapping) > .segment:first-child {
   border-left: none;
 }
 
@@ -43708,7 +43732,7 @@ ol.ui.suffixed.list li::before,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Step
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Step
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -44416,7 +44440,7 @@ ol.ui.suffixed.list li::before,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Text
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Text
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -44615,7 +44639,7 @@ span.ui.massive.text {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Breadcrumb
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Breadcrumb
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -44760,7 +44784,7 @@ span.ui.massive.text {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Form
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Form
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -45317,6 +45341,10 @@ span.ui.massive.text {
   color: #9f3a38;
 }
 
+.ui.form .fields:has(.error) > label {
+  color: #9f3a38;
+}
+
 .ui.form .fields.error .field .ui.label,
 .ui.form .field.error .ui.label {
   background-color: #ecd1d1;
@@ -45557,6 +45585,10 @@ span.ui.massive.text {
   color: #ecd1d1;
 }
 
+.ui.inverted.form .fields:has(.error) > label {
+  color: #ecd1d1;
+}
+
 /* On Form */
 
 .ui.form.info .info.message:not(:empty) {
@@ -45597,6 +45629,10 @@ span.ui.massive.text {
   color: #276f86;
 }
 
+.ui.form .fields:has(.info) > label {
+  color: #276f86;
+}
+
 .ui.form .fields.info .field .ui.label,
 .ui.form .field.info .ui.label {
   background-color: #c6e3e9;
@@ -45813,6 +45849,10 @@ span.ui.massive.text {
   color: #c6e3e9;
 }
 
+.ui.inverted.form .fields:has(.info) > label {
+  color: #c6e3e9;
+}
+
 /* On Form */
 
 .ui.form.success .success.message:not(:empty) {
@@ -45853,6 +45893,10 @@ span.ui.massive.text {
   color: #2c662d;
 }
 
+.ui.form .fields:has(.success) > label {
+  color: #2c662d;
+}
+
 .ui.form .fields.success .field .ui.label,
 .ui.form .field.success .ui.label {
   background-color: #b9d1ad;
@@ -46069,6 +46113,10 @@ span.ui.massive.text {
   color: #b9d1ad;
 }
 
+.ui.inverted.form .fields:has(.success) > label {
+  color: #b9d1ad;
+}
+
 /* On Form */
 
 .ui.form.warning .warning.message:not(:empty) {
@@ -46109,6 +46157,10 @@ span.ui.massive.text {
   color: #573a08;
 }
 
+.ui.form .fields:has(.warning) > label {
+  color: #573a08;
+}
+
 .ui.form .fields.warning .field .ui.label,
 .ui.form .field.warning .ui.label {
   background-color: #d7ccb5;
@@ -46325,6 +46377,10 @@ span.ui.massive.text {
   color: #d7ccb5;
 }
 
+.ui.inverted.form .fields:has(.warning) > label {
+  color: #d7ccb5;
+}
+
 /* --------------------
            Disabled
     --------------------- */
@@ -46394,10 +46450,11 @@ span.ui.massive.text {
          Required Field
     --------------------- */
 
-.ui.form .required.fields:not(.grouped) > .field > label::after,
+.ui.form .required.fields:not(.grouped):not(.inline) > .field > label::after,
+.ui.form .required.fields.inline > label::after,
 .ui.form .required.fields.grouped > label::after,
 .ui.form .required.field > label::after,
-.ui.form .required.fields:not(.grouped) > .field > .checkbox::after,
+.ui.form .required.fields:not(.grouped):not(.inline) > .field > .checkbox::after,
 .ui.form .required.field > .checkbox::after,
 .ui.form label.required::after {
   margin: -0.2em 0 0 0.2em;
@@ -46405,7 +46462,8 @@ span.ui.massive.text {
   color: #db2828;
 }
 
-.ui.form .required.fields:not(.grouped) > .field > label::after,
+.ui.form .required.fields:not(.grouped):not(.inline) > .field > label::after,
+.ui.form .required.fields.inline > label::after,
 .ui.form .required.fields.grouped > label::after,
 .ui.form .required.field > label::after,
 .ui.form label.required::after {
@@ -46413,13 +46471,19 @@ span.ui.massive.text {
   vertical-align: top;
 }
 
-.ui.form .required.fields:not(.grouped) > .field > .checkbox::after,
+.ui.form .required.fields:not(.grouped):not(.inline) > .field > .checkbox::after,
 .ui.form .required.field > .checkbox::after {
   position: absolute;
   top: 0;
   left: 100%;
 }
 
+.ui.ui.ui.ui.form .fields > label:empty::after,
+.ui.ui.ui.ui.form .field > label:empty::after {
+  content: " ";
+  display: inline-block;
+}
+
 /*******************************
            Variations
 *******************************/
@@ -46818,7 +46882,7 @@ span.ui.massive.text {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Grid
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Grid
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -49082,7 +49146,7 @@ span.ui.massive.text {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Menu
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Menu
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -51578,7 +51642,7 @@ Floated Menu / Item
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Message
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Message
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -52322,7 +52386,7 @@ Floated Menu / Item
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Table
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Table
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -56333,7 +56397,7 @@ Floated Menu / Item
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Ad
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Ad
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -56621,7 +56685,7 @@ Floated Menu / Item
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Card
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Card
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -58769,7 +58833,7 @@ a.inverted.ui.card:hover,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Comment
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Comment
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -59080,7 +59144,7 @@ a.inverted.ui.card:hover,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Feed
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Feed
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -59421,7 +59485,7 @@ a.inverted.ui.card:hover,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Item
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Item
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -60032,7 +60096,7 @@ a.inverted.ui.card:hover,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Statistic
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Statistic
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -60710,7 +60774,7 @@ a.inverted.ui.card:hover,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Accordion
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Accordion
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -61117,7 +61181,7 @@ a.inverted.ui.card:hover,
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Calendar
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Calendar
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -61287,24 +61351,24 @@ a.inverted.ui.card:hover,
   background: rgba(255, 255, 255, 0.02);
 }
 
-.ui.calendar.popup > .ui.ui.grid {
+.ui.ui.ui.calendar.popup > .ui.ui.grid {
   margin: -1rem;
 }
 
-.ui.calendar.popup > .ui.ui.grid > .column:not(:first-child) {
+.ui.ui.ui.calendar.popup > .ui.ui.grid > .column:not(:first-child) {
   padding-left: 0;
 }
 
-.ui.calendar.popup > .ui.ui.grid > .column:not(:first-child) > .ui.table {
+.ui.ui.ui.calendar.popup > .ui.ui.grid > .column:not(:first-child) > .ui.table {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
 
-.ui.calendar.popup > .ui.ui.grid > .column:not(:last-child) {
+.ui.ui.ui.calendar.popup > .ui.ui.grid > .column:not(:last-child) {
   padding-right: 0;
 }
 
-.ui.calendar.popup > .ui.ui.grid > .column:not(:last-child) > .ui.table {
+.ui.ui.ui.calendar.popup > .ui.ui.grid > .column:not(:last-child) > .ui.table {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
@@ -61334,7 +61398,7 @@ a.inverted.ui.card:hover,
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Checkbox
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Checkbox
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -62180,7 +62244,7 @@ a.inverted.ui.card:hover,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Dimmer
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Dimmer
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -62586,7 +62650,7 @@ body.dimmable > .dimmer {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Dropdown
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Dropdown
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -63454,7 +63518,7 @@ select.ui.dropdown {
   margin-left: 1.5em;
 }
 
-.ui.dropdown:not(.selection) > .remove.icon {
+.ui.dropdown:not(.selection):not(.multiple) > .remove.icon {
   margin-top: -1.35em;
 }
 
@@ -63527,6 +63591,19 @@ select.ui.dropdown {
   height: 1.71428571em;
 }
 
+.ui.multiple.dropdown:not(.selection):not(.labeled) > .dropdown.icon {
+  right: -1.5em;
+}
+
+.ui.multiple.dropdown:not(.selection):not(.labeled) > .remove.icon {
+  margin-right: -1.5em;
+}
+
+.ui.multiple.dropdown:not(.selection):not(.labeled):not(.search) > .remove.icon ~ .text.default,
+.ui.multiple.dropdown:not(.selection):not(.labeled) > .text.default:first-child {
+  overflow: inherit;
+}
+
 /* -----------------
           Multiple Search
         ----------------- */
@@ -63569,6 +63646,15 @@ select.ui.dropdown {
   min-width: 14em;
 }
 
+.ui.multiple.search.dropdown > span.sizer {
+  display: none;
+}
+
+.ui.multiple.search.dropdown:not(.selection) > .remove.icon + input.search,
+.ui.multiple.search.dropdown:not(.selection) > input.search:first-child {
+  min-width: 5.05em;
+}
+
 /* --------------
          Inline
     --------------- */
@@ -64857,7 +64943,7 @@ select.ui.dropdown {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Embed
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Embed
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -65017,7 +65103,7 @@ select.ui.dropdown {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Flyout
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Flyout
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -65648,7 +65734,7 @@ body.pushable > .pusher {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Modal
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Modal
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -66115,12 +66201,11 @@ body.pushable > .pusher {
 }
 
 .scrolling.dimmable > .dimmer {
-  justify-content: flex-start;
+  justify-content: center;
   position: fixed;
 }
 
 .scrolling.dimmable:not(body) > .dimmer {
-  justify-content: center;
   position: absolute;
 }
 
@@ -66130,8 +66215,13 @@ body.pushable > .pusher {
   overscroll-behavior: none;
 }
 
+.modals.dimmer .ui.scrolling.modal.fullscreen {
+  top: 0;
+}
+
 .modals.dimmer .ui.scrolling.modal:not(.fullscreen) {
   margin: 2rem auto;
+  top: 1em;
 }
 
 /* Fix for Firefox, Edge, IE11 */
@@ -66534,7 +66624,7 @@ body.pushable > .pusher {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Nag
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Nag
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -66869,7 +66959,7 @@ a.ui.nag {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Popup
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Popup
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -66950,7 +67040,6 @@ a.ui.nag {
   width: 0.71428571em;
   height: 0.71428571em;
   background: #fff;
-  transform: rotate(45deg);
   z-index: 1901;
   box-shadow: 1px 1px 0 0 #bababc;
 }
@@ -66979,37 +67068,27 @@ a.ui.nag {
   z-index: 1900;
 }
 
-/* Default Position (Top Center) */
-
-[data-tooltip]:not([data-position])::before {
-  top: auto;
-  right: auto;
-  bottom: 100%;
-  left: 50%;
-  background: #fff;
-  margin-left: -0.07142857rem;
-  margin-bottom: 0.14285714rem;
-}
-
-[data-tooltip]:not([data-position])::after {
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: 100%;
-  margin-bottom: 0.5em;
-}
-
 /* Animation */
 
 [data-tooltip]::before,
 [data-tooltip]::after {
   pointer-events: none;
-  visibility: hidden;
   opacity: 0;
-  transition: transform 0.1s ease, opacity 0.1s ease;
+  transition: transform 0.2s ease, opacity 0.2s ease;
+}
+
+[data-tooltip]::after,
+[data-tooltip]:hover::before {
+  transition-delay: 0.04s;
+}
+
+[data-tooltip]::before,
+[data-tooltip]:hover::after {
+  transition-delay: 0s;
 }
 
 [data-tooltip]::before {
-  transform: rotate(45deg) scale(0) !important;
+  transform: rotate(45deg) scale(0.8);
   transform-origin: center top;
 }
 
@@ -67017,38 +67096,40 @@ a.ui.nag {
   transform-origin: center bottom;
 }
 
+[data-tooltip][data-variation~="visible"]::before,
+[data-tooltip][data-variation~="visible"]::after,
 [data-tooltip]:hover::before,
 [data-tooltip]:hover::after {
-  visibility: visible;
   pointer-events: auto;
   opacity: 1;
 }
 
 [data-tooltip]:hover::before {
-  transform: rotate(45deg) scale(1) !important;
+  transform: rotate(45deg) scale(1);
 }
 
 /* Animation Position */
 
-[data-tooltip]::after,
+[data-tooltip]:not([data-position])::after,
 [data-tooltip][data-position="top center"]::after,
 [data-tooltip][data-position="bottom center"]::after {
-  transform: translateX(-50%) scale(0) !important;
+  transform: translateX(-50%) scale(0.8);
 }
 
-[data-tooltip]:hover::after,
+[data-tooltip]:not([data-position]):hover::after,
+[data-tooltip][data-position="top center"]:hover::after,
 [data-tooltip][data-position="bottom center"]:hover::after {
-  transform: translateX(-50%) scale(1) !important;
+  transform: translateX(-50%) scale(1);
 }
 
 [data-tooltip][data-position="left center"]::after,
 [data-tooltip][data-position="right center"]::after {
-  transform: translateY(-50%) scale(0) !important;
+  transform: translateY(-50%) scale(0.8);
 }
 
 [data-tooltip][data-position="left center"]:hover::after,
 [data-tooltip][data-position="right center"]:hover::after {
-  transform: translateY(-50%) scale(1) !important;
+  transform: translateY(-50%) scale(1);
   -moz-transform: translateY(-50%) scale(1.0001) !important;
 }
 
@@ -67056,14 +67137,14 @@ a.ui.nag {
 [data-tooltip][data-position="top right"]::after,
 [data-tooltip][data-position="bottom left"]::after,
 [data-tooltip][data-position="bottom right"]::after {
-  transform: scale(0) !important;
+  transform: scale(0.8);
 }
 
 [data-tooltip][data-position="top left"]:hover::after,
 [data-tooltip][data-position="top right"]:hover::after,
 [data-tooltip][data-position="bottom left"]:hover::after,
 [data-tooltip][data-position="bottom right"]:hover::after {
-  transform: scale(1) !important;
+  transform: scale(1);
 }
 
 [data-tooltip][data-variation~="fixed"]::after {
@@ -67092,12 +67173,12 @@ a.ui.nag {
 /* Arrow */
 
 [data-tooltip][data-inverted]::before {
-  box-shadow: none !important;
+  box-shadow: none;
 }
 
 /* Arrow Position */
 
-[data-tooltip][data-inverted]::before {
+[data-tooltip]:not([data-position])[data-inverted]::before {
   background: #1b1c1d;
 }
 
@@ -67118,17 +67199,18 @@ a.ui.nag {
   background: #fff;
 }
 
-/* Top Center */
+/* Top Center (default) */
 
+[data-tooltip]:not([data-position])::after,
 [data-position="top center"][data-tooltip]::after {
   top: auto;
   right: auto;
   left: 50%;
   bottom: 100%;
-  transform: translateX(-50%);
   margin-bottom: 0.5em;
 }
 
+[data-tooltip]:not([data-position])::before,
 [data-position="top center"][data-tooltip]::before {
   top: auto;
   right: auto;
@@ -67189,7 +67271,6 @@ a.ui.nag {
   right: auto;
   left: 50%;
   top: 100%;
-  transform: translateX(-50%);
   margin-top: 0.5em;
 }
 
@@ -67242,7 +67323,6 @@ a.ui.nag {
   right: 100%;
   top: 50%;
   margin-right: 0.5em;
-  transform: translateY(-50%);
 }
 
 [data-position="left center"][data-tooltip]::before {
@@ -67260,7 +67340,6 @@ a.ui.nag {
   left: 100%;
   top: 50%;
   margin-left: 0.5em;
-  transform: translateY(-50%);
 }
 
 [data-position="right center"][data-tooltip]::before {
@@ -67321,6 +67400,22 @@ a.ui.nag {
   transform-origin: left center;
 }
 
+[data-position="top left"][data-tooltip]::after {
+  transform-origin: bottom left;
+}
+
+[data-position="top right"][data-tooltip]::after {
+  transform-origin: bottom right;
+}
+
+[data-position="bottom left"][data-tooltip]::after {
+  transform-origin: top left;
+}
+
+[data-position="bottom right"][data-tooltip]::after {
+  transform-origin: top right;
+}
+
 /* --------------
             Basic
         --------------- */
@@ -67665,7 +67760,7 @@ a.ui.nag {
 
 .ui.inverted.popup::before {
   background-color: #1b1c1d;
-  box-shadow: none !important;
+  box-shadow: none;
 }
 
 .ui.ui.ui.primary.popup::before,
@@ -68235,7 +68330,7 @@ a.ui.nag {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Progress
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Progress
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -69104,7 +69199,7 @@ a.ui.nag {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Slider
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Slider
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -70041,7 +70136,7 @@ a.ui.nag {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Rating
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Rating
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -70507,7 +70602,7 @@ a.ui.nag {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Search
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Search
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -71077,7 +71172,7 @@ a.ui.nag {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Shape
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Shape
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -71226,7 +71321,7 @@ a.ui.nag {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Sidebar
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Sidebar
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -71842,7 +71937,7 @@ body.pushable > .pusher {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Sticky
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Sticky
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -71911,7 +72006,7 @@ body.pushable > .pusher {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Tab
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Tab
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -71993,7 +72088,7 @@ body.pushable > .pusher {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Toast
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Toast
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -72916,7 +73011,7 @@ body.pushable > .pusher {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.3-beta.0+cdae7ad - Transition
+ * # Fomantic-UI 2.9.3-beta.10+11b4099 - Transition
  * https://github.com/fomantic/Fomantic-UI/
  *
  *