.container{&.post{display:flex;position:relative;flex-direction:row;justify-content:center;padding-top:4rem;gap:3.75rem;transition:opacity .3s var(--ease-fluid);.content{display:flex;flex-direction:column;max-width:42rem;.back-link{display:flex;align-items:center;width:100%;margin-bottom:2rem;gap:.5rem;color:var(--color);font-weight:500;text-decoration:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;-webkit-text-decoration-color:var(--color);text-decoration-color:var(--color);text-underline-offset:.1875rem;transition:color .3s var(--ease-fluid);&:focus,&:hover{color:var(--color-display)}}.time{width:100%;color:var(--color-caption);font-size:var(--font-size-caption);white-space:nowrap}.authors{display:flex;width:100%;margin:.5em 0;gap:.5em;.author{display:flex;align-items:center;margin-right:.25em;gap:.5rem;color:var(--color-caption);font-size:var(--font-size-caption);line-height:1;text-decoration:none;.avatar{position:relative;width:1.125rem;height:1.125rem;overflow:hidden;border:.0625rem solid var(--color-caption);border-radius:100%;img{width:100%;height:100%;object-fit:cover;object-position:center}}&:focus,&:hover{color:var(--color);.avatar{border-color:var(--color)}}}}h1{width:100%;font-size:var(--font-size-display);text-align:left}}.on-this-page{display:flex;position:-webkit-sticky;position:sticky;top:6rem;flex-direction:column;max-width:12rem;height:-moz-fit-content;height:fit-content;gap:.75rem;font-size:var(--font-size-caption);line-height:1.8;h3{font-size:var(--font-size-body)}ul{margin:0;padding:0;list-style:none}}@starting-style{opacity:0}@media (max-width:60rem){.on-this-page{display:none;visibility:hidden}}}}.copy-button{aspect-ratio:1/1;min-height:-moz-fit-content;min-height:fit-content;padding:.5em;border-radius:.1875rem;.tick{display:none;transition:display .3s var(--ease-elastic);path{stroke-dasharray:24;stroke-dashoffset:24}}&.copied{.tick{display:block;color:var(--green);path{animation:draw-tick .5s var(--ease-fluid) forwards}}}}@keyframes draw-tick{to{stroke-dashoffset:0}}.anchor-heading{position:relative;scroll-margin:6rem;.anchor-link{position:absolute;top:calc(50% - .0625rem);right:calc(100% + .375rem);transform:translateY(-50%);font-size:var(--font-size-caption);line-height:1;font-family:var(--font-mono);text-decoration:none;opacity:0;transition:opacity .42s var(--ease-fluid),color .3s var(--ease-fluid)}&:focus-within,&:hover,&:target{a{opacity:1}}}.sh-block{--sh-class:var(--purple);--sh-comment:var(--code-comment);--sh-entity:var(--green);--sh-identifier:var(--code-foreground);--sh-jsxliterals:var(--purple);--sh-keyword:var(--pink);--sh-property:var(--cyan);--sh-sign:var(--code-foreground);--sh-string:var(--yellow);display:flex;position:relative;flex-direction:column;align-items:center;width:100%;margin-block:1em;overflow:hidden;border-radius:.375rem;background-color:var(--background-color-primary);line-height:1.6;font-family:var(--font-mono);pre{width:100%;margin:0;padding:.75rem 1.125rem;overflow-x:scroll;code{display:block;width:100%}}.copy-button{position:absolute;top:.5rem;right:.5rem}}