.os{--os-navy:#0b1f3a;--os-slate:#5b6b7f;--os-line:#dde3ea;--os-teal:#0e9bae;--os-teal-ink:#0a6f7d;--os-teal-tint:#e3f6f8;--os-green:#13744e;--os-green-tint:#e3f4ec;--os-red:#b42e2e;--os-red-tint:#fbe5e5;--os-loop:5s;color:var(--os-navy);background:#f3f5f8;border-radius:22px;max-width:1000px;margin-inline:auto;padding-bottom:clamp(1.25rem,4.5cqi,2.75rem);position:relative;container-type:inline-size}.os-stage{grid-template-columns:minmax(0,1.1fr) 2.5rem minmax(0,.8fr) 2.5rem minmax(0,1fr);align-items:center;gap:clamp(.5rem,1.5cqi,1rem);padding:clamp(1.25rem,4.5cqi,2.75rem) clamp(1.25rem,4.5cqi,2.75rem) 1rem;font-size:clamp(.9rem,1.55cqi,1rem);display:grid}.os-col{gap:.65em;margin:0;padding:0;list-style:none;display:grid}.os-card{box-shadow:0 0 0 1px var(--os-line);background:#fff;border-radius:14px;padding:.8em 1em}.os-order{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75em;display:grid}.os-icon{background:var(--os-teal-tint);color:var(--os-teal-ink);border-radius:10px;justify-content:center;align-items:center;width:2.2em;height:2.2em;display:inline-flex}.os-order:nth-child(3) .os-icon{color:var(--os-navy);background:#eef1f6}.os-order>span:last-child{gap:.05em;min-width:0;display:grid}.os-order em{color:var(--os-slate);letter-spacing:.04em;text-transform:uppercase;font-size:.85em;font-style:normal;font-weight:700}.os-order b{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.os-order span span{color:var(--os-slate);font-size:.9em}.os-join{background:var(--os-line);border-radius:999px;height:3px;display:block;position:relative}.os-join i{background:var(--os-teal);transform-origin:0;height:100%;display:block}.os-join:after{border-right:3px solid var(--os-teal);border-top:3px solid var(--os-teal);content:"";width:8px;height:8px;position:absolute;top:-3px;right:0;transform:rotate(45deg)}.os-pos{box-shadow:0 0 0 2px var(--os-teal), 0 14px 30px -22px #0b1f3a99;text-align:center;gap:.35em;padding:1.1em 1.15em;display:grid}.os-label{color:var(--os-teal-ink);letter-spacing:.06em;text-transform:uppercase;justify-content:center;align-items:center;gap:.4em;margin:0;font-size:.85em;font-weight:700;display:flex}.os-count{margin:.2em 0 0}.os-count b{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:2.2em;line-height:1;display:block}.os-zero{background:var(--os-green-tint);color:var(--os-green);border-radius:999px;justify-self:center;margin:.25em 0 0;padding:.2em .7em;font-size:.9em;font-weight:700}.os-kitchen{background:var(--os-navy);box-shadow:none;color:#fff}.os-kitchen .os-label{color:#3dd6e8;justify-content:flex-start}.os-tickets{gap:.45em;margin:.65em 0 0;padding:0;list-style:none;display:grid}.os-tickets li{background:#ffffff14;border-left:3px solid #3dd6e8;border-radius:8px;justify-content:space-between;align-items:center;padding:.45em .7em;display:flex}.os-tickets b{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.os-tickets span{color:#9fb0c4;font-size:.9em}.os-86{background:var(--os-red-tint);color:var(--os-navy);border-radius:12px;align-items:center;gap:.6em;margin:0 clamp(1.25rem,4.5cqi,2.75rem);padding:.7em 1em;font-size:clamp(.9rem,1.55cqi,1rem);display:flex}.os-86 svg{color:var(--os-red);flex:none}.os-86 b{color:var(--os-red)}.os-pause{border:1px solid var(--os-line);color:var(--os-navy);cursor:pointer;z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex;position:absolute;top:10px;right:10px}.os-pause:hover{background:var(--os-navy);color:#fff}.os-pause span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (hover:hover){.os-pause{opacity:0}.os:hover .os-pause,.os:focus-within .os-pause{opacity:1}}@container (max-width:640px){.os-stage{grid-template-columns:minmax(0,1fr);gap:.35rem;padding:1rem 1rem .75rem}.os-order span span{display:none}.os-86{margin-inline:1rem}.os-join{justify-self:center;width:3px;height:1.5rem}.os-join i{transform-origin:top}.os-join:after{top:auto;bottom:0;right:-5px;transform:rotate(135deg)}}@media (prefers-reduced-motion:no-preference){.os-pause{transition:opacity .18s,background .18s}.os[data-play] .os-order:first-child{animation:os-in1 var(--os-loop) cubic-bezier(.16, 1, .3, 1) .94 forwards}.os[data-play] .os-order:nth-child(2){animation:os-in2 var(--os-loop) cubic-bezier(.16, 1, .3, 1) .94 forwards}.os[data-play] .os-order:nth-child(3){animation:os-in3 var(--os-loop) cubic-bezier(.16, 1, .3, 1) .94 forwards}.os[data-play] .os-join i{animation:os-fill var(--os-loop) ease .94 forwards}.os[data-play] .os-join-2 i{animation-name:os-fill2}.os[data-play] .os-zero{animation:os-zero var(--os-loop) ease .94 forwards}.os[data-play] .os-tickets li:first-child{animation:os-t1 var(--os-loop) ease .94 forwards}.os[data-play] .os-tickets li:nth-child(2){animation:os-t2 var(--os-loop) ease .94 forwards}.os[data-play] .os-tickets li:nth-child(3){animation:os-t3 var(--os-loop) ease .94 forwards}.os[data-play] .os-86{animation:os-86 var(--os-loop) cubic-bezier(.16, 1, .3, 1) .94 forwards}.os[data-paused] *{animation-play-state:paused!important}}@keyframes os-in1{0%,2%{opacity:0;transform:translateY(-12px)}8%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes os-in2{0%,12%{opacity:0;transform:translateY(-12px)}18%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes os-in3{0%,22%{opacity:0;transform:translateY(-12px)}28%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes os-fill{0%,4%{transform:scale(0)}30%,94%{transform:none}to{transform:scale(0)}}@keyframes os-fill2{0%,10%{transform:scale(0)}36%,94%{transform:none}to{transform:scale(0)}}@keyframes os-zero{0%,34%{opacity:0;transform:scale(.85)}40%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes os-t1{0%,12%{opacity:0;transform:translate(10px)}17%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes os-t2{0%,22%{opacity:0;transform:translate(10px)}27%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes os-t3{0%,32%{opacity:0;transform:translate(10px)}37%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes os-86{0%,58%{opacity:0;transform:translateY(10px)}66%,94%{opacity:1;transform:none}to{opacity:0}}