.reading-progress{z-index:96;top:0;background:color-mix(in srgb, var(--reading-progress-accent) 16%, transparent);pointer-events:none;height:3px;position:fixed;inset-inline:0}.reading-progress__bar{background:var(--reading-progress-accent);transform-origin:0;will-change:transform;height:100%;transition:transform .12s linear}.reading-progress__top{z-index:95;border:1px solid color-mix(in srgb, var(--reading-progress-accent) 40%, transparent);width:2.75rem;height:2.75rem;color:var(--reading-progress-accent);cursor:pointer;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(10px)saturate(.85);backdrop-filter:blur(10px)saturate(.85);background:#f3efe6eb;border-radius:999px;place-items:center;padding:0;font-size:1.1rem;line-height:1;transition:opacity .2s,transform .2s,background .2s;display:grid;position:fixed;inset-block-end:clamp(1rem,3vw,2rem);inset-inline-end:clamp(1rem,3vw,2rem);transform:translateY(.5rem);box-shadow:0 .5rem 1.75rem #14110e24}.reading-progress__top[data-visible=true]{opacity:1;pointer-events:auto;transform:translateY(0)}.reading-progress__top:hover{background:#f3efe6fa}.reading-progress__top:focus-visible{outline:2px solid var(--reading-progress-accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){.reading-progress__bar,.reading-progress__top{transition:none}}