@property --t{syntax:"<number>";inherits:true;initial-value:1}.cert-demo{animation:11s linear infinite cert-clock}.cert-demo[data-running=false]{animation-play-state:paused}@keyframes cert-clock{0%,4%{--t:0}82%,96%{--t:1}to{--t:0}}@media (prefers-reduced-motion:reduce){.cert-demo{animation:none}.cert-controls{display:none}}.cert-scan{--tail:3.55rem;inset-inline:-1.25rem;top:calc(clamp(0, calc((var(--t) - .03) / .29), 1) * (100% - var(--tail)) + clamp(0, calc((var(--t) - .6) / .05), 1) * var(--tail));z-index:1;background:var(--brand-accent);height:2px;opacity:calc(clamp(0, calc((var(--t) - .02) * 40), 1) * clamp(0, calc((.67 - var(--t)) * 40), 1));pointer-events:none;position:absolute}@media (min-width:30rem){.cert-scan{--tail:2.3rem}}.cert-scan:before{content:"";inset-inline:0;background:linear-gradient(to top, color-mix(in oklab, var(--brand-accent) 16%, transparent), transparent);height:3.25rem;position:absolute;bottom:100%}.cert-value{--on:clamp(0, calc((var(--t) - var(--at)) * 30), 1);color:color-mix(in oklab, var(--brand-success) calc(var(--on) * 100%), var(--brand-ink))}.cert-value[data-over]{color:color-mix(in oklab, var(--brand-danger) calc(var(--on) * 100%), var(--brand-ink));font-weight:calc(400 + var(--on) * 300)}.cert-tick{fill:none;stroke:var(--brand-success);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transform:scale(var(--on))}.cert-column{--live:calc(clamp(0, calc((var(--t) - var(--at)) * 50 + 1), 1) * clamp(0, calc((var(--at) + .05 - var(--t)) * 50), 1));background:color-mix(in oklab, var(--brand-accent) calc(var(--live) * 12%), transparent)}.cert-ring{pointer-events:none;width:calc(100% + .8rem);height:calc(100% + .5rem);position:absolute;inset:-.25rem -.4rem;overflow:visible}.cert-ring path{fill:none;stroke:var(--brand-danger);stroke-width:2.25px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:calc((1 - clamp(0, calc((var(--t) - .6) * 14), 1)) * 1px)}.cert-result{--p:clamp(0, calc((var(--t) - .69) * 13), 1);--in:calc(1 - (1 - var(--p)) * (1 - var(--p)));min-height:5.25rem;position:relative;overflow:hidden}.cert-status{transform:translateX(calc(var(--in) * -110%));position:absolute}.cert-flag{transform:translateX(calc((1 - var(--in)) * (100% + 9rem)))}.cert-hold{--p:clamp(0, calc((var(--t) - .83) * 7), 1);opacity:clamp(0, calc(var(--p) * 100), 1);transform-origin:50% -1.25rem;transform:rotate(calc(-3deg + (1 - var(--p)) * 16deg * cos(var(--p) * 900deg)))}.cert-wire{z-index:1;border:1.5px solid var(--brand-ink);border-top:0;border-radius:0 0 3px 3px;width:6px;height:2rem;position:absolute;top:-1.25rem;left:calc(50% - 3px)}.cert-progress{background:var(--border);flex:1;height:2px;position:relative}.cert-progress:after{content:"";background:var(--foreground);transform:scaleX(var(--t));transform-origin:0;position:absolute;inset:0}