._9UCjrG_frame{--l1:26;--l2:49;--l3:72;--g1:66;--g2:46;--g3:26;--app:90;--cycle:16s;--bar:16px;--slant:10px;height:25rem;position:relative;overflow:hidden;container-type:size}@media (min-width:640px){._9UCjrG_frame{height:27rem}}._9UCjrG_layer{height:var(--bar);left:0;right:0;top:calc(var(--y) * 1cqh);position:absolute}._9UCjrG_segment{background:var(--primary);color:var(--primary-foreground);position:absolute;top:0;bottom:0}._9UCjrG_left{width:calc((var(--g) - 3.5 - 5) * 1cqw + var(--slant) / 2);clip-path:polygon(0 0, 100% 0, calc(100% - var(--slant)) 100%, 0 100%);border-radius:5px 0 0 5px;left:5cqw}._9UCjrG_right{left:calc((var(--g) + 3.5) * 1cqw - var(--slant) / 2);clip-path:polygon(var(--slant) 0, 100% 0, 100% 100%, 0 100%);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:0 5px 5px 0;justify-content:flex-end;align-items:center;padding-right:7px;font-size:9px;font-weight:600;display:flex;right:5cqw}._9UCjrG_edge{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;left:5cqw;right:5cqw}._9UCjrG_edge:after{content:"";border-top:1px dashed var(--border);flex:1}._9UCjrG_top{top:3cqh}._9UCjrG_bottom{top:calc(var(--app) * 1cqh + 14px)}._9UCjrG_drop{opacity:0;width:10px;height:10px;animation:none var(--cycle) linear var(--d) infinite;will-change:transform, opacity;margin-left:-5px;position:absolute;top:0;left:0}._9UCjrG_stop1{--land:1.6s;animation-name:_9UCjrG_stop1}._9UCjrG_stop2{--land:2.72s;animation-name:_9UCjrG_stop2}._9UCjrG_stop3{--land:3.84s;animation-name:_9UCjrG_stop3}._9UCjrG_through{--land:4.8s;animation-name:_9UCjrG_through}._9UCjrG_dot{background:var(--muted-foreground);width:10px;height:10px;animation:none var(--cycle) linear calc(var(--d) + var(--land)) infinite;border-radius:999px;display:block}._9UCjrG_bot ._9UCjrG_dot{animation-name:_9UCjrG_caught}._9UCjrG_person ._9UCjrG_dot{animation-name:_9UCjrG_allowed}._9UCjrG_note{border:1px solid var(--border);background:var(--popover);box-shadow:0 4px 16px -6px color-mix(in oklch, var(--foreground) 25%, transparent);white-space:nowrap;opacity:0;animation:_9UCjrG_note var(--cycle) linear calc(var(--d) + var(--land)) infinite;border-radius:8px;gap:1px;padding:4px 8px;display:grid;position:absolute;bottom:-2px}._9UCjrG_toRight{left:18px}._9UCjrG_toLeft{right:18px}._9UCjrG_who{color:var(--foreground);font-size:11px;font-weight:600;line-height:1.2}._9UCjrG_why{font-family:var(--font-mono);font-size:10px;line-height:1.2}._9UCjrG_bot ._9UCjrG_why{color:#b42318}._9UCjrG_person ._9UCjrG_why{color:#067a06}.dark ._9UCjrG_bot ._9UCjrG_why{color:#ff9a9a}.dark ._9UCjrG_person ._9UCjrG_why{color:#6ee06e}@keyframes _9UCjrG_stop1{0%{transform:translate(calc(var(--x) * 1cqw), -2cqh);opacity:0}3%{opacity:1}9%{transform:translate(calc(var(--x) * 1cqw), calc(var(--l1) * 1cqh - 12px))}10%{transform:translate(calc(var(--x) * 1cqw), calc(var(--l1) * 1cqh - 15px))}11%,33%{transform:translate(calc(var(--x) * 1cqw), calc(var(--l1) * 1cqh - 12px));opacity:1}36%,to{transform:translate(calc(var(--x) * 1cqw), calc(var(--l1) * 1cqh - 12px));opacity:0}}@keyframes _9UCjrG_stop2{0%{transform:translate(calc(var(--g1) * 1cqw), -2cqh);opacity:0}3%{opacity:1}9%{transform:translate(calc(var(--g1) * 1cqw), calc(var(--l1) * 1cqh - 12px))}11%{transform:translate(calc(var(--g1) * 1cqw - var(--slant)), calc(var(--l1) * 1cqh + var(--bar) + 2px))}16%{transform:translate(calc(var(--x) * 1cqw), calc(var(--l2) * 1cqh - 12px))}17%{transform:translate(calc(var(--x) * 1cqw), calc(var(--l2) * 1cqh - 15px))}18%,39%{transform:translate(calc(var(--x) * 1cqw), calc(var(--l2) * 1cqh - 12px));opacity:1}42%,to{transform:translate(calc(var(--x) * 1cqw), calc(var(--l2) * 1cqh - 12px));opacity:0}}@keyframes _9UCjrG_stop3{0%{transform:translate(calc(var(--g1) * 1cqw), -2cqh);opacity:0}3%{opacity:1}9%{transform:translate(calc(var(--g1) * 1cqw), calc(var(--l1) * 1cqh - 12px))}11%{transform:translate(calc(var(--g1) * 1cqw - var(--slant)), calc(var(--l1) * 1cqh + var(--bar) + 2px))}16%{transform:translate(calc(var(--g2) * 1cqw), calc(var(--l2) * 1cqh - 12px))}18%{transform:translate(calc(var(--g2) * 1cqw - var(--slant)), calc(var(--l2) * 1cqh + var(--bar) + 2px))}23%{transform:translate(calc(var(--x) * 1cqw), calc(var(--l3) * 1cqh - 12px))}24%{transform:translate(calc(var(--x) * 1cqw), calc(var(--l3) * 1cqh - 15px))}25%,45%{transform:translate(calc(var(--x) * 1cqw), calc(var(--l3) * 1cqh - 12px));opacity:1}48%,to{transform:translate(calc(var(--x) * 1cqw), calc(var(--l3) * 1cqh - 12px));opacity:0}}@keyframes _9UCjrG_through{0%{transform:translate(calc(var(--g1) * 1cqw), -2cqh);opacity:0}3%{opacity:1}9%{transform:translate(calc(var(--g1) * 1cqw), calc(var(--l1) * 1cqh - 12px))}11%{transform:translate(calc(var(--g1) * 1cqw - var(--slant)), calc(var(--l1) * 1cqh + var(--bar) + 2px))}16%{transform:translate(calc(var(--g2) * 1cqw), calc(var(--l2) * 1cqh - 12px))}18%{transform:translate(calc(var(--g2) * 1cqw - var(--slant)), calc(var(--l2) * 1cqh + var(--bar) + 2px))}23%{transform:translate(calc(var(--g3) * 1cqw), calc(var(--l3) * 1cqh - 12px))}25%{transform:translate(calc(var(--g3) * 1cqw - var(--slant)), calc(var(--l3) * 1cqh + var(--bar) + 2px))}30%,52%{transform:translate(calc(var(--g3) * 1cqw - var(--slant)), calc(var(--app) * 1cqh));opacity:1}56%,to{transform:translate(calc(var(--g3) * 1cqw - var(--slant)), calc(var(--app) * 1cqh));opacity:0}}@keyframes _9UCjrG_caught{0%,28%{background:var(--signal-critical);box-shadow:0 0 0 4px color-mix(in oklch, var(--signal-critical) 22%, transparent)}29%,to{background:var(--muted-foreground);box-shadow:none}}@keyframes _9UCjrG_allowed{0%,28%{background:var(--signal-good);box-shadow:0 0 0 4px color-mix(in oklch, var(--signal-good) 22%, transparent)}29%,to{background:var(--muted-foreground);box-shadow:none}}@keyframes _9UCjrG_note{0%,1.9%{opacity:0}2%,19.9%{opacity:1}20%,to{opacity:0}}@media (prefers-reduced-motion:reduce){._9UCjrG_frame ._9UCjrG_drop,._9UCjrG_frame ._9UCjrG_dot,._9UCjrG_frame ._9UCjrG_note{animation:none}._9UCjrG_drop{display:none}._9UCjrG_still{opacity:1;transform:var(--rest);display:block}._9UCjrG_still ._9UCjrG_note{opacity:1}._9UCjrG_still._9UCjrG_bot ._9UCjrG_dot{background:var(--signal-critical)}._9UCjrG_still._9UCjrG_person ._9UCjrG_dot{background:var(--signal-good)}}