.blog-progress-scope{timeline-scope:--blog-article}.blog-progress-source{view-timeline-name:--blog-article}.blog-progress{display:none}@supports (animation-timeline:view()){.blog-progress{display:block}.blog-progress-fill{transform-origin:top;animation:linear both blog-progress-grow;animation-timeline:--blog-article;animation-range:contain exit 0%;transform:scaleY(0)}}@keyframes blog-progress-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.blog-progress-fill{transition:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.blog-diagram-draw :is(rect,line,path,circle):not([stroke-dasharray]){stroke-dasharray:1800;stroke-dashoffset:1800px;animation:linear both blog-stroke-draw;animation-timeline:--blog-diagram;animation-range:entry 10% cover 45%}.blog-diagram-draw{view-timeline-name:--blog-diagram}}}@keyframes blog-stroke-draw{to{stroke-dashoffset:0}}.blog-toc-details>summary{list-style:none}.blog-toc-details>summary::-webkit-details-marker{display:none}.blog-toc-details[open] .blog-toc-chevron{transform:rotate(180deg)}
