/* v3.40.0: info buttons (app/templates/_macros/info.html, app/static/js/info_tips.js). */
.rmf-tip > .tooltip-content { display: none; z-index: 60; }
/* Mouse: hover shows the tip, as before. Touch screens (no hover) use a tap. */
@media (hover: hover) {
  .rmf-tip:hover:not(.is-dismissed) > .tooltip-content { display: block; }
}
.rmf-tip.is-open > .tooltip-content { display: block; }
/* With the script, the tip is placed in the viewport (fixed) next to the button. */
html.rmf-tips-js .rmf-tip > .tooltip-content {
  position: fixed; left: 0; top: 0; bottom: auto; right: auto; transform: none; margin: 0;
}
.rmf-tip-arrow {
  position: absolute; top: 100%; left: 50%; margin-left: -4px; width: 0; height: 0;
  border: 4px solid transparent; border-top-color: #1e293b;
}
.rmf-tip.tip-below .rmf-tip-arrow { top: auto; bottom: 100%; border-top-color: transparent; border-bottom-color: #1e293b; }
/* v3.40.0: Viewer role (read-only). The page script disables these too. */
html[data-rmf-role="VIEWER"] [data-rmf-write] { opacity: 0.5; cursor: not-allowed; pointer-events: none; }
html[data-rmf-role="VIEWER"] [data-rmf-hide-viewer] { display: none !important; }