.ci{--ci-ink:var(--ink,#202733);--ci-muted:var(--muted,#7d8490);--ci-line:var(--line,#e8eaee);--ci-fill:var(--card,#fff);--ci-card:var(--card,#fff);--ci-hair:var(--line,#e8eaee);--ci-accent:var(--blue,#168cd5);--ci-accent-tint:var(--tint,#edf7fe);--ci-red:var(--red,#bf3f4a);--ci-red-tint:var(--red-tint,#fff0f1);--ci-green:#0f7a67;--ci-green-tint:var(--green-tint,#eaf8f2);--ci-ease-out:cubic-bezier(.23, 1, .32, 1);--ci-ease-in-out:cubic-bezier(.77, 0, .175, 1);min-width:0;font-family:var(--font-sans,Manrope_600SemiBold, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif);flex-direction:column;gap:8px;display:flex;position:relative}.prototype-ui.dark .ci{--ci-green:var(--green)}.ci *,.ci :before,.ci :after{box-sizing:border-box}.ci-label{color:var(--ci-muted);font-size:13px;font-weight:600;line-height:18px}.workspace-field.ci .ci-label{font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit}.ci-row{width:100%;max-width:352px;height:56px;position:relative}.ci-cells{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid;position:absolute;inset:0}.ci-cell{border:1px solid var(--ci-line);background:var(--ci-fill);height:56px;color:var(--ci-ink);font-variant-numeric:tabular-nums;transition:transform .12s var(--ci-ease-out), opacity .12s var(--ci-ease-out), background-color .15s ease, border-color .15s ease, color .15s ease;border-radius:12px;place-items:center;font-size:24px;font-weight:600;line-height:1;display:grid}.ci[data-selected] .ci-cell{background:var(--ci-accent-tint)}.ci[data-state=error] .ci-cell{border-color:var(--ci-red);background:var(--ci-red-tint);color:var(--ci-red)}.ci:is([data-state=checking],[data-state=ok]) .ci-cell{opacity:0;transform:translateX(calc(var(--d) * (100% + 8px) * .85)) scaleX(.6)}.ci-ring{z-index:1;border:2px solid var(--ci-accent);pointer-events:none;opacity:0;width:calc(16.6667% - 6.66667px);height:56px;transform:translateX(calc(var(--i) * (100% + 8px)));transition:transform .18s var(--ci-ease-in-out), opacity .15s var(--ci-ease-out);border-radius:12px;position:absolute;top:0;left:0}.ci[data-focused] .ci-ring{opacity:1}.ci[data-state=error] .ci-ring{border-color:var(--ci-red)}.ci:is([data-state=checking],[data-state=ok]) .ci-ring{opacity:0;transition:opacity 80ms var(--ci-ease-out)}.ci-pill{z-index:2;pointer-events:none;opacity:0;transition:opacity .12s var(--ci-ease-out), transform .25s var(--ci-ease-out);position:absolute;inset:0;transform:scaleX(.6)}.ci:is([data-state=checking],[data-state=ok]) .ci-pill{opacity:1;transition-delay:.12s;transform:none}.ci-pill-layer{border:1px solid var(--ci-hair);background:var(--ci-card);color:var(--ci-ink);white-space:nowrap;transition:opacity .15s var(--ci-ease-out);border-radius:999px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:600;line-height:21px;display:flex;position:absolute;inset:0;overflow:hidden}.ci-pill-ok{opacity:0;color:var(--ci-green);background:var(--ci-green-tint);border-color:color-mix(in srgb, var(--ci-green) 35%, transparent);padding:0 16px}.ci[data-state=ok] .ci-pill-ok{opacity:1}.ci[data-state=ok] .ci-pill-checking{opacity:0}.ci-pill-ok .kp-check.is-tick{width:18px;height:18px}.ci-band{z-index:1;pointer-events:none;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--ci-card) 78%, transparent), transparent);width:45%;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.ci[data-state=checking] .ci-band{animation:1.2s linear infinite ci-sweep}@keyframes ci-sweep{0%{transform:translate(-100%)}to{transform:translate(223%)}}.ci .ci-row .ci-input{z-index:3;color:#0000;caret-color:#0000;letter-spacing:0;cursor:text;background:0 0;border:0;border-radius:12px;outline:none;width:100%;height:100%;min-height:0;margin:0;padding:0;font-size:16px;position:absolute;inset:0}.ci .ci-row .ci-input:focus-visible{outline:none}.ci .ci-row .ci-input::selection{color:#0000;background:0 0}.ci .ci-row .ci-input:disabled{cursor:default;opacity:1}.ci-error{color:var(--ci-red);margin:0;font-size:13px;font-weight:500;line-height:19px}.ci-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.ci-cell{transition:opacity .15s ease-out,background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out}.ci:is([data-state=checking],[data-state=ok]) .ci-cell{transform:none}.ci-ring{transition:opacity .15s ease-out}.ci-pill,.ci:is([data-state=checking],[data-state=ok]) .ci-pill{transition:opacity .15s ease-out;transform:none}.ci-band,.ci[data-state=checking] .ci-band{animation:none;display:none}.ci .kp-check :is(circle,path){animation:none}}@media (forced-colors:active){.ci-ring{border-color:highlight}.ci-pill-layer{border-color:canvastext}}