@property --replay-active{syntax:"<integer>";inherits:true;initial-value:0}.replay-showcase-root{--replay-cycle:9s;--replay-segments:7;animation:replay-showcase-active var(--replay-cycle) linear infinite}@keyframes replay-showcase-bar{0%{width:6%}14.2857%{width:16%}28.5714%{width:28%}42.8571%{width:40%}57.1429%{width:52%}71.4286%{width:64%}85.7143%{width:76%}to{width:92%}}@keyframes replay-showcase-head{0%{left:6%}14.2857%{left:16%}28.5714%{left:28%}42.8571%{left:40%}57.1429%{left:52%}71.4286%{left:64%}85.7143%{left:76%}to{left:92%}}@keyframes replay-showcase-active{0%,7.14286%{--replay-active:0}7.14286%,21.4286%{--replay-active:1}21.4286%,35.7143%{--replay-active:2}35.7143%,50%{--replay-active:3}50%,64.2857%{--replay-active:4}64.2857%,78.5714%{--replay-active:5}78.5714%,92.8571%{--replay-active:6}92.8572%,to{--replay-active:7}}.replay-showcase-bar{animation:replay-showcase-bar var(--replay-cycle) linear infinite}.replay-showcase-head{animation:replay-showcase-head var(--replay-cycle) linear infinite}.replay-showcase-moment{--replay-row:0;--replay-dist:abs(var(--replay-row) - var(--replay-active));--replay-fade:min(.88, calc(clamp(0, var(--replay-dist), 1) * .45 + clamp(0, var(--replay-dist) - 1, 1) * .23 + clamp(0, var(--replay-dist) - 2, 1) * .12 + clamp(0, var(--replay-dist) - 3, 1) * .08 + clamp(0, var(--replay-dist) - 4, 1) * .08));color:color-mix(in oklab, var(--foreground) calc((1 - var(--replay-fade)) * 100%), transparent);font-weight:calc(500 - min(var(--replay-dist), 1) * 100);transform:translateX(calc((1 - min(var(--replay-dist), 1)) * .125rem));transition:color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.replay-showcase-moment:first-child{--replay-row:0}.replay-showcase-moment:nth-child(2){--replay-row:1}.replay-showcase-moment:nth-child(3){--replay-row:2}.replay-showcase-moment:nth-child(4){--replay-row:3}.replay-showcase-moment:nth-child(5){--replay-row:4}.replay-showcase-moment:nth-child(6){--replay-row:5}.replay-showcase-moment:nth-child(7){--replay-row:6}.replay-showcase-moment:nth-child(8){--replay-row:7}.replay-showcase-icon{--replay-near:clamp(0, 1 - var(--replay-dist), 1);color:color-mix(in oklab, var(--foreground) calc(var(--replay-near) * 100%), var(--muted-foreground));transition:color .2s cubic-bezier(.4,0,.2,1)}.replay-showcase-icon-error{--replay-error-near:clamp(0, 2 - var(--replay-dist), 1);color:color-mix(in oklab, var(--destructive) calc(var(--replay-error-near) * 100%), var(--muted-foreground))}@media (prefers-reduced-motion:reduce){.replay-showcase-root{--replay-active:0;animation:none}.replay-showcase-bar,.replay-showcase-head{animation:none}.replay-showcase-bar{width:6%}.replay-showcase-head{left:6%}}