.code-snippet__filename{font-size:var(--text-ui);line-height:var(--leading-ui);color:var(--color-muted);margin-bottom:8px}.code-snippet__box{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:20px;overflow-x:auto}.code-snippet__box>pre{padding:16px;overflow-x:auto}.code-snippet__box>pre:not(.shiki){background-color:var(--color-border)}.shiki{color:#24292e;background-color:#fff}.tok-005cc5{color:#005cc5}.tok-032f62{color:#032f62}.tok-22863a{color:#22863a}.tok-24292e{color:#24292e}.tok-586069{color:#586069}.tok-6a737d{color:#6a737d}.tok-6f42c1{color:#6f42c1}.tok-b31d28{color:#b31d28}.tok-d73a49{color:#d73a49}.tok-e36209{color:#e36209}.tok-f6f8fa{color:#f6f8fa}.tok-fafbfc{color:#fafbfc}.tok-bg-005cc5{background-color:#005cc5}.tok-bg-d73a49{background-color:#d73a49}.tok-bg-f0fff4{background-color:#f0fff4}.tok-bg-ffebda{background-color:#ffebda}.tok-bg-ffeef0{background-color:#ffeef0}.tok-i{font-style:italic}.tok-b{font-weight:700}.tok-u{text-decoration:underline}.tok-s{text-decoration:line-through}.tok-iu{font-style:italic;text-decoration:underline}.gallery{gap:24px;display:grid}.gallery--2{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery--3{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery>img{width:100%}.pt--thought>:is(p,h2,h3,h4,blockquote,ul,ol),.pt--thought li>:is(ul,ol){margin-top:20px}.pt--thought>:is(figure,.gallery,iframe){margin-top:24px}.pt--project>:is(p,h2,h3,h4,blockquote,ul,ol),.pt--project li>:is(ul,ol){margin-top:28px}.pt--project>:is(figure,.gallery,iframe){margin-top:48px}.pt>:first-child{margin-top:0}.pt :is(p,blockquote,ul,ol){font-size:var(--text-prose);line-height:var(--leading-prose)}.pt>:is(h2,h3,h4){font-size:var(--text-ui);line-height:var(--leading-ui);font-weight:500}.pt blockquote{border-left:1px solid var(--color-border);color:var(--color-muted);padding-left:16px}.pt ul{padding-left:20px;list-style-type:disc}.pt ol{padding-left:20px;list-style-type:decimal}.pt strong{font-weight:700}.pt code{font-size:13px}.pt figure>a{display:block}.pt figure :is(img,video){width:100%;height:auto}.pt--project .breakout>:is(img,video){aspect-ratio:4/3}.pt--project .breakout>img{object-fit:cover}.pt--project .breakout>video{object-fit:contain}.pt figcaption{font-size:var(--text-ui);line-height:var(--leading-ui);color:var(--color-muted);margin-top:8px}