.sp-klaar{flex-direction:column;gap:10px;display:flex}.sp-klaar__baan{background:var(--sp-line);border-radius:2px;height:2px;margin-bottom:6px;position:relative;overflow:hidden}.sp-klaar__baan-vul{background:var(--sp-accent);transform-origin:0;border-radius:2px;transition:transform .52s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.sp-klaar__rij{border:1px solid var(--sp-line);border-radius:var(--sp-radius-kaart);background:var(--sp-card);align-items:center;gap:12px;padding:13px 14px;transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s,opacity .22s;display:flex}.sp-klaar__rij--wacht{opacity:.45}.sp-klaar__rij--bezig{border-color:var(--sp-accent);transform:translate(2px)}.sp-klaar__rij--klaar{border-color:var(--sp-line)}.sp-klaar__stip{width:26px;height:26px;font-size:12px;font-weight:600;font-family:var(--sp-body);color:var(--sp-text-muted);background:#e4edee;border-radius:50%;flex:none;place-items:center;transition:background-color .22s,color .22s;display:grid}.sp-klaar__rij--bezig .sp-klaar__stip{color:var(--sp-accent-ink);background:#d8f5f5}.sp-klaar__rij--klaar .sp-klaar__stip{background:var(--sp-ink);color:var(--sp-card)}.sp-klaar__vink{stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:18;stroke-dashoffset:18px;width:13px;height:13px;animation:.34s cubic-bezier(.2,.8,.2,1) forwards sp-klaar-vink}@keyframes sp-klaar-vink{to{stroke-dashoffset:0}}.sp-klaar__draai{border:2px solid;border-top-color:#0000;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite sp-klaar-draai}@keyframes sp-klaar-draai{to{transform:rotate(360deg)}}.sp-klaar__label{font-family:var(--sp-body);color:var(--sp-text-muted);font-size:14px;font-weight:500;transition:color .22s}.sp-klaar__rij--bezig .sp-klaar__label,.sp-klaar__rij--klaar .sp-klaar__label{color:var(--sp-ink);font-weight:600}.sp-klaar__af{text-align:center;border:1px solid var(--sp-accent);border-radius:var(--sp-radius-kaart);font-family:var(--sp-body);background:#e7faf9;margin-top:4px;padding:18px 16px;animation:.32s cubic-bezier(.2,.8,.2,1) both sp-klaar-op}@keyframes sp-klaar-op{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.sp-klaar__af-kop{font-family:var(--sp-display);letter-spacing:-.02em;color:var(--sp-ink);margin:0;font-size:19px;font-weight:700}.sp-klaar__af-tekst{color:var(--sp-text-muted);margin:6px 0 0;font-size:13px}.sp-klaar__fout{border:1px solid var(--sp-error);border-radius:var(--sp-radius-kaart);font-family:var(--sp-body);background:#fff1f0;background:lab(96.3359% 6.12152 3.29586);padding:16px}.sp-klaar__fout-kop{color:var(--sp-error-ink);margin:0;font-size:14px;font-weight:700}.sp-klaar__fout-tekst{color:var(--sp-text-muted);margin:6px 0 0;font-size:13px;line-height:1.55}@media(prefers-reduced-motion:reduce){.sp-klaar *,.sp-klaar :before,.sp-klaar :after{transition:none!important;animation:none!important}.sp-klaar__vink{stroke-dashoffset:0}}