.block-progress{--bp-on:var(--green);--bp-off:color-mix(in srgb,var(--text) 10%,transparent);--bp-edge:color-mix(in srgb,var(--text) 72%,transparent);gap:7px;min-width:0;display:grid}.block-progress.is-inline{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.block-progress-legend{color:var(--muted);justify-content:space-between;align-items:baseline;gap:10px;font-size:12.5px;font-weight:600;display:flex}.block-progress-value{color:var(--text);font-variant-numeric:tabular-nums;transform-origin:100%;font-size:14px;font-weight:700;display:inline-block}.block-progress.is-full .block-progress-value{color:var(--green)}.block-progress-track{background:var(--surface2);min-width:0;height:20px;box-shadow:0 -3px 0 0 var(--bp-edge),0 3px 0 0 var(--bp-edge),-3px 0 0 0 var(--bp-edge),3px 0 0 0 var(--bp-edge);grid-template-columns:repeat(20,minmax(0,1fr));gap:2px;margin:3px;padding:3px;display:grid;position:relative;overflow:hidden}.block-progress-track>i{background:var(--bp-off);min-width:0;display:block;position:relative}.block-progress-track>i[data-on]{background:var(--bp-on);box-shadow:inset 0 -3px #00000040}.block-progress-track>i[data-part]:before{content:"";background:var(--bp-on);-webkit-mask:var(--tx-bayer-25) 0 0/8px 8px repeat;-webkit-mask:var(--tx-bayer-25) 0 0/8px 8px repeat;mask:var(--tx-bayer-25) 0 0/8px 8px repeat;position:absolute;inset:0}.block-progress-track>i[data-part="50"]:before{-webkit-mask-image:var(--tx-bayer-50);-webkit-mask-image:var(--tx-bayer-50);mask-image:var(--tx-bayer-50)}.block-progress-track>i[data-part="75"]:before{-webkit-mask-image:var(--tx-bayer-75);-webkit-mask-image:var(--tx-bayer-75);mask-image:var(--tx-bayer-75)}[data-theme=light] .block-progress{--bp-edge:color-mix(in srgb,var(--text) 80%,transparent)}[data-theme=light] .block-progress-track>i[data-on]{box-shadow:inset 0 -3px #0000002e}@media (hover:hover) and (prefers-reduced-motion:no-preference){.block-progress-track:after{content:"";pointer-events:none;opacity:0;width:24%;-webkit-mask:var(--tx-bayer-50) 0 0/8px 8px repeat;-webkit-mask:var(--tx-bayer-50) 0 0/8px 8px repeat;mask:var(--tx-bayer-50) 0 0/8px 8px repeat;background:linear-gradient(90deg,#0000,#ffffff8c,#0000);position:absolute;top:0;bottom:0;left:0}.block-progress:hover .block-progress-track>i[data-on]{animation:bp-ripple .42s steps(3,end) calc(var(--d) * 28ms) both}.block-progress:hover .block-progress-track:after{animation:.9s steps(12,end) both bp-shimmer}.block-progress:hover .block-progress-value{animation:.36s cubic-bezier(.34,1.56,.64,1) both bp-pop}}@keyframes bp-ripple{0%,to{filter:none;translate:0}40%{filter:brightness(1.45)saturate(1.2);translate:0 -2px}}@keyframes bp-shimmer{0%{opacity:1;transform:translate(-110%)}to{opacity:1;transform:translate(430%)}}@keyframes bp-pop{0%,to{transform:none}45%{transform:scale(1.14)}}