.progress{display:flex;flex-direction:column;align-items:var(--block-justify, center);gap:1.2rem;text-align:var(--block-align, center);--progress-duration: 1.4s;--progress-easing: cubic-bezier(.33, 1, .68, 1)}.progress__label,.progress__sublabel{margin:0}.progress__label{color:rgb(var(--color-foreground));line-height:1.4}.progress__sublabel{font-size:.875em;color:rgba(var(--color-foreground),.7);line-height:1.45}.progress__text{display:flex;flex-direction:column;gap:.4rem;min-width:0}.progress__number{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight-bold, 700);font-size:var(--progress-number-size, 3.2rem);line-height:1;color:var(--progress-number-color, rgb(var(--color-foreground)));font-variant-numeric:tabular-nums;white-space:nowrap}.progress__visual{position:relative;flex:none;width:min(var(--progress-size, 14rem),100%)}.progress__svg{display:block;width:100%;height:auto;overflow:visible}.progress__track,.progress__fill{fill:none;stroke-linecap:round}.progress__track{stroke:var(--progress-track, rgba(var(--color-foreground), .1))}.progress__fill{stroke:var(--progress-fill, rgb(var(--color-accent-1)));stroke-dasharray:var(--progress-length) calc(var(--progress-length) + 1);stroke-dashoffset:calc(var(--progress-length) * (1 - var(--progress-value) / 100));transition:stroke-dashoffset var(--progress-duration) var(--progress-easing)}.progress--circle .progress__svg{transform:rotate(-90deg)}.progress--circle .progress__number,.progress--semicircle .progress__number{position:absolute;left:50%;transform:translate(-50%)}.progress--circle .progress__number{top:50%;transform:translate(-50%,-50%)}.progress--semicircle .progress__number{bottom:0}.progress--circle .progress__number{font-size:min(var(--progress-number-size, 3.2rem),calc(var(--progress-size, 14rem) * .3))}.progress[data-value="0"] .progress__fill{visibility:hidden}@media screen and (max-width:749px){.progress--mobile-inline:not(.progress--bar){flex-direction:row;align-items:center;text-align:start;gap:1.6rem}.progress--mobile-inline:not(.progress--bar) .progress__visual{width:min(var(--progress-size, 14rem),40%)}}@media screen and (min-width:750px){.progress--layout-inline:not(.progress--bar){flex-direction:row;align-items:center;text-align:start;gap:2rem}}.progress--bar{align-items:stretch;gap:.8rem}.progress__head{display:flex;align-items:baseline;justify-content:space-between;gap:1.6rem;text-align:start}.progress--bar .progress__number{font-size:min(var(--progress-number-size, 3.2rem),2.4rem)}.progress__bar{position:relative;height:var(--progress-thickness, .8rem);border-radius:10rem;background:var(--progress-track, rgba(var(--color-foreground), .1));overflow:hidden}.progress__bar-fill{position:absolute;inset-block:0;inset-inline-start:0;width:calc(var(--progress-value) * 1%);border-radius:inherit;background:var(--progress-fill, rgb(var(--color-accent-1)));transition:width var(--progress-duration) var(--progress-easing)}.progress--bar .progress__sublabel{text-align:start}story-progress[data-animate]:not([data-visible]) .progress__fill{stroke-dashoffset:var(--progress-length)}story-progress[data-animate]:not([data-visible]) .progress__bar-fill{width:0}@media(prefers-reduced-motion:reduce){.progress__fill,.progress__bar-fill{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-progress.css.map */