/* r9plugins.css - styles for r9plugins.js (popup / warning) */
.r9-popup{
  position:fixed; right:20px; bottom:20px; z-index:200; max-width:min(380px, calc(100vw - 40px));
  display:flex; gap:12px; align-items:flex-start; padding:16px 18px; border-radius:14px;
  background:var(--navy-700); border:1px solid var(--gold); color:var(--ink);
  box-shadow:0 20px 50px -20px rgba(0,0,0,.8), 0 0 24px -8px rgba(232,195,106,.5);
  animation:r9pop .35s var(--ease);
}
.r9-popup[hidden]{ display:none; }
.r9-popup-t{ display:block; margin-bottom:4px; }
.r9-popup-m{ margin:0; color:var(--ink-2); font-size:.93rem; }
.r9-popupCloser{ background:none; border:0; color:var(--ink-3); font-size:1.4rem; line-height:1; cursor:pointer; padding:0 2px; }
.r9-popupCloser:hover{ color:var(--gold); }
@keyframes r9pop{ from{ opacity:0; transform:translateY(12px); } }