.rbm-clip {
  overflow: hidden;
}

.rbm-msg {
  display: block;
  transition: transform var(--rbm-duration, 500ms) ease, opacity var(--rbm-duration, 500ms) ease;
  will-change: transform, opacity;
}

.rbm-msg.rbm-no-anim {
  transition: none !important;
}

.rbm-out-top,    .rbm-in-top    { transform: translateY(-100%); opacity: 0; }
.rbm-out-bottom, .rbm-in-bottom { transform: translateY(100%);  opacity: 0; }
.rbm-out-left,   .rbm-in-left   { transform: translateX(-100%); opacity: 0; }
.rbm-out-right,  .rbm-in-right  { transform: translateX(100%);  opacity: 0; }

@media (prefers-reduced-motion: reduce) {
  .rbm-msg { transition: none; }
}

.rbm-msg a {
  color: inherit;
  text-decoration: underline;
}