.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:.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-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-label-font-optical-sizing:var(--vp-semantic-typography-screen-s-body-m-optical-sizing);--progress-bar-label-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-body-m-webkit-font-smoothing);--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-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-label-font-optical-sizing:var(--vp-semantic-typography-screen-s-title-m-optical-sizing);--progress-bar-label-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-title-m-webkit-font-smoothing);--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-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-label-font-optical-sizing:var(--vp-semantic-typography-screen-s-body-s-optical-sizing);--progress-bar-label-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-body-s-webkit-font-smoothing);--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-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-label-font-optical-sizing:var(--vp-semantic-typography-screen-s-subtitle-m-optical-sizing);--progress-bar-label-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-subtitle-m-webkit-font-smoothing);--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);font-family:var(--progress-bar-label-font-family);font-optical-sizing:var(--progress-bar-label-font-optical-sizing);font-size:var(--progress-bar-label-font-size);font-weight:var(--progress-bar-label-font-weight);height:var(--progress-bar-height);letter-spacing:var(--progress-bar-label-letter-spacing);line-height:var(--progress-bar-label-line-height);row-gap:var(--progress-bar-gap);-webkit-text-decoration:var(--progress-bar-label-text-decoration);-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);width:var(--progress-bar-width);-webkit-font-smoothing:var(--progress-bar-label-webkit-font-smoothing);grid-template-areas:"label value""bar bar";position:relative}.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{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}[data-state=indeterminate] .vp-progress-bar__value-text{display:none}.vp-progress-bar__media{height:var(--progress-bar-image-height);width:var(--progress-bar-image-width);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.vp-progress-bar__media>img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height: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{fill:#0000;block-size:100%;inline-size:100%;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);box-sizing:border-box;height:calc(var(--vp-semantic-border-width-s)*2 + var(--progress-bar-container-height));width:var(--progress-bar-container-width);grid-area:bar}[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:"";height:var(--progress-bar-container-height);max-width:calc(var(--progress-bar-container-width) - var(--vp-semantic-border-width-s)*2);width:var(--progress-bar-indicator-percentage-value);display:inline-block;position:absolute}[data-state=indeterminate][data-shape=linear] .vp-progress-bar__indicator:before{border-radius:var(--vp-semantic-border-radius-full);animation:1.5s ease-in-out infinite linear-indeterminate}[data-shape=circular] .vp-progress-bar__indicator{fill:#0000;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-origin:50%;transition:all .2s;transform:rotate(-90deg)}[data-state=indeterminate][data-shape=circular] .vp-progress-bar__indicator{animation:4s linear infinite circular-indeterminate}@keyframes linear-indeterminate{0%{width:var(--progress-bar-indicator-height)}50%{width:calc(100% - var(--vp-semantic-border-width-s)*2)}to{width:var(--progress-bar-indicator-height);inset-inline-end:var(--vp-semantic-border-width-s)}}@keyframes circular-indeterminate{0%{stroke-dashoffset:var(--progress-bar-circular-stroke-dasharray);transform:rotate(-90deg)}50%{stroke-dashoffset:0;transform:rotate(270deg)}to{stroke-dashoffset:var(--progress-bar-circular-stroke-dasharray);transform:rotate(990deg)}}