@keyframes wl-orbit{to{transform:rotate(360deg)}}.wl-in{animation:wl-enter var(--duration-stage) var(--ease-out) var(--wl-delay,0s) both}@keyframes wl-enter{0%{opacity:0;transform:translateY(var(--motion-reveal-rise))}}.wl-face{transform-style:preserve-3d;backface-visibility:hidden;transition:opacity var(--duration-stage) var(--ease-out), transform var(--duration-stage) var(--ease-out);position:absolute;inset:0}.wl-face[data-state=out]{opacity:0;pointer-events:none;transform:rotateX(90deg)}.wl-face[data-state=in]{opacity:1;transform:rotateX(0)}.wl-face[data-face=done][data-state=out]{transform:rotateX(-90deg)}.wl-done{background:color-mix(in oklab, var(--color-win-500) 20%, var(--color-surface-3));border:1px solid color-mix(in oklab, var(--color-win-500) 55%, transparent);color:var(--color-text-hi)}.wl-ripple{border-radius:var(--radius-pill);border:1px solid var(--color-win-500);animation:wl-ripple var(--duration-stage) var(--ease-out) var(--wl-delay,0s) both;position:absolute;inset:0}@keyframes wl-ripple{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.22)}}.wl-check{stroke-dasharray:26;stroke-dashoffset:26px;animation:wl-check var(--duration-base) var(--ease-out) var(--duration-fast) both}@keyframes wl-check{to{stroke-dashoffset:0}}.wl-spin{animation:.72s linear infinite wl-orbit}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .wl-in,:root:not([data-motion=full]) .wl-ripple,:root:not([data-motion=full]) .wl-check{animation:none}:root:not([data-motion=full]) .wl-ripple{display:none}:root:not([data-motion=full]) .wl-check{stroke-dashoffset:0}:root:not([data-motion=full]) .wl-face{transition:none}:root:not([data-motion=full]) .wl-face[data-state=out],:root:not([data-motion=full]) .wl-face[data-face=done][data-state=out]{transform:none}}:root[data-motion=reduce] .wl-in,:root[data-motion=reduce] .wl-ripple,:root[data-motion=reduce] .wl-check{animation:none}:root[data-motion=reduce] .wl-ripple{display:none}:root[data-motion=reduce] .wl-check{stroke-dashoffset:0}:root[data-motion=reduce] .wl-face{transition:none}:root[data-motion=reduce] .wl-face[data-state=out],:root[data-motion=reduce] .wl-face[data-face=done][data-state=out]{transform:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .wl-spin{animation-duration:1.6s}}:root[data-motion=reduce] .wl-spin{animation-duration:1.6s}.wl-root{--wl-control:calc(var(--spacing-control-lg) + 16px);--wl-stack-gap:10px;--wl-field-stacked:calc(var(--wl-control) * 2 + var(--wl-stack-gap));min-height:100dvh;position:relative;overflow:hidden}.wl-field{position:relative}.wl-confetti{pointer-events:none;z-index:1;width:min(760px,170vw);height:min(760px,170vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
