.cnp{z-index:100;pointer-events:none;height:3px;position:fixed;inset:0 0 auto}.cnp-bar{background:hsl(var(--primary));width:100%;height:100%;box-shadow:0 0 8px hsl(var(--primary) / .6);transform-origin:0;display:block}.cnp[data-state=loading] .cnp-bar{animation:8s cubic-bezier(.1,.7,.2,1) forwards cnp-creep}.cnp[data-state=done] .cnp-bar{opacity:0;transition:transform .15s ease-out,opacity .25s .1s;transform:scaleX(1)}@keyframes cnp-creep{0%{transform:scaleX(.05)}to{transform:scaleX(.9)}}@media (prefers-reduced-motion:reduce){.cnp[data-state=loading] .cnp-bar{animation:none;transform:scaleX(.6)}.cnp[data-state=done] .cnp-bar{transition:none}}