.page-read-progress{flex:0 0 27.5rem;margin-bottom:2.5rem;position:-webkit-sticky;position:sticky;top:2.5rem;align-self:flex-start;height:max-content;display:flex;flex-direction:column;padding:2.5rem;border-radius:2.5rem;border:1px solid rgba(143,19,241,.6);background:rgba(44,8,87,.01)}@media(max-width:1600px){.page-read-progress{flex:0 0 23.125rem}}@media(max-width:1440px){.page-read-progress{flex:0 0 20.75rem}}@media(max-width:768px){.page-read-progress{width:100%;position:relative}}.page-read-progress-title{color:#fff;font-family:var(--font-sf-pro-display);font-size:1.75rem;font-weight:700;line-height:2.25rem}.page-read-progress-list{margin-top:2rem;display:flex;flex-direction:column;gap:.625rem}.page-read-progress-list-item{text-decoration:none;color:#fff;font-family:var(--font-sf-pro-text);font-size:1rem;font-weight:400;line-height:1.5rem;transition:.2s}.page-read-progress-list-item .hash,.page-read-progress-list-item.active,.page-read-progress-list-item:hover{color:#6eff7c}.page-read-progress-percent{margin-top:2.5rem;display:flex;justify-content:space-between;color:#fff}.page-read-progress-percent-item{font-family:var(--font-sf-pro-display);font-size:1rem;font-weight:400;line-height:1.5rem}.page-read-progress-bar{margin-top:.75rem;height:.5rem;border-radius:62.4375rem;background:hsla(0,0%,100%,.1);overflow:hidden}.page-read-progress-bar-fill{height:100%;width:0;background:linear-gradient(90deg,#3616fb,#8f13f1);transition:width .2s ease}h2[id],h3[id],h4[id]{scroll-margin-top:80px}