/* Reading progress bar (inc/progress.php). Phone first; the fill is a transform, so scrolling causes no layout work. */
.ih-progress{
 --ih-progress-h:3px;
 --ih-progress-fill:var(--wp--preset--color--accent-1);
 --ih-progress-track:transparent;
 position:fixed;left:0;right:0;z-index:99990;
 height:var(--ih-progress-h);
 background:var(--ih-progress-track);
 pointer-events:none;
}
.ih-progress[hidden]{display:none}
.ih-progress--top{top:0}
.ih-progress--bottom{bottom:0}
.ih-progress__fill{
 display:block;height:100%;
 background:var(--ih-progress-fill);
 transform:scaleX(var(--ih-read,0));transform-origin:0 50%;
 transition:transform .1s linear;
}
[dir="rtl"] .ih-progress__fill{transform-origin:100% 50%}
/* Below 601px the admin bar scrolls away with the page and the bar sits under it (z-index 99999) until then; above, it starts below the admin bar. */
@media (min-width:601px){
 .admin-bar .ih-progress--top{top:var(--wp-admin--admin-bar--height,32px)}
}
@media (prefers-reduced-motion:reduce){
 .ih-progress__fill{transition:none}
}
@media print{
 .ih-progress{display:none}
}