.rd-ptr{position:fixed;z-index:29950;left:50%;top:calc(env(safe-area-inset-top,0px) + 9px);width:46px;height:46px;display:grid;place-items:center;pointer-events:none;opacity:0;transform:translate(-50%,-66px) scale(.82);transition:transform .2s ease,opacity .16s ease;will-change:transform,opacity}
.rd-ptr.visible{opacity:1}.rd-ptr.refreshing{opacity:1;transform:translate(-50%,0) scale(1)}
.rd-ptr-core{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(17,125,70,.16);border-radius:50%;background:rgba(255,255,255,.97);box-shadow:0 9px 25px rgba(17,73,45,.2);color:#168149}
.rd-ptr svg{width:20px;height:20px;display:block;transform:rotate(var(--rd-ptr-rotate,0deg));transition:transform .08s linear}
.rd-ptr.ready .rd-ptr-core{background:#168149;color:#fff;box-shadow:0 10px 26px rgba(22,129,73,.3)}
.rd-ptr.refreshing svg{animation:rdPtrSpin .72s linear infinite}
.rd-ptr-label{position:absolute;top:49px;left:50%;white-space:nowrap;transform:translateX(-50%);padding:4px 8px;border-radius:99px;background:rgba(18,57,39,.9);color:#fff;font:800 9px/1.2 Nunito,Arial,sans-serif;box-shadow:0 5px 14px rgba(0,0,0,.14)}
@keyframes rdPtrSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.rd-ptr{transition:none}.rd-ptr.refreshing svg{animation-duration:1.2s}}