.pull{top:var(--at,0px);z-index:1;pointer-events:none;height:0;position:fixed;left:0;right:0}.pull-r{top:calc(min(var(--gap,0px), 60px) / 2);opacity:0;width:34px;height:34px;transform:translate(-50%, -50%) scale(calc(.55 + .45 * var(--p,0)));display:block;position:absolute;left:50%}.pull.on .pull-r{opacity:min(1, calc(var(--p,0) * 3))}.pull.glide .pull-r{transition:top .44s cubic-bezier(.32, .72, 0, 1), opacity .22s var(--ease), transform .36s var(--spring)}.pull-r svg{width:100%;height:100%;display:block;overflow:visible}.pull-r-track{stroke:var(--line-solid)}.pull-r-ink{stroke-dasharray:1 1;stroke-dashoffset:calc(1 - var(--p,0))}.pull.ready .pull-r,.pull.busy .pull-r{transition:transform .3s var(--spring);transform:translate(-50%,-50%)scale(1.12)}.pull.busy .pull-r{transform:translate(-50%,-50%)scale(1)}.pull-r-run{stroke:#fff;stroke-dasharray:.16 .84;stroke-dashoffset:.16px;opacity:0}.pull.busy .pull-r-run{opacity:.55;animation:.9s cubic-bezier(.45,0,.55,1) infinite r-run}.pull-r-ping{fill:var(--accent);opacity:0;transform-box:fill-box;transform-origin:50%}.pull.busy .pull-r-ping{animation:1.2s cubic-bezier(.2,.7,.3,1) infinite pull-ping}@keyframes pull-ping{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(3)}}.pull.done .pull-r,.pull.leave .pull-r{opacity:0;transition:top .44s cubic-bezier(.32, .72, 0, 1), opacity .18s var(--ease), transform .24s var(--ease);transform:translate(-50%,-50%)scale(.5)}:root.pull-own{overscroll-behavior-y:contain}@media (prefers-reduced-motion:reduce){.pull.busy .pull-r-run{animation-duration:2s}.pull.busy .pull-r-ping{animation:none}}