pre[data-language]{position:relative;padding:0 var(--spacing-m) var(--spacing-xl) var(--spacing-m);border-radius:8px;border-top:none;color:var(--color-text);margin-block-end:var(--spacing-xl)}pre[data-language] header{position:sticky;top:0;left:0;display:grid;width:100%;font-family:var(--font-family);grid-template-columns:min-content 1fr;margin-block-end:var(--spacing-l)}pre[data-language] header span{padding:var(--spacing-xs) var(--spacing-m);border-radius:8px 8px 0 0;background-color:var(--color-background-offset-dark);border-block-end:1px solid var(--color-primary);font-weight:var(--fw-bold);padding-block-start:var(--spacing-m)}pre[data-language] button{align-self:end;padding:.5rem;border:none;border:1px solid var(--color-border);border-radius:8px;margin:.25rem 0;color:var(--color-text);cursor:pointer;font-size:var(--font-size-s);justify-self:end}code[class*=language-]{border-radius:8px;margin:var(--spacing-m) 0;font-family:var(--font-family-monospace)}pre::-webkit-scrollbar{width:2px;height:2px}pre::-webkit-scrollbar-track{background:0 0}.callout{background-color:var(--color-background-offset-light);box-shadow:0 0 2px 1px var(--color-border);margin-block-end:var(--spacing-xl);border-radius:8px;padding:var(--spacing-l)}.callout .icon{width:clamp(2rem,6vw,3rem);aspect-ratio:1}.callout p:last-of-type{margin-block-end:0}.console{--title-height:1.75rem;position:relative;display:block;overflow:auto;padding:calc(var(--title-height) + 1rem) 1rem 1rem 1rem;border-radius:8px;background:linear-gradient(hsl(0deg,0%,70%) 0 var(--title-height),hsl(0deg,0%,14%) var(--title-height) 100%);color:#e2e2e2;font-family:var(--font-family-monospace);font-size:.925em;margin-block-end:var(--spacing-l)}.console p{margin-block-end:var(--spacing-s)}.console p:first-child{display:inline}.console p:last-child{margin:0}.console p br:first-of-type{margin-block-end:var(--spacing-xs)}.console code{font-size:inherit}.console::before{display:inline;color:#f77d91;content:"➜ ";font-family:var(--font-family)}.console::after{position:absolute;top:.25rem;right:.5rem;width:4.5rem;height:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 80 24'%3E%3Cellipse cx='67' cy='12' fill='%233c3c3c' ry='9' rx='9'/%3E%3Cpath fill='%23ffffff' d='M69.795 10.275c.26-.242.275-.65.032-.91-.243-.26-.65-.274-.91-.032L67.03 11.09l-1.755-1.885c-.242-.26-.65-.275-.91-.032-.26.243-.274.65-.032.91l1.757 1.886-1.885 1.755c-.26.242-.275.65-.032.91.243.26.65.274.91.032l1.886-1.757 1.755 1.885c.242.26.65.275.91.032.26-.243.274-.65.032-.91L67.91 12.03z'/%3E%3Cpath stroke='%232b2b2b' stroke-width='.76' d='M32.118 9.678h7.24v7.24h-7.24z' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath fill='%23333333' d='M17.58 21l13.82-.037'/%3E%3Cpath fill='%23333333' stroke='%232b2b2b' stroke-width='.832' d='M13.3 17.156H7.99' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;content:""}.filelist{--guide-width:1px;--guide-color:var(--color-text-offset-dark);padding:var(--spacing-l) 0 var(--spacing-m) 0;background-color:var(--color-background-offset-dark)}.filelist ul{margin:0;padding-inline-start:var(--spacing-m)}.filelist>ul{margin:0;padding-inline-start:var(--spacing-l)}.filelist li{position:relative;margin:0;list-style-image:none;list-style-type:none;padding-inline-start:.75em}.filelist li::before{position:absolute;top:.8em;left:0;width:.6em;height:var(--guide-width);background-color:var(--guide-color);content:""}.filelist li::after{position:absolute;top:0;bottom:0;left:0;width:var(--guide-width);height:100%;background-color:var(--guide-color);content:""}.filelist li:last-child::after{height:.8em}.series{--series-padding:1rem;--animation-timing:600ms;overflow:hidden;width:100%;padding:var(--series-padding) var(--series-padding) 0 var(--series-padding);border:1px solid var(--color-border);border-radius:8px;margin:2rem auto;background-color:var(--color-background-offset-dark)}.series header{position:relative;width:100%;min-height:var(--font-size-2xl);padding-bottom:var(--spacing-l);line-height:var(--line-height-base)}.series h2,.series h3{position:relative;border-radius:8px 8px 0 0;margin:0;color:var(--color-primary);font-size:var(--font-size-base)}.series h2{font-size:var(--font-size-s);margin-block-end:var(--spacing-m);text-transform:uppercase}.series h3{padding-inline-end:2.25rem}.series h3 span{font-size:var(--font-size-s);font-weight:var(--font-weight-normal)}.series button{position:absolute;top:-.5rem;display:flex;width:100%;height:100%;align-items:center;justify-content:flex-end;padding:0;border:none;border-radius:8px;margin:0;background-color:rgba(0,0,0,0);cursor:pointer}.series button svg{width:1.75em;border:1px solid var(--color-border);border-radius:50%;margin:0;background-color:var(--color-background);transform:rotate(180deg);transition:transform var(--animation-timing) ease-in}.series button[aria-expanded=true] svg{transform:rotate(-90deg)}.series button[aria-expanded=false] svg{transform:rotate(0)}.series .content{display:grid;overflow:hidden;grid-template-rows:1fr;transition:all var(--animation-timing) ease-out}.series .content[aria-hidden=true]{grid-template-rows:0fr}.series ol{min-height:0;padding:0;margin:0;color:var(--color-text-offset-dark);counter-reset:series}.series li{position:relative;display:grid;padding:.25rem;margin:0;gap:.5rem;grid-template-columns:min-content 1fr;justify-items:start;line-height:var(--line-height-base);margin-block-end:1rem;padding-inline-start:1rem}.series li:first-of-type{border-block-start:1px solid var(--color-primary);padding-block-start:var(--spacing-l)}.series li::before{min-width:2rem;padding:0 .3rem;color:var(--color-text-offset-dark);content:counters(series, "") "";counter-increment:series;grid-column:1;grid-row:1}.series li[data-selected=true]::after{--dot-size:0.65em;width:var(--dot-size);height:var(--dot-size);background-color:var(--color-text-offset-dark);clip-path:polygon(0 0,0 100%,100% 50%);content:"";grid-column:1;grid-row:1;margin-block-start:.4em;margin-inline-start:-1em}.series a{align-self:center;color:var(--color-text-offset-dark);margin-inline-start:.4rem;text-decoration:none}.series a:hover{color:var(--color-secondary)}.post{display:grid;margin:0 auto;grid-template-columns:minmax(300px,800px) 1fr}.post .cover{width:100%;height:auto;aspect-ratio:2/1}.post .metadata{display:grid;align-items:center;padding:.5rem;border-radius:8px;grid-template-columns:repeat(2,1fr);justify-items:start;margin-block-end:var(--spacing-m)}.post .metadata div{display:flex;width:100%;align-items:flex-start;justify-items:center;line-height:var(--line-height-base)}.post .metadata svg{height:1.5em;padding-right:6px}.post img,.post video{display:block;max-width:100%;height:auto;margin:0 auto;margin-block-end:var(--spacing-xl)}.post figure{display:grid;justify-items:center}.post figure img,.post figure video{margin:0;margin-block-end:0}@media screen and (max-width:800px){.second-column{display:none}}