@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,700;9..144,900&family=Space+Grotesk:wght@400;500;700&display=swap";.temas-progress{margin:2rem auto;font-family:Space Grotesk,sans-serif;color:var(--ink);box-sizing:border-box}.temas-progress__top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.temas-progress__level{display:flex;align-items:baseline;flex-wrap:wrap}.temas-progress__current{font-family:Fraunces,serif;font-size:3.5rem;font-weight:900;line-height:1}.temas-progress__total{margin-left:10px;font-size:1rem;font-weight:700;opacity:.7}.temas-progress__percent{background:var(--accent);color:#fff;border-radius:999px;padding:10px 16px;font-weight:700;font-size:1rem;min-width:70px;text-align:center}.temas-progress__track{position:relative;height:30px;border-radius:999px;overflow:hidden;background:var(--bg);border:1px solid var(--ink)}.temas-progress__fill{display:block!important;position:absolute;left:0;top:0;height:100%;width:0;background:linear-gradient(90deg,var(--accent),#ff9db0);transition:width .6s ease}.temas-progress__progress-label{display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}.temas-progress__progress-label :first-child{margin-right:4px}.temas-progress__hint{display:flex;justify-content:center;align-items:center;text-align:center;font-size:1.4rem;font-weight:600;line-height:1.4;margin-top:32px;margin-bottom:0}.temas-progress__hint strong{color:var(--accent);margin:0 4px}.temas-progress__milestones{position:relative;margin-top:-30px}.milestone{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--ink);font-weight:700;font-size:1rem;transition:all .3s ease;position:absolute}.milestone span{pointer-events:none}.milestone.is-reached{background:var(--accent);color:#fff}.milestone.is-next{animation:tp-pulse 1.8s infinite}.milestone--final{font-size:1.3rem}.temas-progress.is-complete .temas-progress__fill{background:linear-gradient(90deg,#a0eff5,#d4fcff)}@keyframes tp-pulse{0%{box-shadow:0 0 #f85c7080}70%{box-shadow:0 0 0 18px #f85c7000}to{box-shadow:0 0 #f85c7000}}@media(max-width:749px){.temas-progress__top{flex-direction:column;align-items:flex-start}.temas-progress__current{font-size:2.75rem}.temas-progress__hint{font-size:1rem}}@media(max-width:480px){.milestone{font-size:.9rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/temas-progress.css.map */