.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 + 14rem + 2rem + 31rem)){.blog-post{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;position:sticky;top:var(--sticky-header-height)}@media (width < calc(1rem * 2 + 14rem + 2rem + 31rem)){.blog-post__toc{display:none}}.blog-post-header__image{margin:0 auto 2rem;width:fit-content}.blog-post-header__image 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{gap:1.5rem}.blog-post-author,.blog-post-header__author-read-time{align-content:flex-start;align-items:center;display:flex;flex-wrap:wrap}.blog-post-author{font-weight:var(--font-weight-bold)}.blog-post-author:after{display:inline-flex;gap:3px}.blog-post-author:active,.blog-post-author: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}.blog-toc ul{display:grid;list-style:none;margin:0;padding:0}:is(.blog-toc ul) ul{padding-left:1em}.blog-toc a{box-shadow:-2px 0 0 var(--color-border-primary);color:inherit;display:inline-block;margin-left:2px;padding:.25em .5em}:is(.blog-toc a):not(:hover){-webkit-text-decoration:none;text-decoration:none}:is(.blog-toc a):hover:not([aria-current=true]){color:var(--color-link-normal)}[aria-current=true]:is(.blog-toc a){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){.blog-post-previous-next{flex-direction:column-reverse}}.blog-post-previous-next a{color:var(--color-text-primary);display:flex;gap:1rem;-webkit-text-decoration:none;text-decoration:none;width:100%}:is(.blog-post-previous-next a):hover h2{-webkit-text-decoration:underline;text-decoration:underline}:is(.blog-post-previous-next a):active{background:none}@media (769px < width){:is(.blog-post-previous-next__previous:is(.blog-post-previous-next a),.blog-post-previous-next__next:is(.blog-post-previous-next a)):after,:is(.blog-post-previous-next__previous:is(.blog-post-previous-next a),.blog-post-previous-next__next:is(.blog-post-previous-next a)):before{align-self:center;background-color:var(--color-text-primary);flex-shrink:0;height:1rem;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:middle;width:1rem}.blog-post-previous-next__previous:is(.blog-post-previous-next a):before{content:"";-webkit-mask-image:url(/static/client/chevron-left.e19352a3b5ee673b.svg);mask-image:url(/static/client/chevron-left.e19352a3b5ee673b.svg)}.blog-post-previous-next__next:is(.blog-post-previous-next a):after{content:"";-webkit-mask-image:url(/static/client/chevron-right.a81fc439dd5e4839.svg);mask-image:url(/static/client/chevron-right.a81fc439dd5e4839.svg)}}.blog-post-previous-next article{margin:0 auto}.blog-post-previous-next h2:first-of-type{font-size:var(--font-size-normal);margin:0;text-align:center}:is(.blog-post-previous-next h2:first-of-type) 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.5085aa38dc1ab3a3.css.map*/