:root{--progress-bar-border-radius: var(--attest-border-radius);--size: 8px}.c-response-progress-bar{position:relative;height:8px;height:var(--size);flex:1 0 8px;flex:1 0 var(--size);border-radius:4px;border-radius:var(--progress-bar-border-radius);background:hsl(192,34.9%,91.6%);background:var(--attest-color-interactive-subdued-hover);transition:width .18s ease-in;transition:width var(--timing-default) ease-in}.c-response-progress-bar__progress{width:100%;height:100%;border-radius:4px;border-radius:var(--progress-bar-border-radius);background:hsl(189.7,100%,30.4%);background:var(--attest-color-interactive-default);font-size:.875rem;font-size:var(--attest-font-size-s)}.c-response-progress-bar--dot{width:8px;width:var(--size);flex:0 0 8px;flex:0 0 var(--size);border-radius:50%}.c-response-progress-bar--dot .c-response-progress-bar__progress{border-radius:50%}.c-response-progress-bar--state-invalid .c-response-progress-bar__progress{display:none}