.star-blink{background-color:var(--color-brand-orange);animation:star-blink 1.1s steps(2) infinite}.glyph{position:relative;width:56px;height:56px}.glyph i{background-color:var(--color-text)}.glyph-bars{display:flex;gap:5px;align-items:flex-end}.glyph-bars i{width:10px;height:30%;animation:glyph-bars 2.4s ease-in-out var(--d) infinite}.glyph-spark i{position:absolute;animation:star-tip 1.6s ease-in-out var(--d) infinite}.glyph-spark i:first-child{animation-name:star-breathe}.glyph-control{display:grid;grid-template-columns:repeat(3,14px);gap:6px;align-content:start}.glyph-control i{width:14px;height:14px;background-color:var(--color-border);animation:glyph-step 3s step-end var(--d) infinite}.glyph-pulse path{stroke-dasharray:90;animation:glyph-pulse 2.8s linear infinite}.glyph-make{display:grid;grid-template-columns:repeat(4,12px);gap:3px;align-content:start}.glyph-make i{width:12px;height:12px;animation:glyph-make 3.2s cubic-bezier(.2,.8,.2,1) var(--d) infinite}.glyph-make i[data-hole]{visibility:hidden}.sort{display:grid;grid-template-columns:minmax(0,1fr)}.sort-scan{position:absolute;top:0;right:0;left:0;height:1px;background-color:color-mix(in srgb,var(--color-text-inverse) 55%,transparent);animation:sort-scan 1.8s ease-in-out infinite}.sort-lane[data-lane=reject] li{text-decoration:line-through;text-decoration-color:var(--color-border-strong)}@media (min-width:64rem){.sort{grid-template-columns:minmax(0,1fr) 56px minmax(0,.8fr) 56px minmax(0,1.3fr);align-items:center}.sort>.flow-arrow{align-self:center;margin-top:0}}.flow{display:grid;grid-template-columns:minmax(0,1fr)}.flow-arrow{position:relative;justify-self:center;width:1px;height:40px;background-color:var(--color-border-strong)}.flow-arrow:after{position:absolute;bottom:-1px;left:-4px;border-top:7px solid var(--color-border-strong);border-right:4.5px solid transparent;border-left:4.5px solid transparent;content:""}.flow-arrow>i{display:none}.flow-ind{width:10px;height:10px;background-color:var(--color-border);animation:flow-lit 10s step-end var(--d) infinite}.flow-ind[data-human]{animation-name:flow-lit-human}.queue-bar{position:relative;height:6px;overflow:hidden;background-color:color-mix(in srgb,var(--color-text-inverse) 16%,transparent)}.queue-bar>i{position:absolute;inset:0 auto 0 0;background-color:var(--color-text-inverse)}.queue-bar>i[data-done]{background-color:var(--color-success)}.queue-bar>i[data-paused]{background:repeating-linear-gradient(-45deg,var(--color-text-inverse) 0 3px,color-mix(in srgb,var(--color-text-inverse) 25%,transparent) 3px 6px)}.flow[data-shown] .queue-bar[data-mode=run]>i{animation:queue-run var(--t) linear forwards}.flow[data-shown] .queue-bar[data-mode=pause]>i{animation:queue-pause var(--t) linear forwards}.queue-label{display:inline-grid}.queue-label>span{grid-area:1/1}.flow[data-shown] .queue-label[data-mode=run]>[data-k=queue]{animation:queue-run-queue var(--t) linear forwards}.flow[data-shown] .queue-label[data-mode=run]>[data-k=done]{animation:queue-run-done var(--t) linear forwards}.flow[data-shown] .queue-label[data-mode=pause]>[data-k=queue]{animation:queue-pause-queue var(--t) linear forwards}.flow[data-shown] .queue-label[data-mode=pause]>[data-k=paused]{animation:queue-pause-paused var(--t) linear forwards}.queue-label[data-mode=pause]>[data-k=paused]>b{animation:queue-blink 1s step-end infinite}.flow[data-shown] .queue-label[data-mode=pause]>[data-k=done]{animation:queue-pause-done var(--t) linear forwards}@media (min-width:64rem){.flow{grid-template-columns:minmax(0,.9fr) 36px minmax(0,1.55fr) 36px minmax(0,1fr) 36px minmax(0,1fr) 36px minmax(0,1fr)}.flow-arrow{align-self:start;justify-self:stretch;width:auto;height:1px;margin-top:56px}.flow-arrow:after{top:-4px;right:-1px;bottom:auto;left:auto;border-top:4.5px solid transparent;border-right:0;border-bottom:4.5px solid transparent;border-left:7px solid var(--color-border-strong)}.flow-arrow>i{position:absolute;top:-3px;left:0;display:block;width:7px;height:7px;background-color:var(--color-text);opacity:0;animation:flow-travel 10s linear var(--d) infinite}}@keyframes star-breathe{0%,to{scale:1}50%{scale:.88}}@keyframes star-tip{0%,to{opacity:1;scale:1}50%{opacity:.12;scale:.45}}@keyframes star-blink{50%{opacity:.15}}@keyframes glyph-bars{0%,to{height:30%}50%{height:100%}}@keyframes glyph-step{0%{background-color:var(--color-border)}33%{background-color:var(--color-text)}}@keyframes glyph-pulse{0%{stroke-dashoffset:180}to{stroke-dashoffset:0}}@keyframes glyph-make{0%{opacity:0;scale:.2}30%,80%{opacity:1;scale:1}to{opacity:0;scale:.6}}@keyframes sort-scan{0%,to{top:0}50%{top:calc(100% - 1px)}}@keyframes flow-lit{0%{background-color:var(--color-border)}1%{background-color:var(--color-text)}20%{background-color:var(--color-border)}}@keyframes flow-lit-human{0%{background-color:var(--color-border)}1%{background-color:var(--color-brand-orange)}20%{background-color:var(--color-border)}}@keyframes queue-run{0%{width:0;background:var(--color-text-inverse)}99.9%{width:100%;background:var(--color-text-inverse)}to{width:100%;background:var(--color-success)}}@keyframes queue-run-queue{0%,99.9%{opacity:1}to{opacity:0}}@keyframes queue-run-done{0%,99.9%{opacity:0}to{opacity:1}}@keyframes queue-pause{0%{width:0;background:var(--color-text-inverse)}22.22%{width:40%;background:var(--color-text-inverse)}22.23%,48.15%{width:40%;background:repeating-linear-gradient(-45deg,var(--color-text-inverse) 0 3px,color-mix(in srgb,var(--color-text-inverse) 25%,transparent) 3px 6px)}48.16%{width:40%;background:var(--color-text-inverse)}99.9%{width:100%;background:var(--color-text-inverse)}to{width:100%;background:var(--color-success)}}@keyframes queue-pause-queue{0%,22.22%{opacity:1}22.23%,48.15%{opacity:0}48.16%,99.9%{opacity:1}to{opacity:0}}@keyframes queue-pause-paused{0%,22.22%{opacity:0}22.23%,48.15%{opacity:1}48.16%,to{opacity:0}}@keyframes queue-pause-done{0%,99.9%{opacity:0}to{opacity:1}}@keyframes queue-blink{50%{opacity:.25}}@keyframes flow-travel{0%{left:0;opacity:0}1%,9%{opacity:1}9%{left:calc(100% - 7px)}10%,to{left:calc(100% - 7px);opacity:0}}@media (prefers-reduced-motion:reduce){.flow *,.glyph *,.sort *,.star-blink{animation:none!important}.glyph-bars i{height:70%}.flow-ind{background-color:var(--color-text)}.flow-ind[data-human]{background-color:var(--color-brand-orange)}.glyph-control i{background-color:var(--color-text)}}