.progress-bar-container.svelte-1esx0kw{display:flex;flex-direction:column;gap:.75rem;padding:1rem;box-shadow:0 1px 3px #0003;background-color:var(--color-tile);border-radius:12px;border:1px solid var(--color-light)}.progress-bar-container.compact.svelte-1esx0kw{gap:.5rem;padding:.75rem}@media (min-width: 768px){.progress-bar-container.compact.svelte-1esx0kw{padding:1rem}}.progress-bar-container.large.svelte-1esx0kw{gap:1rem;padding:1.5rem}@media (min-width: 768px){.progress-bar-container.large.svelte-1esx0kw{padding:2rem}}@media (min-width: 768px){.progress-bar-container.svelte-1esx0kw{padding:1.5rem}}.progress-header.svelte-1esx0kw{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}@media (min-width: 768px){.progress-header.svelte-1esx0kw{gap:1rem}}.progress-title.svelte-1esx0kw{font-size:var(--text-14);font-weight:600;color:var(--color-on-surface);margin:0}@media (min-width: 768px){.progress-title.svelte-1esx0kw{font-size:var(--text-16)}}.progress-stats.svelte-1esx0kw{display:flex;align-items:center;gap:.5rem;font-size:var(--text-12);font-weight:500}@media (min-width: 768px){.progress-stats.svelte-1esx0kw{font-size:var(--text-14)}}.current.svelte-1esx0kw,.total.svelte-1esx0kw{color:var(--color-on-surface);font-weight:700}.separator.svelte-1esx0kw{color:var(--color-on-surface-variant)}.label.svelte-1esx0kw{color:var(--color-on-surface-variant);font-size:var(--text-11)}@media (min-width: 768px){.label.svelte-1esx0kw{font-size:var(--text-12)}}.percentage.svelte-1esx0kw{color:var(--color-on-surface-variant);font-size:var(--text-11)}@media (min-width: 768px){.percentage.svelte-1esx0kw{font-size:var(--text-12)}}.compact.svelte-1esx0kw .percentage:where(.svelte-1esx0kw){font-size:var(--text-10)}@media (min-width: 768px){.compact.svelte-1esx0kw .percentage:where(.svelte-1esx0kw){font-size:var(--text-11)}}.large.svelte-1esx0kw .percentage:where(.svelte-1esx0kw){font-size:var(--text-12)}@media (min-width: 768px){.large.svelte-1esx0kw .percentage:where(.svelte-1esx0kw){font-size:var(--text-13)}}.progress-bar.svelte-1esx0kw{width:100%;height:8px;background:var(--color-light);border-radius:9999px;overflow:hidden}.progress-fill.svelte-1esx0kw{height:100%;border-radius:9999px;transition:width .3s ease}