.demo-anim,.demo-chip{animation-duration:15s;animation-iteration-count:infinite}.demo-scan{background:linear-gradient(90deg,transparent,var(--color-accent),transparent);box-shadow:0 0 18px #e01e2b8c}@keyframes plP1{0%{opacity:0}1.5%{opacity:1}15.2%{opacity:1}16.7%{opacity:0}to{opacity:0}}@keyframes plP2{0%,16.7%{opacity:0}18.2%{opacity:1}31.8%{opacity:1}33.3%{opacity:0}to{opacity:0}}@keyframes plP3{0%,33.3%{opacity:0}34.8%{opacity:1}48.5%{opacity:1}50%{opacity:0}to{opacity:0}}@keyframes plP4{0%,50%{opacity:0}51.5%{opacity:1}65.2%{opacity:1}66.7%{opacity:0}to{opacity:0}}@keyframes plP5{0%,66.7%{opacity:0}68.2%{opacity:1}81.8%{opacity:1}83.3%{opacity:0}to{opacity:0}}@keyframes plP6{0%,83.3%{opacity:0}84.8%{opacity:1}99%{opacity:1}to{opacity:0}}@keyframes plLayerCut{0%,17.2%{opacity:0;clip-path:inset(0 0 100% 0)}18%{opacity:1;clip-path:inset(0 0 100% 0)}31%{opacity:1;clip-path:inset(0 0 0% 0)}48%{opacity:1;clip-path:inset(0 0 0% 0)}49.5%{opacity:0;clip-path:inset(0 0 0% 0)}to{opacity:0}}@keyframes plLayerWhite{0%,34.2%{opacity:0;clip-path:inset(0 0 100% 0)}35%{opacity:1;clip-path:inset(0 0 100% 0)}48%{opacity:1;clip-path:inset(0 0 0% 0)}99.5%{opacity:1;clip-path:inset(0 0 0% 0)}to{opacity:0}}@keyframes plC1{0%{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}16.4%{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}17.2%{background:transparent;color:var(--color-faint);border-color:var(--color-line)}to{background:transparent;color:var(--color-faint);border-color:var(--color-line)}}@keyframes plC2{0%,16.4%{background:transparent;color:var(--color-faint);border-color:var(--color-line)}17.2%{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}33%{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}33.8%,to{background:transparent;color:var(--color-faint);border-color:var(--color-line)}}@keyframes plC3{0%,33%{background:transparent;color:var(--color-faint);border-color:var(--color-line)}33.8%{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}49.7%{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}50.5%,to{background:transparent;color:var(--color-faint);border-color:var(--color-line)}}@keyframes plC4{0%,49.7%{background:transparent;color:var(--color-faint);border-color:var(--color-line)}50.5%{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}66.4%{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}67.2%,to{background:transparent;color:var(--color-faint);border-color:var(--color-line)}}@keyframes plC5{0%,66.4%{background:transparent;color:var(--color-faint);border-color:var(--color-line)}67.2%{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}83%{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}83.8%,to{background:transparent;color:var(--color-faint);border-color:var(--color-line)}}@keyframes plC6{0%,83%{background:transparent;color:var(--color-faint);border-color:var(--color-line)}83.8%{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}to{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}}@keyframes plScan{0%,17.2%{transform:translateY(0);opacity:0}17.7%{opacity:1;transform:translateY(10px)}31%{opacity:1;transform:translateY(430px)}32%,34.5%{opacity:0;transform:translateY(0)}35%{opacity:1;transform:translateY(10px)}48%{opacity:1;transform:translateY(430px)}49%,to{opacity:0;transform:translateY(430px)}}@keyframes plZoom{0%,58%{transform:scale(1)}64%{transform:scale(1.282)}99.5%{transform:scale(1.282)}to{transform:scale(1)}}@keyframes plCropIn{0%,51%{opacity:0;transform:scale(1.35)}52.5%{opacity:1;transform:scale(1.35)}58%{transform:scale(1)}64.5%{opacity:1;transform:scale(1)}66.7%{opacity:0;transform:scale(1)}to{opacity:0}}@keyframes plS1{0%,85%{opacity:0;transform:translateY(8px)}86.5%{opacity:1;transform:translateY(0)}99%{opacity:1}to{opacity:0}}@keyframes plS2{0%,87%{opacity:0;transform:translateY(8px)}88.5%{opacity:1;transform:translateY(0)}99%{opacity:1}to{opacity:0}}@keyframes plS3{0%,89%{opacity:0;transform:translateY(8px)}90.5%{opacity:1;transform:translateY(0)}99%{opacity:1}to{opacity:0}}@keyframes plS4{0%,91%{opacity:0;transform:translateY(8px)}92.5%{opacity:1;transform:translateY(0)}99%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.demo-motion{animation-timing-function:steps(1,end)}.demo-scan{animation:none;opacity:0}}