.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}}