.rd-stage{--ra-out:.26s;--ra-stem:.44s;--ra-hook:.33s;--ra-at:.2s;--ra-hook-at:.4s;--ra-away:cubic-bezier(.64,0,.78,0);--ra-land:cubic-bezier(.22,1,.36,1)}.rd-arrow{display:block;flex:none;width:1.75em;height:.875em;overflow:visible;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}.rd-arrow[data-dir=left]{transform:scaleX(-1)}.rd-arrow[data-dir=up]{transform:rotate(-45deg)}.rd-arrow path{stroke-dasharray:1}.rd-arrow .ra-fresh path{stroke-dashoffset:1}.is-on>.rd-arrow .ra-spent,.is-on .rd-ico>.rd-arrow .ra-spent{animation:ra-push var(--ra-out) var(--ra-away) both}.is-on>.rd-arrow .ra-spent .ra-stem,.is-on .rd-ico>.rd-arrow .ra-spent .ra-stem{animation:ra-wipe var(--ra-out) var(--ra-away) both}.is-on>.rd-arrow .ra-spent .ra-hook,.is-on .rd-ico>.rd-arrow .ra-spent .ra-hook{animation:ra-fold var(--ra-out) var(--ra-away) both}.is-on>.rd-arrow .ra-fresh .ra-stem,.is-on .rd-ico>.rd-arrow .ra-fresh .ra-stem{animation:ra-grow var(--ra-stem) var(--ra-land) var(--ra-at) both}.is-on>.rd-arrow .ra-fresh .ra-hook,.is-on .rd-ico>.rd-arrow .ra-fresh .ra-hook{animation:ra-grow var(--ra-hook) var(--ra-land) var(--ra-hook-at) both}@keyframes ra-push{to{transform:translate(8px)}}@keyframes ra-wipe{to{stroke-dashoffset:-1}}@keyframes ra-fold{to{stroke-dashoffset:1}}@keyframes ra-grow{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.rd-h{position:relative;display:inline-flex;align-items:center;gap:.6em;border:0;background:none;padding:0;font:inherit;color:inherit;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .3s ease}.rd-h:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--r-sm)}.rd-ico{display:grid;place-items:center}.rd-wrap{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2.6em;font:400 clamp(12px,1.55cqw,17px)/1.43 var(--font);color:var(--ink)}.rd-row{display:flex;align-items:center;gap:2em}.rd-stage .rd-round{justify-content:center;width:2.86em;height:2.86em;border-radius:50%;background:var(--object);box-shadow:var(--shadow);color:var(--ink-2)}.rd-round:hover,.rd-round.is-on{color:var(--ink)}.rd-card{position:relative;width:21em;padding:.86em;border-radius:var(--r-md);background:var(--object);box-shadow:var(--shadow)}.rd-media{display:grid;place-items:center;aspect-ratio:16/10;border-radius:var(--r-sm);background:#e4e4e3;color:var(--ink)}.rd-media svg{width:30%;height:30%;fill:none;stroke:currentColor;stroke-width:8}.rd-foot{display:flex;align-items:center;justify-content:space-between;padding:.9em .3em .2em}.rd-name{color:var(--ink-2)}.rd-link{font-weight:500;color:var(--ink)}.rd-stage .rd-corner{position:absolute;top:1.6em;right:1.6em;justify-content:center;width:2.6em;height:2.6em;border-radius:50%;background:var(--accent);color:#fff;font-size:.9em}.rd-big{font-size:2.6em;font-weight:500;letter-spacing:-.03em;line-height:1.05;color:var(--ink-2)}.rd-big:hover,.rd-big.is-on{color:var(--ink)}.rd-stage .cr-hint{left:50%;right:auto;translate:-50% 0;width:max-content;max-width:84%;bottom:5%;color:var(--ink-3)}.rd-hand{position:absolute;left:-11px;top:-11px;width:22px;height:22px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px #ffffffe6,0 6px 16px #17181a2e;opacity:0;pointer-events:none;z-index:8;display:none}.rd-stage[data-preview=true] .rd-hand{display:block}.rd-set{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:var(--rd-gap,16px)}.rd-set .rd-btn{flex:none;width:var(--rd-size,52px);height:var(--rd-size,52px);padding:0;gap:0;font-size:calc(var(--rd-size,52px) * .35)}.rd-trio{position:absolute;inset:0 0 0 var(--rd-left,0px);display:flex;align-items:center;justify-content:center;gap:var(--rd-gap,72px)}.rd-trio .rd-btn{flex:none;width:var(--rd-size,120px);height:var(--rd-size,120px);border-radius:50%;background:var(--object);box-shadow:var(--shadow);color:var(--ink);font-size:calc(var(--rd-size,120px) * .35)}.rd-stage[data-paused=true] *{animation-play-state:paused!important}.rd-stage[data-reduced=true] .rd-arrow .ra-spent,.rd-stage[data-reduced=true] .rd-arrow path{animation:none!important}.rd-stage[data-reduced=true] .rd-arrow .ra-fresh{display:none}@media(prefers-reduced-motion:reduce){.rd-arrow .ra-spent,.rd-arrow path{animation:none!important}.rd-arrow .ra-fresh{display:none}}@container (max-width:560px){.rd-wrap{font-size:12px;gap:1.8em}.rd-row{gap:1em}.rd-card{width:17em}.rd-big{font-size:2em}}