.rl{--s:140px;--c:var(--accent);width:var(--s);height:var(--s);flex:none;place-items:center;display:grid;position:relative}.rl .rings{color:var(--ink);border-radius:50%;position:absolute;inset:0}.rl .rings:before,.rl .rings:after{content:"";opacity:.16;border:1.5px solid;border-radius:50%;position:absolute}.rl .rings:before{inset:14%}.rl .rings:after{inset:30%}.rl .sweep{background:conic-gradient(#fb5a3d00 0deg 250deg,#fb5a3d1a 300deg,#fb5a3d80 350deg,#fb5a3de6 360deg);border-radius:50%;animation:1.5s linear infinite rl-spin;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 27%,#000 28% 50%,#0000 51%);mask:radial-gradient(circle,#0000 27%,#000 28% 50%,#0000 51%)}.rl .ping{border:2px solid var(--c);opacity:0;border-radius:50%;width:24%;height:24%;animation:2.1s cubic-bezier(.16,1,.3,1) infinite rl-ping;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}.rl .ping.p2{animation-delay:1.05s}.rl .pin{transform-origin:50% 100%;filter:drop-shadow(0 4px 5px #10304040);width:34%;height:auto;animation:2.1s ease-in-out infinite rl-bob;position:relative}.rl .pin .pin-dot{animation:2.1s ease-in-out infinite rl-pulse}@keyframes rl-spin{to{transform:rotate(360deg)}}@keyframes rl-ping{0%{opacity:.6;transform:translate(-50%,-50%)scale(.3)}70%{opacity:0}to{opacity:0;transform:translate(-50%,-50%)scale(2.6)}}@keyframes rl-bob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-7%)scale(1.03)}}@keyframes rl-pulse{0%,to{r:7}50%{r:8.2}}.rl.on-dark{--c:#ff7a60}.rl.on-dark .rings{color:#cfe0e8}.rl.on-dark .sweep{background:conic-gradient(#ff7a6000 250deg,#ff7a6029 300deg,#ff7a608c 350deg,#ff7a60 360deg)}.hks-splash{z-index:9999;background:linear-gradient(#fbfbf9,#f1f2ef);align-content:center;place-items:center;gap:22px;animation:.34s both splash-in;display:grid;position:fixed;inset:0}.hks-splash.dark{background:radial-gradient(120% 120% at 50% 0,#16384a,#0d2735)}.hks-splash .lock{flex-direction:column;align-items:center;gap:14px;display:flex}.hks-splash .cap{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-400);font-size:12px}.hks-splash.dark .cap{color:#7e98a4}.cap .dots:after{content:"";animation:1.6s steps(4,end) infinite rl-dots}@keyframes rl-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@keyframes splash-in{0%,36%{opacity:0}to{opacity:1}}html[data-motion="0"] .rl *,html[data-motion="0"] .cap .dots:after{animation:none!important}@media (prefers-reduced-motion:reduce){.rl *,.cap .dots:after{animation:none!important}.hks-splash{animation:none}}