.blog-post{--accent-color:var(--color-text-blue);--accent-background:var(--color-background-blue);--avatar-size:3rem;--author-gap:1rem;--toc-header-font-size:var(--font-size-large);display:grid;grid-auto-flow:dense;grid-template-columns:var(--layout-1-sidebar-left);padding-inline:var(--layout-side-padding);padding-bottom:2rem;padding-top:2rem;row-gap:3rem;@media (width < calc(1rem * 2 + 15rem + 2rem + 31rem)){grid-template-columns:var(--layout-no-sidebar)}}.blog-post__content{grid-column:content}.blog-post__toc{grid-column:sidebar;max-height:calc(100vh - var(--sticky-header-height));overflow-y:auto;padding-left:2px;position:sticky;top:var(--sticky-header-height);@media (width < calc(1rem * 2 + 15rem + 2rem + 31rem)){display:none}}.blog-post-header__image{margin:0 auto 2rem;width:fit-content;img{border-radius:.25rem}}.blog-post-header__heading{font-size:var(--font-size-largest);font-weight:var(--font-weight-bold);line-height:1.2;margin-top:1rem}.blog-post-header__author-read-time{align-content:flex-start;align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.blog-post-author{align-content:flex-start;align-items:center;display:flex;flex-wrap:wrap;font-weight:var(--font-weight-bold);&:after{display:inline-flex;gap:3px}&:active,&:hover{-webkit-text-decoration:none;text-decoration:none}}.blog-post-author__avatar{border:none;border-radius:var(--avatar-size);height:var(--avatar-size);margin:0;margin-right:var(--author-gap);object-fit:cover;width:var(--avatar-size)}.blog-toc{h2{font-size:var(--toc-header-font-size,var(--font-size-large));font-weight:400;margin:0;padding:.75em 0}ul{display:grid;list-style:none;margin:0;padding:0;ul{padding-left:1em}}a{box-shadow:-2px 0 0 var(--color-border-primary);color:inherit;display:inline-block;margin-left:2px;padding:.25em .5em;&:not(:hover){-webkit-text-decoration:none;text-decoration:none}&:hover:not([aria-current=true]){color:var(--color-link-normal)}&[aria-current=true]{background-color:var(--accent-background);box-shadow:-2px 0 0 var(--accent-color)}}}.blog-post-previous-next{display:flex;gap:1rem;margin-top:3rem;@media (width <= 769px){flex-direction:column-reverse}a{color:var(--color-text-primary);display:flex;gap:1rem;-webkit-text-decoration:none;text-decoration:none;width:100%;&:hover h2{-webkit-text-decoration:underline;text-decoration:underline}&:active{background:none}@media (width > 769px){&.blog-post-previous-next__next,&.blog-post-previous-next__previous{&:after,&:before{align-self:center;background-color:var(--color-text-primary);flex-shrink:0;height:1rem;mask-position:center;mask-repeat:no-repeat;vertical-align:middle;width:1rem}}&.blog-post-previous-next__previous:before{content:"";mask-image:url(/static/client/chevron-left.e19352a3b5ee673b.svg)}&.blog-post-previous-next__next:after{content:"";mask-image:url(/static/client/chevron-right.a81fc439dd5e4839.svg)}}}article{margin:0 auto}h2:first-of-type{font-size:var(--font-size-normal);margin:0;text-align:center;strong{color:var(--color-text-primary);display:block;font-size:var(--font-size-small);font-weight:var(--font-weight-normal);line-height:1.2rem}}}
/*# sourceMappingURL=styles-blog-post.872988c4e84eef08.css.map*/