/* A six-second paper-feed loop with a quiet hold; status comes from the API. */
.tracking-intro{text-align:center}
.tracking-intro .page-sub{max-width:38ch;margin:10px auto 0;min-height:3.6em}
.tracking-intro h1{outline:none}
.print-receipt{--receipt-body:#eef3ff;--receipt-edge:#9aaed7;position:relative;width:216px;max-width:100%;margin:-9px auto 9px;direction:ltr}
.print-receipt>svg{display:block;width:100%;height:auto;overflow:visible}
.receipt-shadow{fill:var(--light)}
.receipt-paper{fill:#fff;stroke:var(--receipt-edge);stroke-width:1.5;stroke-linejoin:round}
.receipt-machine{fill:var(--receipt-body);stroke:var(--receipt-edge);stroke-width:1.5}
.receipt-machine-rule{stroke:var(--receipt-edge);stroke-width:1.2}
.receipt-input-lines{stroke:#c9d3e6;stroke-width:3;stroke-linecap:round}
.receipt-controls{stroke:var(--receipt-edge);stroke-width:2;stroke-linecap:round}
.receipt-light{fill:var(--blue)}
.receipt-slot{fill:#253854}
.receipt-printed-lines{stroke:#2454d6;stroke-width:3;stroke-linecap:round}
.receipt-seal circle{fill:#2454d6;stroke:var(--paper);stroke-width:4}
.receipt-seal-mark{stroke:#fff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.receipt-stopped .receipt-light,.receipt-stopped .receipt-seal circle{fill:var(--muted)}
.receipt-loop .receipt-input{animation:receipt-feed 6s ease-in-out infinite}
.receipt-loop .receipt-output{animation:receipt-reveal 6s cubic-bezier(.25,.7,.3,1) infinite}
.receipt-loop .receipt-light{animation:receipt-signal 6s linear infinite}
.receipt-loop .receipt-seal{transform-box:fill-box;transform-origin:center;animation:receipt-confirm 6s ease-out infinite}
.receipt-away *{animation-play-state:paused!important}
@keyframes receipt-feed{0%,100%{opacity:0;transform:translateY(-18px)}10%{opacity:1;transform:translateY(-18px)}38%,76%{opacity:1;transform:translateY(0)}94%{opacity:0;transform:translateY(12px)}}
@keyframes receipt-reveal{0%,18%{opacity:1;transform:translateY(-64px)}50%,76%{opacity:1;transform:translateY(0)}94%{opacity:0;transform:translateY(65px)}100%{opacity:0;transform:translateY(-64px)}}
@keyframes receipt-signal{0%,20%,48%,100%{opacity:1}34%{opacity:.4}}
@keyframes receipt-confirm{0%,45%,100%{opacity:0;transform:scale(.8)}55%{opacity:1;transform:scale(1.06)}60%,78%{opacity:1;transform:scale(1)}92%{opacity:0;transform:scale(.85)}}
[data-theme=dark] .print-receipt{--receipt-body:#1b263d;--receipt-edge:#6d83af}
[data-theme=dark] .receipt-shadow{fill:#202020}
[data-theme=dark] .receipt-slot{fill:#060a12}
@media(max-width:520px){.print-receipt{width:192px;margin-top:-8px}.tracking-intro .page-sub{font-size:14px}}
@media(prefers-reduced-motion:reduce){.receipt-loop *{animation:none!important}}