/* ------------------------------------
 * Administration variables
 * Table of contents
 *
 * 1. Primary colors
 * 2. Status colors
 * 3. Module colors
 * 4. Generic colors
 * 5. Gradients
 * 6. Typography
 * 7. Miscellaneous
 * 8. z-index
 * 9. Global widths
 * ------------------------------------ */
/* ------------------------------------
 * 1. Primary colors
 * ------------------------------------ */
/* ------------------------------------
 * 2. Status colors
 * ------------------------------------ */
/* ------------------------------------
 * 3. Module colors
 * ------------------------------------ */
/* ------------------------------------
 * 4. Generic colors
 * ------------------------------------ */
/* ------------------------------------
 * 5. Gradients
 * ------------------------------------ */
/* ------------------------------------
 * 6. Typography
 * ------------------------------------ */
/* ------------------------------------
 * 7. Miscellaneous
 * ------------------------------------ */
/* ------------------------------------
 * 8. z-index
 * ------------------------------------ */
.mt-floating-ui {
  display: inline-block;
  position: relative;
}
.mt-floating-ui .mt-floating-ui__trigger {
  display: inline-block;
}
.mt-floating-ui__content {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1070;
  /***
  * Arrow indicator
  */
}
.mt-floating-ui__content[data-show] {
  display: block;
}
.mt-floating-ui__content .mt-floating-ui__arrow {
  position: absolute;
  width: var(--scale-size-8);
  height: var(--scale-size-8);
  background: inherit;
  transform: rotate(45deg);
}
.mt-floating-ui__content.mt-floating-ui--top .mt-popover__content {
  transform-origin: top;
}
.mt-floating-ui__content.mt-floating-ui--right .mt-popover__content {
  transform-origin: right;
}
.mt-floating-ui__content.mt-floating-ui--bottom .mt-popover__content {
  transform-origin: bottom;
}
.mt-floating-ui__content.mt-floating-ui--left .mt-popover__content {
  transform-origin: left;
}
.popoverTransition-enter-active,
.popoverTransition-leave-active {
  transition: transform 0.15s, opacity 0.15s;
}
.popoverTransition-enter, .popoverTransition-leave-to {
  transform: scale3d(1, 0, 1);
  opacity: 0;
}