@keyframes linear-indeterminate{0%{width:var(--progress-bar-indicator-height)}50%{width:calc(100% - var(--vp-semantic-border-width-s)*2)}to{inset-inline-end:var(--vp-semantic-border-width-s);width:var(--progress-bar-indicator-height)}}@keyframes circular-indeterminate{0%{stroke-dashoffset:var(--progress-bar-circular-stroke-dasharray);transform:rotate(-90deg)}50%{transform:rotate(270deg);stroke-dashoffset:0}to{stroke-dashoffset:var(--progress-bar-circular-stroke-dasharray);transform:rotate(990deg)}}.vp-progress-bar{--progress-bar-circular-stroke-dasharray:unset;--progress-bar-circular-stroke-dashoffset:unset;--progress-bar-indicator-percentage-value:unset;--progress-bar-indicator-full-value-border-radius:0;--progress-bar-track-border-stroke-width:0.5px;--progress-bar-display:grid;--progress-bar-height:initial;--progress-bar-width:var(--progress-bar-container-width);--progress-bar-gap:var(--vp-semantic-spacing-xs);--progress-bar-label-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-body-m-webkit-font-smoothing);--progress-bar-label-text-transform:var(--vp-semantic-typography-screen-s-body-m-text-case);--progress-bar-label-text-decoration:var(--vp-semantic-typography-screen-s-body-m-text-decoration);--progress-bar-label-letter-spacing:var(--vp-semantic-typography-screen-s-body-m-letter-spacing);--progress-bar-label-font-size:var(--vp-semantic-typography-screen-s-body-m-font-size);--progress-bar-label-line-height:var(--vp-semantic-typography-screen-s-body-m-line-height);--progress-bar-label-font-weight:var(--vp-semantic-typography-screen-s-body-m-font-weight);--progress-bar-label-font-family:var(--vp-semantic-typography-screen-s-body-m-font-family);--progress-bar-container-height:var(--vp-semantic-sizing-xs);--progress-bar-container-width:100%;--progress-bar-indicator-height:var(--vp-semantic-sizing-xs)}.vp-progress-bar[data-shape=circular]{--progress-bar-display:block;--progress-bar-height:var(--progress-bar-container-height);--progress-bar-label-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-title-m-webkit-font-smoothing);--progress-bar-label-text-transform:var(--vp-semantic-typography-screen-s-title-m-text-case);--progress-bar-label-text-decoration:var(--vp-semantic-typography-screen-s-title-m-text-decoration);--progress-bar-label-letter-spacing:var(--vp-semantic-typography-screen-s-title-m-letter-spacing);--progress-bar-label-font-size:var(--vp-semantic-typography-screen-s-title-m-font-size);--progress-bar-label-line-height:var(--vp-semantic-typography-screen-s-title-m-line-height);--progress-bar-label-font-weight:var(--vp-semantic-typography-screen-s-title-m-font-weight);--progress-bar-label-font-family:var(--vp-semantic-typography-screen-s-title-m-font-family);--progress-bar-container-height:var(--vp-semantic-sizing-9xl);--progress-bar-container-width:var(--vp-semantic-sizing-9xl);--progress-bar-indicator-stroke-width:var(--vp-semantic-sizing-2xs);--progress-bar-image-height:calc(var(--progress-bar-container-height) - (var(--progress-bar-indicator-stroke-width) + var(--progress-bar-track-border-stroke-width))*2);--progress-bar-image-width:calc(var(--progress-bar-container-width) - (var(--progress-bar-indicator-stroke-width) + var(--progress-bar-track-border-stroke-width))*2)}.vp-progress-bar--small{--progress-bar-gap:var(--vp-semantic-spacing-2xs);--progress-bar-label-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-body-s-webkit-font-smoothing);--progress-bar-label-text-transform:var(--vp-semantic-typography-screen-s-body-s-text-case);--progress-bar-label-text-decoration:var(--vp-semantic-typography-screen-s-body-s-text-decoration);--progress-bar-label-letter-spacing:var(--vp-semantic-typography-screen-s-body-s-letter-spacing);--progress-bar-label-font-size:var(--vp-semantic-typography-screen-s-body-s-font-size);--progress-bar-label-line-height:var(--vp-semantic-typography-screen-s-body-s-line-height);--progress-bar-label-font-weight:var(--vp-semantic-typography-screen-s-body-s-font-weight);--progress-bar-label-font-family:var(--vp-semantic-typography-screen-s-body-s-font-family);--progress-bar-container-height:var(--vp-semantic-sizing-2xs);--progress-bar-indicator-height:var(--vp-semantic-sizing-2xs)}.vp-progress-bar--small[data-shape=circular]{--progress-bar-label-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-subtitle-m-webkit-font-smoothing);--progress-bar-label-text-transform:var(--vp-semantic-typography-screen-s-subtitle-m-text-case);--progress-bar-label-text-decoration:var(--vp-semantic-typography-screen-s-subtitle-m-text-decoration);--progress-bar-label-letter-spacing:var(--vp-semantic-typography-screen-s-subtitle-m-letter-spacing);--progress-bar-label-font-size:var(--vp-semantic-typography-screen-s-subtitle-m-font-size);--progress-bar-label-line-height:var(--vp-semantic-typography-screen-s-subtitle-m-line-height);--progress-bar-label-font-weight:var(--vp-semantic-typography-screen-s-subtitle-m-font-weight);--progress-bar-label-font-family:var(--vp-semantic-typography-screen-s-subtitle-m-font-family);--progress-bar-container-height:var(--vp-semantic-sizing-6xl);--progress-bar-container-width:var(--vp-semantic-sizing-6xl);--progress-bar-indicator-stroke-width:var(--vp-semantic-sizing-2xs)}.vp-progress-bar{display:var(--progress-bar-display);grid-template-areas:"label value" "bar bar";height:var(--progress-bar-height);position:relative;row-gap:var(--progress-bar-gap);width:var(--progress-bar-width);-webkit-font-smoothing:var(--progress-bar-label-webkit-font-smoothing);font-family:var(--progress-bar-label-font-family);font-size:var(--progress-bar-label-font-size);font-weight:var(--progress-bar-label-font-weight);letter-spacing:var(--progress-bar-label-letter-spacing);line-height:var(--progress-bar-label-line-height);-webkit-text-decoration:var(--progress-bar-label-text-decoration);text-decoration:var(--progress-bar-label-text-decoration);text-transform:var(--progress-bar-label-text-transform)}.vp-progress-bar__label{grid-area:label}[data-shape=circular] .vp-progress-bar__label,[data-state=indeterminate] .vp-progress-bar__label{display:none}.vp-progress-bar__value-text{grid-area:value;justify-self:self-end}[data-shape=circular] .vp-progress-bar__value-text{inset-block-start:50%;inset-inline-start:50%;position:absolute;transform:translate(-50%,-50%)}[data-state=indeterminate] .vp-progress-bar__value-text{display:none}.vp-progress-bar__media{height:var(--progress-bar-image-height);inset-block-start:50%;inset-inline-start:50%;position:absolute;transform:translate(-50%,-50%);width:var(--progress-bar-image-width)}.vp-progress-bar__media>img{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.vp-progress-bar__container{border-radius:var(--vp-semantic-border-radius-full);height:var(--progress-bar-container-height);width:var(--progress-bar-container-width)}.vp-progress-bar__track{block-size:100%;inline-size:100%;fill:transparent;stroke:var(--vp-semantic-color-container-quiet);stroke-width:var(--progress-bar-indicator-stroke-width)}.vp-progress-bar__track-border{fill:none;stroke:var(--vp-semantic-color-border-quiet);stroke-width:var(--progress-bar-track-border-stroke-width)}[data-shape=linear] .vp-progress-bar__indicator{background-color:var(--vp-semantic-color-container-quiet);border:var(--vp-semantic-border-width-s) solid var(--vp-semantic-color-border-quiet);border-radius:var(--vp-semantic-border-radius-full);grid-area:bar;height:calc(var(--vp-semantic-border-width-s)*2 + var(--progress-bar-container-height));width:var(--progress-bar-container-width)}[data-shape=linear] .vp-progress-bar__indicator:before{background-color:var(--vp-semantic-color-content-brand);border-radius:var(--vp-semantic-border-radius-full) var(--progress-bar-indicator-full-value-border-radius) var(--progress-bar-indicator-full-value-border-radius) var(--vp-semantic-border-radius-full);content:"";display:inline-block;height:var(--progress-bar-container-height);max-width:calc(var(--progress-bar-container-width) - var(--vp-semantic-border-width-s)*2);position:absolute;width:var(--progress-bar-indicator-percentage-value)}[data-state=indeterminate][data-shape=linear] .vp-progress-bar__indicator:before{animation:linear-indeterminate 1.5s ease-in-out infinite;border-radius:var(--vp-semantic-border-radius-full)}[data-shape=circular] .vp-progress-bar__indicator{fill:transparent;stroke:var(--vp-semantic-color-content-brand);stroke-dasharray:var(--progress-bar-circular-stroke-dasharray);stroke-dashoffset:var(--progress-bar-circular-stroke-dashoffset);stroke-width:var(--progress-bar-indicator-stroke-width);transform:rotate(-90deg);transform-origin:center;transition:all .2s}[data-state=indeterminate][data-shape=circular] .vp-progress-bar__indicator{animation:circular-indeterminate 4s linear infinite}