.pw{width:100%}.pw__inner{max-width:640px;margin:0 auto;padding:0 24px;text-align:center}.pw__h2{margin:0 0 16px;font-size:.95rem;font-weight:800;letter-spacing:-.01em;color:#0a0a0a}.pw__meter{position:relative}.pw__track{position:absolute;top:5px;left:8%;right:8%;height:4px;border-radius:999px;background:#0a0a0a1f;overflow:hidden}.pw__fill{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#d4a017,#e8b84b 55%,#c0392b);transition:width .55s cubic-bezier(.3,.8,.4,1)}.pw__steps{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr}.pw__step{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.pw__dot{width:14px;height:14px;border-radius:50%;background:#e6e8ec;box-shadow:0 0 0 3px #f7f8fa;transition:background .3s ease,transform .3s ease}.pw__step.is-on .pw__dot{background:#d4a017;transform:scale(1.15)}.pw__step.is-top.is-on .pw__dot{background:#c0392b}.pw__n{font-size:.72rem;font-weight:700;color:#9aa1ac;font-variant-numeric:tabular-nums;transition:color .3s ease}.pw__step.is-on .pw__n{color:#0a0a0a}.pw__pct{font-size:.82rem;font-weight:900;letter-spacing:-.02em;color:#c9ced6;font-variant-numeric:tabular-nums;transition:color .3s ease,transform .3s ease}.pw__step.is-on .pw__pct{color:#b8860b}.pw__step.is-top.is-on .pw__pct{color:#c0392b}.pw__step.just-unlocked .pw__pct{transform:scale(1.18)}.pw__status{margin:16px 0 0;font-size:.85rem;font-weight:700;line-height:1.35;color:#0a0a0a;min-height:1.2em}.pw__status strong{color:#b8860b}.pw__note{margin:6px 0 0;font-size:.72rem;color:#8a8a8a}.pw--dark .pw__h2{color:#fff}.pw--dark .pw__track{background:#ffffff24}.pw--dark .pw__dot{background:#ffffff38;box-shadow:0 0 0 3px #232427}.pw--dark .pw__n{color:#ffffff80}.pw--dark .pw__step.is-on .pw__n{color:#fff}.pw--dark .pw__pct{color:#ffffff47}.pw--dark .pw__step.is-on .pw__pct{color:#e8b84b}.pw--dark .pw__step.is-top.is-on .pw__pct{color:#ff7a68}.pw--dark .pw__step.is-on .pw__dot{background:#e8b84b}.pw--dark .pw__step.is-top.is-on .pw__dot{background:#ff7a68}.pw--dark .pw__status{color:#fff}.pw--dark .pw__status strong{color:#e8b84b}.pw--dark .pw__note{color:#ffffff73}@media(max-width:480px){.pw__inner{padding:0 16px}.pw__pct{font-size:.74rem}.pw__status{font-size:.8rem}}@media(prefers-reduced-motion:reduce){.pw__fill,.pw__dot,.pw__n,.pw__pct{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/paketwahl.css.map */