@keyframes join-ring{0%{stroke-dashoffset:100px}}@keyframes join-tick{0%{stroke-dashoffset:100px}}@keyframes join-rise{0%{opacity:0;filter:blur(4px);transform:translateY(10px)}}@keyframes join-pane-next{0%{opacity:0;transform:translate(24px)}}@keyframes join-pane-back{0%{opacity:0;transform:translate(-24px)}}.join-check-ring{stroke-dasharray:100;animation:join-ring .6s var(--ease-cleo) both;transform-origin:50%;rotate:-90deg}.join-check-tick{stroke-dasharray:100;animation:join-tick .35s var(--ease-out-expo) .45s both}.join-rise{animation:join-rise .6s var(--ease-out-expo) both}.join-pane[data-dir=next]:not([hidden]){animation:join-pane-next .42s var(--ease-out-expo) both}.join-pane[data-dir=back]:not([hidden]){animation:join-pane-back .42s var(--ease-out-expo) both}.join-seg{position:relative;overflow:hidden}.join-seg:after{content:"";background:var(--color-ink);transform:scaleX(var(--fill,0));transform-origin:0;transition:transform .5s var(--ease-cleo);position:absolute;inset:0}