/* Deution 0.180.1 — cross-device Pull to Refresh */
html.deution-pullRefresh-enabled,
body.deution-pullRefresh-enabled{
  overscroll-behavior-y:none;
}
.deution-pullRefresh{
  --deution-ptr-y:-86px;
  --deution-ptr-size:54px;
  --deution-ptr-icon-size:24px;
  --deution-ptr-icon-color:#2563eb;
  --deution-ptr-bg:#fff;
  --deution-ptr-border-color:#dbe4f0;
  --deution-ptr-border-width:1px;
  --deution-ptr-radius:999px;
  --deution-ptr-shadow:0 12px 32px rgba(15,23,42,.16);
  position:fixed;
  z-index:100020;
  inset-block-start:0;
  inset-inline-start:50%;
  display:grid;
  justify-items:center;
  gap:7px;
  inline-size:max-content;
  max-inline-size:min(92vw,360px);
  pointer-events:none;
  opacity:0;
  transform:translate3d(-50%,var(--deution-ptr-y),0);
  transition:transform 180ms cubic-bezier(.2,.75,.25,1),opacity 140ms ease;
  will-change:transform,opacity;
}
.deution-pullRefresh.is-visible{opacity:1}
.deution-pullRefresh.is-no-transition{transition:none!important}
.deution-pullRefresh__indicator{
  display:grid;
  place-items:center;
  inline-size:var(--deution-ptr-size);
  block-size:var(--deution-ptr-size);
  box-sizing:border-box;
  border:var(--deution-ptr-border-width) solid var(--deution-ptr-border-color);
  border-radius:var(--deution-ptr-radius);
  background:var(--deution-ptr-bg);
  box-shadow:var(--deution-ptr-shadow);
  color:var(--deution-ptr-icon-color);
  transform:scale(calc(.86 + (var(--deution-ptr-progress,0) * .14)));
  transition:transform 140ms ease,border-color 140ms ease,box-shadow 140ms ease;
}
.deution-pullRefresh__icon{
  display:grid;
  place-items:center;
  inline-size:var(--deution-ptr-icon-size);
  block-size:var(--deution-ptr-icon-size);
  color:inherit;
  font-size:var(--deution-ptr-icon-size);
  line-height:1;
  transform-origin:center;
}
.deution-pullRefresh__icon svg{
  display:block;
  inline-size:100%;
  block-size:100%;
  color:inherit;
  fill:currentColor;
}
.deution-pullRefresh__icon svg [fill="none"]{fill:none}
.deution-pullRefresh__icon svg [stroke]{stroke:currentColor}
.deution-pullRefresh__status{
  max-inline-size:min(82vw,320px);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:5px 10px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  box-shadow:0 8px 22px rgba(15,23,42,.10);
  color:#334155;
  font:600 12px/1.25 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  backdrop-filter:blur(10px);
}
.deution-pullRefresh__status[hidden]{display:none!important}
.deution-pullRefresh.is-ready .deution-pullRefresh__indicator{
  border-color:color-mix(in srgb,var(--deution-ptr-icon-color) 46%,var(--deution-ptr-border-color));
  box-shadow:0 14px 34px color-mix(in srgb,var(--deution-ptr-icon-color) 18%,transparent);
}
.deution-pullRefresh[data-animation="spin"].is-refreshing .deution-pullRefresh__icon,
.deution-pullRefresh[data-animation="rotate"].is-refreshing .deution-pullRefresh__icon{
  animation:deution-ptr-spin .75s linear infinite;
}
.deution-pullRefresh[data-animation="pulse"].is-refreshing .deution-pullRefresh__indicator{
  animation:deution-ptr-pulse .85s ease-in-out infinite alternate;
}
.deution-pullRefresh.is-success .deution-pullRefresh__indicator{transform:scale(1.04)}
.deution-pullRefresh.is-error .deution-pullRefresh__indicator{animation:deution-ptr-shake .3s ease both}
html.deution-pullRefresh-dragging,
body.deution-pullRefresh-dragging{
  cursor:grabbing!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
@keyframes deution-ptr-spin{to{transform:rotate(360deg)}}
@keyframes deution-ptr-pulse{from{transform:scale(.92)}to{transform:scale(1.06)}}
@keyframes deution-ptr-shake{0%,100%{transform:translateX(0)}35%{transform:translateX(-3px)}70%{transform:translateX(3px)}}
@media(prefers-reduced-motion:reduce){
  .deution-pullRefresh,
  .deution-pullRefresh__indicator,
  .deution-pullRefresh__icon{transition:none!important;animation-duration:1ms!important;animation-iteration-count:1!important}
}