/* Agoras. This file is served to paying members. The feed behind it, and the timing that makes it worth paying for, are ours. Want one this fast? Learn to build it. Copying ours is theft. */











:root[data-rf] .rf-acct{padding:14px 16px 14px;display:flex;flex-direction:column;gap:12px;
  font-size:12.5px;line-height:1.4;color:var(--ink-3)}
:root[data-rf] .rf-acct-card{display:flex;align-items:center;gap:12px;min-width:0}
:root[data-rf] .rf-acct-av{position:relative;flex:none;width:44px;height:44px;border-radius:50%;
  display:grid;place-items:center;background:var(--tint);color:var(--ink-3);
  box-shadow:inset 0 0 0 1px var(--rule);text-decoration:none}
:root[data-rf] .rf-acct-av img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;
  object-fit:cover;display:block}
:root[data-rf] .rf-acct-ini{font-size:17px;font-weight:600;line-height:1;color:var(--ink-2)}
:root[data-rf] .rf-acct-dot{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;
  border-radius:50%;background:var(--ink-3);box-shadow:0 0 0 2.5px var(--raise)}
:root[data-rf] .rf-acct-card.is-ok .rf-acct-dot{background:var(--positive)}
:root[data-rf] .rf-acct-card.is-warn .rf-acct-dot{background:var(--gold)}
:root[data-rf] .rf-acct-card.is-bad .rf-acct-dot{background:var(--danger)}
:root[data-rf] .rf-acct-card.is-none .rf-acct-dot,
:root[data-rf] .rf-acct-card.is-wait .rf-acct-dot{display:none}
:root[data-rf] .rf-acct-id{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 auto}
:root[data-rf] .rf-acct-name{font-size:14px;font-weight:600;line-height:1.25;color:var(--ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}
:root[data-rf] a.rf-acct-name:hover{text-decoration:underline;text-underline-offset:3px}
:root[data-rf] a.rf-acct-name:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:3px}
:root[data-rf] .rf-acct-meta{display:flex;align-items:center;gap:6px;min-width:0;font-size:11.5px;
  line-height:1.3;color:var(--ink-3);white-space:nowrap}
:root[data-rf] .rf-acct-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis}

:root[data-rf] .rf-acct-meta .rf-acct-sep{flex:none;overflow:visible;height:10px}


:root[data-rf] .rf-acct-meta .rf-acct-host{flex:none}




:root[data-rf] .rf-acct-flag{flex:none;display:block;width:18px;height:12.6px;border-radius:2px;
  object-fit:cover;box-shadow:none}






:root[data-rf] .rf-acct-dots{appearance:none;flex:none;width:28px;height:28px;margin-left:auto;
  padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink-3);
  display:grid;place-items:center;cursor:pointer;
  transition:background-color .12s,color .12s}
:root[data-rf] .rf-acct-dots svg{display:block}
:root[data-rf] .rf-acct-dots:hover,
:root[data-rf] .rf-acct-dots[aria-expanded="true"]{background:var(--tint);color:var(--ink)}
:root[data-rf] .rf-acct-dots:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
:root[data-rf] .rf-acct-dots:active{transform:translateY(1px)}






.rf-acct-menu{position:fixed;z-index:120;min-width:176px;width:max-content;
  max-width:min(300px,calc(100vw - 16px));border-radius:14px;padding:6px;
  border:1px solid var(--g-lite-rim);background:var(--paper);box-shadow:var(--shadow-pop)}
.rf-acct-menu .rgn-opt{display:flex;align-items:center;gap:9px;width:100%;height:34px;
  padding:0 10px;border-radius:9px;border:1px solid transparent;background:none;
  font-family:inherit;font-size:12.5px;font-weight:500;color:var(--ink-2);
  text-align:left;text-decoration:none;cursor:pointer;box-shadow:none}
.rf-acct-menu .rgn-opt:hover,.rf-acct-menu .rgn-opt:focus-visible{
  color:var(--ink);background:var(--tint);border-color:transparent;box-shadow:none;outline:none}
.rf-acct-menu .rgn-opt > svg{flex:none;color:var(--ink-3);transition:color .12s}
.rf-acct-menu .rgn-opt:hover > svg,.rf-acct-menu .rgn-opt:focus-visible > svg{color:inherit}
@media (prefers-reduced-motion:no-preference){
  .rf-acct-menu{animation:rf-acct-menu .14s var(--rf-ease,ease)}
  @keyframes rf-acct-menu{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
}


:root[data-rf] .rf-acct-card.is-wait .rf-acct-id i{display:block;height:9px;border-radius:5px;
  background:var(--tint);animation:rf-acct-wait 1.1s ease-in-out infinite alternate}
:root[data-rf] .rf-acct-card.is-wait .rf-acct-id i:first-child{width:62%}
:root[data-rf] .rf-acct-card.is-wait .rf-acct-id i+i{width:40%;margin-top:4px}
@keyframes rf-acct-wait{from{opacity:.55}to{opacity:1}}
@media (prefers-reduced-motion:reduce){:root[data-rf] .rf-acct-card.is-wait .rf-acct-id i{animation:none}}

:root[data-streamer] .rf-acct-name,:root[data-streamer] .rf-acct-ini{filter:blur(.45em)}
:root[data-streamer] .rf-acct-av img{filter:blur(7px)}









:root[data-rf] a.rf-acct-card.is-link{
  margin:-6px -8px;padding:6px 8px;border-radius:10px;
  color:inherit;text-decoration:none;
  transition:background-color .12s var(--rf-ease,ease);
}
:root[data-rf] a.rf-acct-card.is-link:hover{background:var(--tint)}
:root[data-rf] a.rf-acct-card.is-link:focus-visible{outline:2px solid var(--ink);outline-offset:2px}


:root[data-rf] a.rf-acct-card.is-link:hover .rf-acct-name{text-decoration:none}
:root[data-rf] .rf-acct-go{flex:none;color:var(--ink-3);transition:transform .14s var(--rf-ease,ease)}
:root[data-rf] a.rf-acct-card.is-link:hover .rf-acct-go{transform:translateX(2px)}
@media (prefers-reduced-motion:reduce){
  :root[data-rf] a.rf-acct-card.is-link:hover .rf-acct-go{transform:none}
}







:root[data-rf] .rf-acct-av img.rf-acct-mk{position:static;inset:auto;width:24px;height:24px;border-radius:7px;
  object-fit:contain;display:block;transition:opacity .2s,filter .2s}
:root[data-rf] .rf-acct-av.is-ghost img.rf-acct-mk{opacity:.42;filter:saturate(.15)}
:root[data-rf] .rf-acct-pic{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
:root[data-rf] .rf-acct-l1{display:flex;align-items:center;flex-wrap:wrap;gap:1px 8px;min-width:0}
:root[data-rf] .rf-acct-l1 .rf-acct-name{min-width:0;flex:0 1 auto}
:root[data-rf] .rf-acct-st{flex:none;font-size:11px;font-weight:600;letter-spacing:.01em;line-height:1.3;color:var(--ink-3)}
:root[data-rf] .rf-acct-st.is-ok{color:var(--positive)}
:root[data-rf] .rf-acct-st.is-warn{color:var(--gold)}
:root[data-rf] .rf-acct-st.is-bad{color:var(--danger)}
:root[data-streamer] .rf-acct-pic{filter:blur(7px)}




:root[data-rf] .rf-acct-card.is-plan .rf-acct-name{white-space:normal;line-height:1.3}
