.progressbar-wrap.svelte-9q1f8y{gap:var(--spacing-f2);width:var(--progress-bar-width,auto);height:var(--progress-bar-height,auto);--message-row:1;--progress-bar-row:2;--percentage-row:3;grid-template-columns:minmax(100px,1fr);grid-auto-rows:auto;display:grid;position:relative}.data-grid.svelte-9q1f8y{grid-template-columns:1fr auto 1fr;height:auto;display:grid}.data-grid.svelte-9q1f8y .data:where(.svelte-9q1f8y){pointer-events:none;grid-column:2;place-self:center}.message.svelte-9q1f8y{padding-bottom:var(--spacing)}.hint.svelte-9q1f8y{font-size:var(--progress-bar-hint-font-size);margin-bottom:var(--spacing)}.progressbar-grid.svelte-9q1f8y{grid-row:var(--progress-bar-row);grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;display:grid}.line.svelte-9q1f8y{height:var(--progress-bar-line-height);background-color:var(--progress-bar-background-color);grid-area:1/1/auto/8;align-self:center}.indeterminate.svelte-9q1f8y{background:linear-gradient(90deg, transparent, var(--progress-bar-identerminate-color,white), transparent);background-size:200% 100%;animation:3s linear infinite svelte-9q1f8y-indeterminate-gradient}.mask.svelte-9q1f8y{grid-row:var(--progress-bar-row);width:50%;transition:width .3s;position:absolute;left:0;overflow:hidden}.mask.svelte-9q1f8y svg{fill:var(--progress-bar-progress-color)}.mask.svelte-9q1f8y .line:where(.svelte-9q1f8y){background-color:var(--progress-bar-progress-color)}@keyframes svelte-9q1f8y-indeterminate-gradient{0%{background-position:100% 0}to{background-position:-100% 0}}