.cp-lock{position:relative}.cp-lock-overlay{z-index:4;border-radius:var(--cp-lock-radius,var(--r-lg,14px));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:progress;background:#ffffff9e;animation:.2s ease-out cp-lock-in;position:absolute;inset:0;overflow:clip;container-type:size}.cp-lock-stage{width:fit-content;max-width:calc(100% - 32px);margin:min(50cqh,50vh) auto 0;position:sticky;top:50vh;transform:translateY(-50%)}.cp-loader{--cp-runner-w:92px;--cp-progress-duration:15s;text-align:center;width:320px;max-width:100%;color:var(--cp-ink,#0b1b2b);background:#fff;border:1px solid #e1e8ee;border-radius:14px;padding:20px 24px;box-shadow:0 8px 30px #0b1b2b1f}.cp-loader--inline{--cp-runner-w:64px;width:240px;padding:14px 16px;box-shadow:0 2px 10px #0b1b2b0f}.cp-track{margin-bottom:12px;padding-top:12px}.cp-loader--inline .cp-track{margin-bottom:10px;padding-top:8px}.cp-track:has(>.cp-runner--sprite){padding-top:4px}.cp-runner{width:var(--cp-runner-w);animation:cp-move var(--cp-progress-duration) linear forwards;position:relative;left:0}.cp-panda{z-index:1;width:100%;height:auto;display:block;position:relative}.cp-runner--hop .cp-panda{transform-origin:50% 100%;animation:.36s ease-in-out infinite alternate cp-bob}.cp-sprite{background-position:0 0;background-repeat:no-repeat;animation-name:cp-sprite;animation-iteration-count:infinite}.cp-shadow{filter:blur(.5px);background:radial-gradient(closest-side,#0b1b2b38,#0b1b2b00);border-radius:50%;width:40px;height:5px;margin-left:-20px;position:absolute;bottom:-3px;left:50%}.cp-runner--hop .cp-shadow{animation:.36s ease-in-out infinite alternate cp-shadow}.cp-loader--inline .cp-shadow{width:30px;height:4px;margin-left:-15px}.cp-runner--sprite .cp-shadow{bottom:4.5%}.cp-runner--sprite+.cp-bar{margin-top:12px}.cp-loader--inline .cp-runner--sprite+.cp-bar{margin-top:10px}.cp-bar{background:#e2e8f0;border-radius:4px;height:8px;margin-top:18px;position:relative;overflow:hidden}.cp-loader--inline .cp-bar{margin-top:14px}.cp-fill{width:0;height:100%;animation:cp-fill var(--cp-progress-duration) linear forwards;background:linear-gradient(90deg,#13bc3f,#0078ff)}.cp-text{min-height:22px;font-size:15px;font-weight:500;transition:opacity .3s}.cp-text--hidden{opacity:0}.cp-loader--inline .cp-text{min-height:20px;font-size:14px}.cp-hint{color:#64748b;margin-top:6px;font-size:12px}.cp-loader--done .cp-fill{width:100%;transition:width .4s ease-out}.cp-loader--done .cp-runner{left:calc(100% - var(--cp-runner-w));transition:left .4s ease-out}@keyframes cp-lock-in{0%{opacity:0}}@keyframes cp-move{0%{left:0}to{left:calc(100% - var(--cp-runner-w))}}@keyframes cp-fill{0%{width:0}to{width:96%}}@keyframes cp-bob{0%{transform:translateY(0)rotate(-2deg)scaleY(1)}to{transform:translateY(-10px)rotate(3deg)scaleY(1.02)}}@keyframes cp-shadow{0%{opacity:1;transform:scaleX(1)}to{opacity:.55;transform:scaleX(.7)}}@keyframes cp-sprite{to{background-position:var(--cp-sprite-to) 0}}@media (prefers-reduced-motion:reduce){.cp-lock-overlay,.cp-runner,.cp-runner--hop .cp-panda,.cp-runner--hop .cp-shadow,.cp-fill{animation:none}.cp-sprite{background-position:0 0;animation-name:none}.cp-fill{width:60%}.cp-text,.cp-loader--done .cp-fill,.cp-loader--done .cp-runner{transition:none}.cp-loader--done .cp-fill{width:100%}}