.pull-to-refresh{--pull-distance:0px;overscroll-behavior-y:contain;min-height:0;position:relative;overflow-y:auto}.pull-status{margin:0;inset-block-start:0;inset-inline-start:0}.pull-content{min-height:100%;transform:translateY(var(--pull-distance));overflow-x:clip}.pull-indicator{z-index:1;pointer-events:none;background:var(--surface);border:1px solid var(--border);width:32px;height:32px;transform:translateY(calc(var(--pull-distance) - 40px));border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:0;inset-inline-start:calc(50% - 16px);box-shadow:0 2px 5px #00000014}.pull-indicator svg{transition:transform .12s}.pull-to-refresh[data-pull-phase=idle]>.pull-indicator{visibility:hidden}.pull-to-refresh[data-pull-phase=armed]>.pull-indicator svg{transform:rotate(180deg)}.pull-to-refresh:is([data-pull-phase=refreshing],[data-pull-phase=settling])>:is(.pull-content,.pull-indicator){transition:transform .3s cubic-bezier(.2,.8,.2,1.15)}.pull-to-refresh[data-pull-phase=refreshing]>.pull-indicator svg{animation:.9s linear infinite pull-spin}@keyframes pull-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.pull-to-refresh>:is(.pull-content,.pull-indicator),.pull-indicator svg{transition:none!important;animation:none!important}}