/* 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. */























































.rf-qbtn,.rf-qrow{display:none}

@media (max-width:700px){
  
  





  :root[data-rf] .page-app .fset:has(> .rf-right){
    display:flex !important;flex-wrap:wrap !important;align-items:center;
    column-gap:8px !important;row-gap:0 !important;
    --rfn-pad:13px;--rfn-pad-icon:10px;
  }
  




  :root[data-rf] .page-app .fset > .rf-bar{
    display:flex;align-items:center;gap:8px;flex:1 1 0;order:0;min-width:0;
    container-type:normal;padding-right:0;
  }
  


  :root[data-rf] .page-app .fset > .rf-right{
    order:1;flex:none;flex-wrap:nowrap;justify-content:flex-end;
    margin-left:0;min-width:0;position:relative;
  }
  :root[data-rf] .page-app .fset.rf-right-wrap > .rf-right{flex:1 1 100%;margin-top:8px}
  :root[data-rf] .page-app .fset > #jp-colbar{order:3;flex:1 1 100%;margin-top:10px}

  
  :root[data-rf] .page-app .fset .rf-box-hz{
    width:36px;padding:0;justify-content:center;border-radius:50%;flex:none;
  }
  :root[data-rf] .page-app .fset .rf-box-hz span{display:none}

  
  :root[data-rf] .page-app .fset .rf-qbtn{
    display:inline-flex;align-items:center;justify-content:center;flex:none;
    width:36px;padding:0;border-radius:50%;cursor:pointer;font:inherit;
    -webkit-appearance:none;appearance:none;
    transition:background .22s var(--rf-ease), border-color .22s var(--rf-ease),
               box-shadow .22s var(--rf-ease), transform .12s var(--rf-ease);
  }
  :root[data-rf] .page-app .fset .rf-qbtn svg{flex:none;color:var(--rf-fig-ink);opacity:.72;
    transition:color .22s var(--rf-ease), opacity .22s var(--rf-ease)}
  :root[data-rf] .page-app .fset .rf-qbtn:active{transform:scale(.94)}
  :root[data-rf] .page-app .fset .rf-qbtn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
  
  

  :root[data-rf] .page-app .fset .rf-qbtn[aria-expanded="true"]{
    border-color:var(--g-sel-rim);
    background:linear-gradient(180deg,var(--g-sel-a),var(--g-sel-b));
    box-shadow:inset 0 1px 0 var(--g-sel-spec),var(--g-sel-cast);
  }
  :root[data-rf] .page-app .fset .rf-qbtn[aria-expanded="true"] svg{color:var(--g-sel-ink);opacity:1}

  






  :root[data-rf] .page-app .rf-bar .fpick{flex:1 1 0;min-width:0;margin-left:0 !important;position:relative}
  :root[data-rf] .page-app .rf-bar .fpick::before{display:none !important}
  :root[data-rf] .page-app .rf-bar .fpick-btn{
    width:100%;max-width:none;min-width:0;justify-content:center;
    padding:0 var(--rfn-pad);
  }
  :root[data-rf] .page-app .rf-bar .fpick-name{min-width:0;overflow:hidden;white-space:nowrap}
  :root[data-rf] .page-app .fset:not(.rf-pick-word) .rf-bar .fpick-name{display:none}
  :root[data-rf] .page-app .fset:not(.rf-pick-word) .rf-bar .fpick-btn{padding:0 var(--rfn-pad-icon)}
  :root[data-rf] .page-app .fset:not(.rf-pick-word) .rf-bar .fpick-chev{margin-left:0}
  



  :root[data-rf] .page-app .rf-bar .fpick-menu{left:0;right:auto;min-width:max(100%, 230px)}
  :root[data-rf] .page-app .fset:not(.rf-pick-word) .rf-bar .fpick-menu{left:auto;right:0;min-width:230px}

  
  :root[data-rf] .page-app .fset > .rf-qrow{
    display:none;order:2;flex:1 1 100%;min-width:0;box-sizing:border-box;
    height:46px;padding-top:10px;
  }
  :root[data-rf] .page-app .fset.rf-q-open > .rf-qrow{display:block}
  :root[data-rf] .page-app .rf-qrow > .rf-box-q{
    display:flex;width:100%;min-width:0;height:36px;box-sizing:border-box;
    transform-origin:50% 0;
  }
}






@media (max-width:380px){
  :root[data-rf] .page-app .fset:has(> .rf-right){column-gap:6px !important;--rfn-pad-icon:8px}
  :root[data-rf] .page-app .fset > .rf-bar{gap:6px}
  :root[data-rf] .page-app .fset .rf-box-hz,
  :root[data-rf] .page-app .fset .rf-qbtn{width:34px;height:34px}
  :root[data-rf] .page-app .rf-right{gap:6px}
  :root[data-rf] .page-app .rf-right .fset-lay button{width:30px}
  :root[data-rf] .page-app .rf-right .fset-lay::before{width:30px}
  :root[data-rf] .page-app .rf-right .fset-lay:has(> button:nth-of-type(2).on)::before{transform:translateX(32px)}
  :root[data-rf] .page-app .rf-right .fset-lay:has(> button:nth-of-type(3).on)::before{transform:translateX(64px)}
}
