/* Rolling-counter presentation derives its palette from the shared Design Brain. */
.sales-counter[hidden],.sales-counter [hidden]{display:none!important}
.sales-counter{padding:24px;background:var(--pdb-bg-surface-raised);font-family:inherit}
.sales-counter__stage{container-type:inline-size;box-sizing:border-box;max-width:600px;margin:auto;padding:24px;border-radius:18px;background:var(--pdb-purp-midnight);color:var(--pdb-purp-pearl)}
.sales-counter__logo{width:3.3em;height:auto;object-fit:contain}
.sales-counter__currencies{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:12px;color:var(--pdb-purp-lavender);font-size:12px}
.sales-counter__currencies select{box-sizing:border-box;min-height:44px;max-width:100%;border:1px solid var(--pdb-purp-lavender);border-radius:8px;padding:6px 12px;background:var(--pdb-purp-plum);color:var(--pdb-purp-pearl);font:inherit}
.sales-counter__currencies select:focus-visible{outline:3px solid var(--pdb-champagne-accent);outline-offset:4px}
.sales-counter__body{padding:0;text-align:center}
.sales-counter__title{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.35em;margin:0;font-size:18px;font-weight:500;line-height:1.4;letter-spacing:-.03em;color:var(--pdb-purp-lavender)}
.sales-counter__display{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px}
.sales-counter__symbol{flex:none;max-width:25%;overflow-wrap:anywhere;color:var(--pdb-champagne-accent);font-size:14px;font-weight:500;letter-spacing:-.02em}
.sales-counter__number{display:flex;align-items:center;justify-content:center;gap:.045em;white-space:nowrap;font-size:min(46px,calc(106cqw / (var(--sales-character-count,12) + 2)));font-weight:600;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.sales-counter__digit{position:relative;display:block;flex:none;width:.64em;height:1.22em;overflow:hidden;border-radius:.095em;color:var(--pdb-purp-pearl);background:linear-gradient(180deg,color-mix(in srgb,var(--pdb-purp-lavender) 18%,var(--pdb-purp-plum)),var(--pdb-purp-plum) 49.6%,var(--pdb-purp-midnight) 50.4%,var(--pdb-purp-plum));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--pdb-purp-pearl) 10%,transparent),0 4px 5px color-mix(in srgb,var(--pdb-purp-midnight) 30%,transparent)}
.sales-counter__digit::after{content:"";position:absolute;inset:50% 0 auto;height:1px;background:color-mix(in srgb,var(--pdb-purp-midnight) 60%,transparent);pointer-events:none}
.sales-counter__reel{display:block}.sales-counter__reel>span{display:flex;height:1.22em;align-items:center;justify-content:center;padding-right:.025em}
.sales-counter__cent{font-size:.5em;color:var(--pdb-purp-lavender)}
.sales-counter__punctuation{color:var(--pdb-champagne-accent);width:.2em;text-align:center}
.sales-counter__caption{margin:12px 0 0;font-size:12px;line-height:1.5;color:var(--pdb-purp-lavender);text-wrap:balance}
.sales-counter__announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@container(max-width:360px){.sales-counter__title{font-size:16px}.sales-counter__symbol{font-size:12px}.sales-counter__display{gap:8px}}
@media(max-width:420px){.sales-counter{padding:24px 16px}.sales-counter__stage{padding:24px 16px}}
@media(prefers-reduced-motion:reduce){.sales-counter__reel{animation:none;transition:none}}
