.relay-stage{aspect-ratio:1;background:#0c1f22;border-radius:140px 8px 8px;position:relative;overflow:hidden}.relay-unstuck{width:100%;height:auto;display:block}.relay-unstuck .pt{fill:#1f4d4a;transform-box:fill-box;transform-origin:50%;animation:.4s ease-out both light;animation-delay:calc(var(--d) * 1s)}.relay-unstuck .pt[data-i="0"]{--d:.32}.relay-unstuck .pt[data-i="1"]{--d:.76}.relay-unstuck .pt[data-i="2"]{--d:1.19}.relay-unstuck .pt[data-i="3"]{--d:3.24}.relay-unstuck .pt[data-i="4"]{--d:3.89}.relay-unstuck .pt[data-i="5"]{--d:4.43}.relay-unstuck .pt[data-i="6"]{--d:4.97}@keyframes light{to{fill:#8fe0d2}}.relay-unstuck .stuck{animation:.6s cubic-bezier(.3,1.4,.5,1) 2.81s both fix,.4s ease-out 3.13s both light;transform:rotate(180deg)}@keyframes fix{to{transform:rotate(0)}}.relay-unstuck .dot{fill:#f4a340;animation:5.4s cubic-bezier(.45,0,.25,1) both hop}@keyframes hop{0%{opacity:0;transform:translate(160px,160px)}6%{opacity:1;transform:translate(160px,160px)}14%{opacity:1;transform:translate(240px,160px)}22%{opacity:1;transform:translate(240px,240px)}28%{opacity:1;transform:translate(280px,240px)}52%{opacity:1;transform:translate(280px,240px)}62%{opacity:1;transform:translate(320px,240px)}72%{opacity:1;transform:translate(320px,320px)}82%{opacity:1;transform:translate(400px,320px)}92%{opacity:1;transform:translate(400px,400px)}to{opacity:1;transform:translate(400px,400px)}}.relay-unstuck .lbl{font:500 15px var(--font-mono), ui-monospace, monospace;letter-spacing:.14em;fill:#a9b7b3}.relay-unstuck .amber{fill:#f4a340}.relay-unstuck .l-stuck{opacity:0;animation:5.4s linear both flash}@keyframes flash{0%,28%{opacity:0}32%,50%{opacity:1}54%,to{opacity:0}}.relay-unstuck .l-fixed{fill:#8fe0d2;opacity:0;animation:5.4s linear both fixed}@keyframes fixed{0%,57%{opacity:0}61%,74%{opacity:1}80%,to{opacity:0}}.relay-unstuck .l-paid{fill:#fbf8f3;opacity:0;animation:5.4s linear both paid}@keyframes paid{0%,90%{opacity:0}96%,to{opacity:1}}@media (prefers-reduced-motion:reduce){.relay-unstuck *{animation:none!important}.relay-unstuck .pt{fill:#8fe0d2}.relay-unstuck .stuck{transform:none}.relay-unstuck .dot{transform:translate(400px,400px)}.relay-unstuck .l-stuck,.relay-unstuck .l-fixed{opacity:0}.relay-unstuck .l-paid{opacity:1}}.relay-figure{justify-self:end;width:100%;max-width:560px;margin:0;position:relative}@media not (min-width:64rem){.relay-figure{justify-self:center;max-width:520px;margin-top:8px}.relay-stage{border-radius:96px 8px 8px}}[data-theme=dark] .relay-stage{background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--edge-raised)}@media (scripting:enabled){.relay-stage:not([data-play]) .relay-unstuck *{animation-play-state:paused}}[dir=rtl] .relay-unstuck .lbl{font:500 17px var(--font-arabic), sans-serif;letter-spacing:0;text-anchor:end}