.pull-refresh-indicator{position:absolute;left:50%;z-index:7;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#24272e;box-shadow:0 3px 12px rgba(0,0,0,.35);opacity:min(1,calc(var(--pull-distance) / 28px));pointer-events:none;transition:opacity .16s ease,transform .22s cubic-bezier(.2,.8,.2,1)}
.pull-refresh-indicator.down{top:8px;transform:translate(-50%,calc(var(--pull-distance) - 42px))}
.pull-refresh-indicator.up{bottom:calc(88px + env(safe-area-inset-bottom));transform:translate(-50%,calc(42px - var(--pull-distance)))}
.pull-refresh-indicator.pulling{transition:opacity .08s linear}
.pull-refresh-spinner{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;color:#f2f3f5;transform:rotate(calc(-90deg + var(--pull-progress) * 270deg));transform-origin:center}
.pull-refresh-indicator.armed .pull-refresh-spinner{color:#91a6ff}
.pull-refresh-indicator.down.refreshing{visibility:visible;opacity:1;transform:translate(-50%,12px)}
.pull-refresh-indicator.up.refreshing{visibility:visible;opacity:1;transform:translate(-50%,-12px)}
.pull-refresh-indicator.refreshing .pull-refresh-spinner{animation:pull-refresh-spin .8s linear infinite}
@keyframes pull-refresh-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
html[data-theme="light"] .app-shell .pull-refresh-indicator{background-color:#fff!important;box-shadow:0 3px 12px rgba(31,35,40,.18)!important}
html[data-theme="light"] .app-shell .pull-refresh-spinner{color:#57606a!important}
html[data-theme="light"] .app-shell .pull-refresh-indicator.armed .pull-refresh-spinner{color:#0969da!important}
@media(prefers-reduced-motion:reduce){.pull-refresh-indicator{transition:none}.pull-refresh-indicator.refreshing .pull-refresh-spinner{animation-duration:1.4s}}
