.process-scrub-meter{align-items:center;gap:var(--grid-unit);height:var(--grid-unit);pointer-events:none;margin-inline-start:auto;display:flex}.process-scrub-count{min-width:calc(var(--grid-unit)*2);text-align:right;color:var(--text-secondary)}.process-scrub-count-now{color:var(--utility-cyan)}.process-scrub-rule{--process-scrub-line:calc(var(--grid-unit)/2);--process-scrub-stop:calc(var(--grid-unit)/2);--process-scrub-tick:calc(var(--grid-unit)/4);width:calc(var(--grid-unit)*var(--process-scrub-steps,5));height:var(--grid-unit);background-image:linear-gradient(color-mix(in srgb,var(--foreground)44%,transparent)0 0),linear-gradient(color-mix(in srgb,var(--foreground)44%,transparent)0 0),repeating-linear-gradient(to right,color-mix(in srgb,var(--foreground)26%,transparent)0 1px,transparent 1px var(--grid-unit)),linear-gradient(color-mix(in srgb,var(--foreground)18%,transparent)0 0);background-repeat:no-repeat;background-size:1px var(--process-scrub-stop),1px var(--process-scrub-stop),calc(100% - var(--grid-unit))var(--process-scrub-tick),100% 1px;background-position:left 0 top calc(var(--process-scrub-line) - var(--process-scrub-stop)/2),right 0 top calc(var(--process-scrub-line) - var(--process-scrub-stop)/2),left var(--grid-unit)top calc(var(--process-scrub-line) - var(--process-scrub-tick)/2),left 0 top var(--process-scrub-line);flex:none;display:block;position:relative}.process-scrub-rule-fill{background-color:var(--utility-cyan);transform-origin:0;width:100%;height:1px;display:block;position:absolute;inset-block-start:var(--process-scrub-line);inset-inline-start:0}@media (max-width:639px){.process-scrub-count{display:none}}