.sprite-progress-bar{--sprite-progress-unit:2px;--sprite-progress-value:0;block-size:calc(17 * var(--sprite-progress-unit));min-inline-size:calc(33 * var(--sprite-progress-unit));display:block;position:relative}.sprite-progress-bar__track{grid-template-columns:calc(16 * var(--sprite-progress-unit)) minmax(0, 1fr) calc(16 * var(--sprite-progress-unit));pointer-events:none;grid-template-rows:100%;display:grid;position:absolute;inset:0}.sprite-progress-bar__window{block-size:calc(10 * var(--sprite-progress-unit));inset-block-start:calc(2 * var(--sprite-progress-unit));inset-inline:calc(3 * var(--sprite-progress-unit));pointer-events:none;position:absolute}.sprite-progress-bar__clip{block-size:100%;inline-size:calc(var(--sprite-progress-value) * 100%);transition:inline-size .32s cubic-bezier(.23,1,.32,1);position:absolute;inset-block-start:0;inset-inline-start:0;overflow:hidden}.sprite-progress-bar__fill{grid-template-columns:calc(13 * var(--sprite-progress-unit)) minmax(0, 1fr) calc(4 * var(--sprite-progress-unit));inline-size:100%;min-inline-size:calc(17 * var(--sprite-progress-unit));grid-template-rows:100%;display:grid;position:absolute;inset-block:0;inset-inline-end:0}.sprite-progress-bar__slice{image-rendering:crisp-edges;image-rendering:pixelated}.sprite-progress-bar__track>:nth-child(2) .sprite-progress-bar__slice{inline-size:calc(100% + 1px)}@media (prefers-reduced-motion:reduce){.sprite-progress-bar__clip{transition:none}}