.store-loop{--store-accent:var(--color-orange);--store-ink:#111;--store-ink-2:#1119;--store-ink-3:#1116;--store-ease:cubic-bezier(.2, .8, .2, 1);letter-spacing:-.15px}.store-loop__panel{color:var(--store-ink);flex-direction:column;gap:12px;display:flex}.store-loop__stage{aspect-ratio:644/620;width:100%}.store-loop__stage svg{width:100%;height:100%;display:block}.store-loop__stage .cote text{fill:var(--store-accent);font-size:18px;font-family:var(--font-sans);font-variant-numeric:tabular-nums;letter-spacing:0}.store-loop__stage .pop{animation:store-pop .18s var(--store-ease)}@keyframes store-pop{0%{opacity:0}}.store-loop__bar{corner-shape:superellipse(1.4);background:#fff;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.store-loop__q{justify-content:space-between;font-size:13px;font-weight:500;display:flex}.store-loop__n{color:var(--store-ink-3);font-variant-numeric:tabular-nums;font-size:12px}.store-loop__field{height:40px;color:var(--store-ink-3);transition:box-shadow .2s var(--store-ease), background-color .2s var(--store-ease);background:#f5f5f5;border-radius:8px;align-items:center;gap:2px;padding:0 12px;font-size:14px;display:flex}.store-loop__field.is-filled{color:var(--store-ink)}.store-loop__field.is-typing{box-shadow:inset 0 0 0 1.5px var(--store-accent);background:#fff}.store-loop__v{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.store-loop__unit{color:var(--store-ink-2);margin-left:auto;font-size:13px}.store-loop__caret{background:var(--store-accent);width:1.5px;height:18px;animation:1s step-end infinite store-caret}@keyframes store-caret{50%{opacity:0}}.store-loop__steps{gap:4px;display:flex}.store-loop__steps span{height:3px;transition:background-color .24s var(--store-ease);background:#ececec;border-radius:999px;flex:1}.store-loop__steps .is-on{background:#ff400d59}.store-loop__steps .is-done{background:var(--store-accent)}@media (prefers-reduced-motion:reduce){.store-loop__stage .pop,.store-loop__caret{animation:none}}