/* MindAttic.Ideas.Plugin.BackToTop — floating button. Scoped under .ma-backtotop (MAIL-LAW-6). */
.ma-backtotop {
  position: fixed;
  right: var(--ma-btt-right, 1.25rem);
  left: var(--ma-btt-left, auto);
  bottom: var(--ma-btt-bottom, 1.25rem);
  z-index: var(--ma-btt-z, 9000);
  width: var(--ma-btt-size, 2.9rem);
  height: var(--ma-btt-size, 2.9rem);
  border: 0;
  border-radius: var(--ma-btt-radius, 50%);
  background: var(--ma-btt-bg, rgba(0, 0, 0, .55));
  color: var(--ma-btt-color, #fff);
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transform: translateY(.5rem);
  transition: opacity .2s ease, transform .2s ease;
}
.ma-backtotop.ma-backtotop-show {
  opacity: var(--ma-btt-opacity, .85);
  pointer-events: auto;
  transform: translateY(0);
}
.ma-backtotop:hover,
.ma-backtotop:focus-visible { opacity: 1; }
/* The arrow is drawn in CSS — no image asset. */
.ma-backtotop::before {
  content: "";
  display: block;
  width: .7rem;
  height: .7rem;
  margin: .35rem auto 0;
  border-left: 3px solid currentColor;
  border-top: 3px solid currentColor;
  transform: rotate(45deg);
}
/* Instance setting "Animations" off (M.IDEA-§4.5): backtotop.js adds this class. */
.ma-backtotop.ma-backtotop--no-anim { transition: none; transform: none; }