@layer components{.article-bar{position:sticky;z-index:1;inset-block-start:calc(var(--space-16) + 1px);margin-block:var(--space-6) 0;margin-inline:calc(var(--space-6) * -1);padding:var(--space-2) var(--space-6);background-color:var(--color-surface-raised)}.article-bar__count{margin:0;color:var(--color-text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.article-bar__n{display:inline-block;color:var(--color-text-primary)}.article-bar__line{position:absolute;inset-inline:0;inset-block-end:0;block-size:1px;background-color:var(--seal-rosette-ledger);transform-origin:100% 50%}:root:dir(ltr) .article-bar__line{transform-origin:0 50%}@media (min-width:48rem){.article-bar{margin-inline:calc(var(--space-12) * -1);padding-inline:var(--space-12)}}}@media (prefers-reduced-motion:no-preference){.article-bar[data-turned] .article-bar__n{animation:article-turn .32s cubic-bezier(.2,0,0,1) both}@supports (animation-timeline:scroll()){.article-bar__line{animation:article-read linear both;animation-timeline:scroll(root)}}}@keyframes article-turn{0%{translate:0 .6em}}@keyframes article-read{0%{scale:0 1}}