/* Milo v0.4.14 — mobile gesture feedback. */
.pullRefreshIndicator{display:none;}
@media(max-width:760px){
  .pullRefreshIndicator{
    display:grid;
    place-items:center;
    position:fixed;
    top:calc(env(safe-area-inset-top) + 4px);
    left:50%;
    z-index:120;
    width:38px;
    height:38px;
    border-radius:50%;
    background:rgba(255,255,255,.96);
    border:1px solid rgba(0,0,0,.08);
    box-shadow:0 8px 24px rgba(0,0,0,.16);
    transform:translate(-50%,calc(-48px + var(--pull,0px)));
    opacity:0;
    pointer-events:none;
    transition:opacity .12s ease,transform .12s ease;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
  }
  .pullRefreshIndicator.show{opacity:1;}
  .pullRefreshIndicator.ready{box-shadow:0 8px 26px rgba(0,0,0,.2);}
  .pullRefreshIndicator.refreshing{transform:translate(-50%,18px);opacity:1;}
  .pullRefreshIcon{
    display:block;
    font-size:19px;
    line-height:1;
    color:var(--muted);
    transform:rotate(var(--spin,0deg));
    transition:transform .08s linear,color .12s ease;
  }
  .pullRefreshIndicator.ready .pullRefreshIcon{color:var(--text);}
  .pullRefreshIndicator.refreshing .pullRefreshIcon{animation:miloPullSpin .7s linear infinite;color:var(--text);}
  @keyframes miloPullSpin{to{transform:rotate(360deg)}}
}
@media(prefers-reduced-motion:reduce){
  .pullRefreshIndicator,.pullRefreshIcon{transition:none!important;}
  .pullRefreshIndicator.refreshing .pullRefreshIcon{animation:none!important;}
}