.article-reading-nav{--reading-nav-accent: rgb(var(--color-foreground));--reading-nav-muted: rgba(var(--color-foreground), .58);--reading-nav-border: rgba(var(--color-foreground), .12);--reading-nav-surface: rgb(var(--color-background));--reading-nav-desktop-surface: rgb(var(--color-background));--reading-nav-desktop-border: rgba(var(--color-foreground), .12);--reading-nav-desktop-shadow-opacity: .08;--reading-nav-mobile-surface: rgb(var(--color-background))}.article-reading-nav__desktop{display:none}.article-reading-nav:not(.is-reading-content) .article-reading-nav__mobile,.article-reading-nav:not(.is-reading-content) .article-reading-nav__desktop{opacity:0;pointer-events:none}.article-template__content h2,.article-template__content h3{scroll-margin-top:9rem}.article-reading-nav__mobile{position:fixed;right:1.2rem;bottom:1.2rem;left:1.2rem;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;min-height:5.2rem;padding:1rem 1.2rem;color:rgb(var(--color-foreground));background:var(--reading-nav-mobile-surface);border:.1rem solid var(--reading-nav-border);box-shadow:0 1.2rem 3.2rem rgba(var(--color-shadow),.18);transition:opacity .16s ease}.article-reading-nav__mobile-progress{position:absolute;top:-.1rem;left:0;width:0%;height:.2rem;background:var(--reading-nav-accent);transition:width .12s ease}.article-reading-nav__mobile-time,.article-reading-nav__time{color:var(--reading-nav-muted);font-size:1.2rem;line-height:1.3}.article-reading-nav__toggle,.article-reading-nav__close{-webkit-appearance:none;appearance:none;color:rgb(var(--color-foreground));background:transparent;border:0;cursor:pointer;font:inherit}.article-reading-nav__toggle{min-height:3.6rem;padding:0 1rem;border-left:.1rem solid var(--reading-nav-border);font-size:1.3rem}.article-reading-nav__drawer{position:fixed;right:0;bottom:0;left:0;z-index:31;max-height:62vh;padding:1.6rem 1.8rem 2rem;overflow-y:auto;color:rgb(var(--color-foreground));background:var(--reading-nav-mobile-surface);border-top:.1rem solid var(--reading-nav-border);box-shadow:0 -1.2rem 3.2rem rgba(var(--color-shadow),.18)}.article-reading-nav__drawer-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.article-reading-nav__eyebrow{margin:0;color:rgb(var(--color-foreground));font-size:1.1rem;font-weight:600;letter-spacing:.08rem;line-height:1.2;text-transform:uppercase}.article-reading-nav__close{min-width:3.6rem;min-height:3.6rem;font-size:2.4rem;line-height:1}.article-reading-nav__toc,.article-reading-nav__drawer-list{display:grid;gap:.2rem}.article-reading-nav__link{display:block;padding:.8rem 0;color:var(--reading-nav-muted);font-size:1.3rem;line-height:1.35;text-decoration:none}.article-reading-nav__link:hover,.article-reading-nav__link.is-active{color:rgb(var(--color-foreground))}.article-reading-nav__link--h3{padding-left:1.4rem;font-size:1.25rem}@media screen and (min-width:1200px){.article-reading-nav__desktop{position:fixed;top:12rem;left:max(2rem,calc((100vw - var(--page-width)) / 2));z-index:2;display:grid;grid-template-columns:.2rem minmax(0,21rem);gap:1.4rem;max-height:calc(100vh - 16rem);color:rgb(var(--color-foreground));transition:opacity .16s ease}.article-reading-nav__rail{position:relative;width:.2rem;min-height:16rem;overflow:hidden;background:var(--reading-nav-border)}.article-reading-nav__progress{position:absolute;top:0;left:0;width:100%;height:0%;background:var(--reading-nav-accent);transition:height .12s ease}.article-reading-nav__panel{max-height:inherit;overflow-y:auto;padding:1.4rem;background:var(--reading-nav-desktop-surface);border:.1rem solid var(--reading-nav-desktop-border);border-radius:.8rem;box-shadow:0 .8rem 2.4rem rgba(var(--color-shadow),var(--reading-nav-desktop-shadow-opacity))}.article-reading-nav__time{margin:.8rem 0 1.2rem}.article-reading-nav__mobile,.article-reading-nav__drawer{display:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/article-reading-nav.css.map */