/* A Safari-style pull surface, active only in the installed app. */
html.bgp-pwa-pull-refresh,
html.bgp-pwa-pull-refresh body{overscroll-behavior-y:none}

/* Translate only during the gesture/refresh. Removing the state restores the
   body's original containing block for fixed/sticky elements and dialogs. */
html.bgp-pwa-pull-refresh[data-bgp-pull-state] body{
  transform:translate3d(0,var(--bgp-pull-offset,0px),0);
  transition:none;
}
html.bgp-pwa-pull-refresh[data-bgp-pull-state=settling] body,
html.bgp-pwa-pull-refresh[data-bgp-pull-state=refreshing] body{
  transition:transform 220ms cubic-bezier(.2,.75,.25,1);
}

#bgp-pull-refresh[hidden]{display:none!important}
#bgp-pull-refresh{
  box-sizing:border-box;position:fixed;inset:0 0 auto;height:var(--bgp-pull-offset,0px);
  transform:translateY(-100%);z-index:2147483000;display:grid;place-items:center;
  background:var(--bgp-bg,#f8faff);color:var(--bgp-muted,#687382);
  overflow:hidden;pointer-events:none;user-select:none;-webkit-user-select:none;
  opacity:clamp(0,var(--bgp-pull-progress,0),1);
  transition:none;
}
#bgp-pull-refresh .bgp-pull-spinner{
  display:block;width:24px;height:24px;flex:none;
  transform:rotate(calc(var(--bgp-pull-progress,0) * 180deg));
}
#bgp-pull-refresh .bgp-pull-spinner line{
  opacity:clamp(.12,calc((var(--bgp-pull-progress,0) * 12 - var(--bgp-spoke)) * .9),1);
}
html[data-bgp-pull-state=ready] #bgp-pull-refresh{color:var(--bgp-text,#343a42)}
html[data-bgp-pull-state=refreshing] #bgp-pull-refresh{
  opacity:1;transition:height 220ms cubic-bezier(.2,.75,.25,1);
}
html[data-bgp-pull-state=refreshing] #bgp-pull-refresh .bgp-pull-spinner{
  animation:bgp-pull-spin .8s steps(12,end) infinite;
}
html[data-bgp-pull-state=refreshing] #bgp-pull-refresh .bgp-pull-spinner line{opacity:var(--bgp-spoke-opacity)}
html[data-bgp-pull-state=settling] #bgp-pull-refresh{
  opacity:0;transition:height 220ms cubic-bezier(.2,.75,.25,1),opacity 160ms ease-out;
}
#bgp-pull-refresh .bgp-pull-status{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
@keyframes bgp-pull-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@media(prefers-color-scheme:dark){
  #bgp-pull-refresh{background:var(--bgp-bg,#101721);color:var(--bgp-muted,#aab4c0)}
  html[data-bgp-pull-state=ready] #bgp-pull-refresh{color:var(--bgp-text,#e7edf7)}
}
@media(prefers-reduced-motion:reduce){
  html.bgp-pwa-pull-refresh[data-bgp-pull-state] body,
  #bgp-pull-refresh{transition:none!important}
  html[data-bgp-pull-state=refreshing] #bgp-pull-refresh .bgp-pull-spinner{animation:none}
}