.shiki{width:100%;padding-block:calc(var(--spacing, .25rem) * 3.5);padding-inline:calc(var(--spacing, .25rem) * 3.5);border:1px solid var(--border-code);border-radius:var(--radius-sm, .25rem);background-color:var(--surface-code)!important;overflow:visible}.shiki:not(.has-highlighted):not(.has-diff){background-color:transparent!important}pre.shiki{overflow-x:auto}div.svelte-srl-blog :not(h1,h2,h3,h4)>code,article :where(:not(pre)>code){font-size:.875rem;line-height:1.25rem}article :where(:not(pre)>code){border-radius:var(--radius-sm, .25rem);--tw-bg-opacity: 1;background-color:hsl(var(--syntax-highlight) / var(--syntax-highlight-opacity, var(--tw-bg-opacity)));padding-left:.25rem;padding-right:.25rem}.copy-btn{z-index:1;opacity:0;transform:translateY(-2px);transition:opacity .15s ease,transform .15s ease;font:500 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;padding:.25rem .5rem;border-radius:.375rem;border:1px solid var(--border-copy-button);background:var(--surface-overlay);color:var(--text-primary);cursor:pointer}.copy-btn.copied{background:var(--brand-lime);color:var(--text-on-brand);border-color:transparent}.copy-btn svg{width:12px;height:12px;flex:0 0 12px}pre.shiki.codeblock{position:relative}pre.shiki.codeblock .copy-btn{position:absolute;top:.5rem;right:.5rem}pre.shiki.codeblock:hover .copy-btn,pre.shiki.codeblock:focus-within .copy-btn{opacity:1;transform:translateY(0)}.code-wrap{position:relative}.code-wrap>pre{overflow-x:auto;padding-right:2.25rem}.code-wrap .copy-btn{position:absolute;top:.5rem;right:.5rem;border:1px solid color-mix(in oklab,currentColor 20%,transparent);background:color-mix(in oklab,black 35%,transparent)}.code-wrap:hover .copy-btn,.code-wrap:focus-within .copy-btn{opacity:1;transform:translateY(0)}.code-wrap .copy-btn.copied{background:#10b981d9;border-color:transparent}div.svelte-srl-blog h1{font-size:2.25rem;line-height:1.25;letter-spacing:-.025em;padding-top:2.5rem;padding-bottom:1.5rem;scroll-margin-top:6rem}div.svelte-srl-blog h2{font-family:var(--font-degular);font-size:var(--text-3xl, 1.875rem);line-height:1.2;font-weight:500;margin-top:3rem;margin-bottom:1.5rem;scroll-margin-top:6rem}div.svelte-srl-blog h3{font-size:1.25rem;line-height:1.6;font-weight:500;margin-top:2rem;margin-bottom:1.25rem;scroll-margin-top:6rem}div.svelte-srl-blog h4{font-size:1.125rem;line-height:1.75rem;font-weight:700;margin-top:1.25rem;margin-bottom:1.25rem;scroll-margin-top:6rem}div.svelte-srl-blog h5{margin-top:1.25rem;margin-bottom:1.25rem;scroll-margin-top:6rem}div.svelte-srl-blog p{margin-block:1.25rem}div.svelte-srl-blog p em{margin-bottom:1.25rem;margin-top:0}div.svelte-srl-blog>table{background-color:var(--surface-secondary);margin-block:2rem}div.svelte-srl-blog caption{display:block;width:100%;margin-bottom:2rem;margin-top:-.75rem;font-size:.875rem;line-height:1.25rem;letter-spacing:.01em;color:var(--ink-300)}div.svelte-srl-blog hr{border-color:var(--border-mid);width:66.666667%;margin:1.5rem auto}div.svelte-srl-blog strong{color:var(--srl-primary);font-weight:700}div.svelte-srl-blog ul{list-style:square;padding-left:1.75rem;margin-bottom:1rem}div.svelte-srl-blog ul>li::marker{color:var(--ink-500);font-weight:700}div.svelte-srl-blog ol{list-style:decimal;padding-left:1.75rem;margin-bottom:1rem}div.svelte-srl-blog ol>li::marker{color:var(--ink-300);font-weight:700}div.svelte-srl-blog li{margin-block:1rem;padding-left:.375rem}div.svelte-srl-blog blockquote{border-left:4px solid var(--border-blockquote);padding:.5rem 1.5rem}div.svelte-srl-blog blockquote>p{margin:0;line-height:1.625}div.svelte-srl-blog blockquote>p:not(:first-child):last-child{margin-top:1rem;color:var(--text-blockquote-secondary);text-align:right}article blockquote{border-left:4px solid var(--color-c-gray-20, var(--border-article-blockquote));padding-inline:calc(var(--spacing, .25rem) * 6);padding-block:calc(var(--spacing, .25rem) * 2)}article blockquote>p{margin-block:0;--tw-leading: var(--leading-relaxed, 1.625);line-height:var(--leading-relaxed, 1.625)}article blockquote>p:not(:first-child):last-child{margin-top:calc(var(--spacing,.25rem) * 4);text-align:right;color:var(--color-c-gray-60, #a3a3a3)}.f-caption{font-size:.75rem;line-height:140%;letter-spacing:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}article :is(picture,img,pre)+p>em,.code-wrap+p>em{font-style:normal;font-size:.75rem;line-height:140%;letter-spacing:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}article :is(picture,img)+p{margin-top:0!important;margin-bottom:0!important}.svelte-srl-blog a{color:#fff;animation-timing-function:linear;transition-duration:.15s;text-underline-offset:.25rem;text-decoration-thickness:1px;text-decoration-line:underline;font-weight:400;text-decoration-color:#ffffff70;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter}article a:hover{color:#fff9;text-decoration-color:#fff}article ul{list-style:disc}.youtube-embed{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:.75rem;margin:2em 2em .5em}.yt-lite-link{all:unset;display:block;position:relative;cursor:pointer}.yt-lite-thumbnail{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .2s ease-in-out;display:block}.yt-lite-link:hover .yt-lite-thumbnail{transform:scale(1.05)}.yt-lite-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:48px;pointer-events:none;transition:transform .2s ease-in-out;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35))}.yt-lite-link:hover .yt-lite-play-button{transform:translate(-50%,-50%) scale(1.1)}.yt-caption em{display:block;text-align:center;font-style:normal;font-size:.875rem;color:var(--ink-400, #9ca3af)}.yt-iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}@media (prefers-reduced-motion: reduce){.yt-lite-thumbnail,.yt-lite-play-button{transition:none}}