.dt:where(.astro-wswucg4h){--t:12s}.dt-head:where(.astro-wswucg4h){flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.9rem;display:flex}.dt-status:where(.astro-wswucg4h){font-size:.75rem;font-weight:600;display:grid}.dt-st:where(.astro-wswucg4h){white-space:nowrap;border-radius:999px;grid-area:1/1;justify-self:end;padding:.12rem .55rem}.dt-st1:where(.astro-wswucg4h),.dt-st3:where(.astro-wswucg4h){background:var(--viz-green-soft);color:var(--viz-green)}.dt-st2:where(.astro-wswucg4h){background:var(--viz-alert-soft);color:var(--viz-alert)}.dt-st1:where(.astro-wswucg4h),.dt-st3:where(.astro-wswucg4h){opacity:0}.dt-track:where(.astro-wswucg4h){background:var(--viz-card);border:1px solid var(--viz-line);border-radius:4px;height:2.2rem;position:relative}.dt-band:where(.astro-wswucg4h){background:var(--viz-green-soft);position:absolute;inset:0 25%}.dt-edge:where(.astro-wswucg4h){border-left:2px dashed var(--viz-green-mid);width:0;position:absolute;top:0;bottom:0}.dt-lo:where(.astro-wswucg4h){left:25%}.dt-hi:where(.astro-wswucg4h){border-left-color:var(--viz-alert);left:75%}.dt-target:where(.astro-wswucg4h){background:var(--viz-ink);width:2px;margin-left:-1px;position:absolute;top:-.3rem;bottom:-.3rem;left:50%}.dt-dot:where(.astro-wswucg4h){border:2px solid var(--viz-alert);background:#d29a6e;border-radius:50%;width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem;position:absolute;top:50%;left:80%;box-shadow:0 1px 3px #281e1440}.dt-scale:where(.astro-wswucg4h){height:1.2rem;color:var(--viz-muted);margin-top:.3rem;font-size:.7rem;position:relative}.dt-scale:where(.astro-wswucg4h) span:where(.astro-wswucg4h){white-space:nowrap;position:absolute;transform:translate(-50%)}.dt-scale:where(.astro-wswucg4h) b:where(.astro-wswucg4h){color:var(--viz-ink);font-weight:600}.dt-clock:where(.astro-wswucg4h){margin-top:1rem}.dt-clock-head:where(.astro-wswucg4h),.dt-gate:where(.astro-wswucg4h){color:var(--viz-muted);justify-content:space-between;gap:.5rem;font-size:.75rem;display:flex}.dt-clock-bar:where(.astro-wswucg4h){background:var(--viz-line-soft);border-radius:999px;height:.45rem;margin-top:.3rem;overflow:hidden}.dt-clock-bar:where(.astro-wswucg4h) b:where(.astro-wswucg4h){background:var(--viz-ink-2);transform-origin:0;border-radius:999px;height:100%;display:block;transform:scaleX(.45)}.dt-gate:where(.astro-wswucg4h){border-top:1px solid var(--viz-line-soft);margin-top:.85rem;padding-top:.7rem}.dt-gate-state:where(.astro-wswucg4h){font-weight:600;display:grid}.dt-gate-state:where(.astro-wswucg4h)>span:where(.astro-wswucg4h){white-space:nowrap;grid-area:1/1;justify-self:end}.dt-open:where(.astro-wswucg4h){color:var(--viz-green)}.dt-held:where(.astro-wswucg4h){color:var(--viz-copper);opacity:0}@media (prefers-reduced-motion:no-preference){.dt-dot:where(.astro-wswucg4h){animation:dt-dot var(--t) infinite both}.dt-hi:where(.astro-wswucg4h){animation:dt-edge var(--t) infinite both}.dt-st1:where(.astro-wswucg4h){animation:dt-st1 var(--t) infinite both}.dt-st2:where(.astro-wswucg4h){animation:dt-st2 var(--t) infinite both}.dt-st3:where(.astro-wswucg4h){animation:dt-st3 var(--t) infinite both}.dt-clock-bar:where(.astro-wswucg4h) b:where(.astro-wswucg4h){animation:dt-clock var(--t) infinite both}.dt-open:where(.astro-wswucg4h){animation:dt-open var(--t) infinite both}.dt-held:where(.astro-wswucg4h){animation:dt-held var(--t) infinite both}}@keyframes dt-dot{0%{border-color:var(--viz-card);left:50%}10%{left:62%}20%{left:45%}31%{border-color:var(--viz-card);left:70%}40%{border-color:var(--viz-alert);left:76%}44%,50%{border-color:var(--viz-alert);left:80%}62%{border-color:var(--viz-card);left:52%}to{border-color:var(--viz-card);left:52%}}@keyframes dt-edge{0%,38%{border-left-color:var(--viz-green-mid)}41%,58%{border-left-color:var(--viz-alert)}62%,to{border-left-color:var(--viz-green-mid)}}@keyframes dt-st1{0%,38%{opacity:1}40%,to{opacity:0}}@keyframes dt-st2{0%,38%{opacity:0}40%,60%{opacity:1}62%,to{opacity:0}}@keyframes dt-st3{0%,60%{opacity:0}62%,to{opacity:1}}@keyframes dt-clock{0%{transform:scaleX(.3)}50%{transform:scaleX(.62)}60%{transform:scaleX(.66)}63%{transform:scaleX(0)}to{transform:scaleX(.24)}}@keyframes dt-open{0%,44%{opacity:1}46%,61%{opacity:0}63%,to{opacity:1}}@keyframes dt-held{0%,44%{opacity:0}46%,61%{opacity:1}63%,to{opacity:0}}