.container.svelte-1qs60oh{display:inline-flex;flex-direction:column;text-align:center;position:relative;height:var(--size);font-size:var(--size);top:var(--offset);transition:top .5s cubic-bezier(.85,0,.15,1)}.container.svelte-1qs60oh .digit:where(.svelte-1qs60oh){transition:opacity .5s ease-in;opacity:.2}.container.svelte-1qs60oh .active:where(.svelte-1qs60oh){opacity:1}.digits.svelte-18gdytg{display:inline-flex;justify-content:center;align-items:center;overflow:hidden}.progressbar.svelte-1oyy5pf{position:relative}.progressbar.svelte-1oyy5pf .value:where(.svelte-1oyy5pf){position:relative;top:0;left:calc(var(--progress) / 2);width:fit-content;transform:translate(calc(-.5 * var(--progress)));transition:all 2s ease;z-index:4}.progressbar.svelte-1oyy5pf .value.labelInside:where(.svelte-1oyy5pf){position:absolute;padding:0 .25rem;font-size:calc(var(--thickness) * .75);top:calc(var(--thickness) / 4)}.progressbar.svelte-1oyy5pf .progress:where(.svelte-1oyy5pf){position:relative;box-sizing:content-box;width:100%;height:var(--thickness);overflow:hidden;background:linear-gradient(-45deg,var(--color-1) 10%,var(--color-2) 10%,var(--color-2) 20%,var(--color-1) 20%,var(--color-1) 30%,var(--color-2) 30%,var(--color-2) 40%,var(--color-1) 40%,var(--color-1) 50%,var(--color-2) 50%,var(--color-2) 60%,var(--color-1) 60%,var(--color-1) 70%,var(--color-2) 70%,var(--color-2) 80%,var(--color-1) 80%,var(--color-1) 90%,var(--color-2) 90%,var(--color-2));border:1px solid var(--border-color);box-shadow:1px 2px 5px var(--shadow),inset .25rem .25rem .5rem var(--color-1),inset -.25rem -.25rem .5rem var(--color-2);border-radius:var(--thickness);z-index:1}.progressbar.svelte-1oyy5pf .progress:where(.svelte-1oyy5pf):before{content:"";display:block;position:absolute;top:0;left:0;box-sizing:content-box;width:var(--progress);max-width:var(--progress);height:var(--thickness);border-radius:--thickness;background:linear-gradient(60deg,transparent,rgba(255,255,255,.5),transparent);z-index:3;animation:10s ease-out infinite svelte-1oyy5pf-progress}.progressbar.svelte-1oyy5pf .progress:where(.svelte-1oyy5pf):after{content:"";display:block;position:absolute;top:0;left:0;box-sizing:content-box;width:var(--progress);max-width:var(--progress);min-width:var(--thickness);height:var(--thickness);border-radius:calc(var(--thickness) / 2);background-color:var(--color-3);z-index:2;box-shadow:inset .25rem .25rem .5rem var(--color-4),inset -.25rem -.25rem .5rem var(--color-5);transition:all 2s ease}@keyframes svelte-1oyy5pf-progress{0%{width:0%;opacity:0}1%{width:5%;opacity:1}2%{width:10%}5%{left:calc(var(--progress) - 45%);width:20%}8%{width:10%;left:calc(var(--progress) - 10%)}9%{width:5%;left:calc(var(--progress) - 5%)}10%{width:0%;opacity:0;left:calc(var(--progress) - 0%)}to{width:0%}}
