.kx-prog{padding:4px 0 18px}.kx-prog__msg{text-align:center;margin:0 0 14px;font-size:.98rem}.kx-prog__bar{position:relative;height:8px;border-radius:99px;background:color-mix(in srgb,var(--kx-text) 10%,transparent);margin:0 10px}.kx-prog__fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--kx-success);transition:width .5s cubic-bezier(.2,.8,.2,1)}.kx-prog__dot{position:absolute;top:50%;width:18px;height:18px;margin:-9px 0 0-9px;border-radius:50%;background:color-mix(in srgb,var(--kx-text) 22%,var(--kx-bg));border:3px solid var(--kx-bg);transition:background .3s}.kx-prog__dot.is-on{background:var(--kx-success)}.kx-prog__labels{position:relative;height:22px;margin:8px 10px 0;font-size:.8rem;font-weight:600;color:var(--kx-muted)}.kx-prog__labels span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}.kx-prog__labels span:last-child{transform:translateX(-85%)}.kx-prog__labels span.is-on{color:var(--kx-success)}.kx-prog--page{max-width:560px;margin:0 auto 24px;background:var(--kx-surface);border-radius:var(--kx-radius);padding:18px 18px 12px}