.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);overflow:visible;background-color:var(--surface-code)!important}.shiki:not(.has-highlighted):not(.has-diff){background-color:#0000!important}pre.shiki{overflow-x:auto}.shiki,.shiki span{color:var(--shiki-dark,inherit);font-style:var(--shiki-dark-font-style,inherit);font-weight:var(--shiki-dark-font-weight,inherit);-webkit-text-decoration:var(--shiki-dark-text-decoration,inherit);text-decoration:var(--shiki-dark-text-decoration,inherit)}[data-theme=light] .shiki,[data-theme=light] .shiki span{color:var(--shiki-light,inherit);font-style:var(--shiki-light-font-style,inherit);font-weight:var(--shiki-light-font-weight,inherit);-webkit-text-decoration:var(--shiki-light-text-decoration,inherit);text-decoration:var(--shiki-light-text-decoration,inherit)}div.svelte-srl-blog :not(h1,h2,h3,h4)>code,article :where(:not(pre)>code){overflow-wrap:break-word;font-size:.9375rem;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;border:1px solid var(--border-copy-button);background:var(--surface-overlay);color:var(--text-primary);cursor:pointer;border-radius:.375rem;padding:.25rem .5rem;font:500 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;transition:opacity .15s,transform .15s;transform:translateY(-2px)}.copy-btn.copied{background:var(--brand-lime);color:var(--text-on-brand);border-color:#0000}.copy-btn svg{flex:0 0 12px;width:12px;height: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{padding-right:2.25rem;overflow-x:auto}.code-wrap .copy-btn{border:1px solid color-mix(in oklab, currentColor 20%, transparent);background:oklab(0% none none/.35);position:absolute;top:.5rem;right:.5rem}.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:#0000}div.svelte-srl-blog h1{letter-spacing:-.025em;padding-top:2.5rem;padding-bottom:1.5rem;scroll-margin-top:6rem;font-size:3.5rem;line-height:1.02}div.svelte-srl-blog h2{font-family:var(--font-degular);margin-top:3rem;margin-bottom:1.5rem;scroll-margin-top:6rem;font-size:2rem;font-weight:400;line-height:1.2}div.svelte-srl-blog h3{margin-top:2rem;margin-bottom:1.25rem;scroll-margin-top:6rem;font-size:1.3125rem;font-weight:400;line-height:1.42}div.svelte-srl-blog h4{margin-top:1.25rem;margin-bottom:1.25rem;scroll-margin-top:6rem;font-size:1.3125rem;font-weight:400;line-height:1.42}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-top:0;margin-bottom:1.25rem}div.svelte-srl-blog{overflow-x:hidden}div.svelte-srl-blog table{border-collapse:collapse;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border-collapse:collapse;letter-spacing:-.02em;table-layout:auto;width:100%;min-width:0;max-width:100%;margin-block:2.5rem;line-height:1.25;display:block;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 2.5rem),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 2.5rem),#0000 100%)}@media (width>=768px){div.svelte-srl-blog table{-webkit-mask-image:none;mask-image:none}}div.svelte-srl-blog table tr{min-width:max-content}div.svelte-srl-blog table thead,div.svelte-srl-blog table tbody,div.svelte-srl-blog table tr{display:revert}div.svelte-srl-blog table th,div.svelte-srl-blog table td{border-bottom:1px solid var(--rule-strong);vertical-align:middle;text-align:left;color:var(--ink-86);padding:1rem 1.25rem;font-weight:400}div.svelte-srl-blog table thead tr{border-top:1px solid var(--rule-strong)}div.svelte-srl-blog table th{color:var(--ink-100);font-weight:400}div.svelte-srl-blog table th:first-child,div.svelte-srl-blog table td:first-child{text-align:left;width:18%;color:var(--ink-100);padding-left:1rem}div.svelte-srl-blog table th:not(:first-child),div.svelte-srl-blog table td:not(:first-child){text-align:left;width:13.666%}div.svelte-srl-blog table strong{color:var(--ink-100);font-weight:400}div.svelte-srl-blog table td{white-space:normal}:is(div.svelte-srl-blog table td:has(>code),div.svelte-srl-blog table th:has(>code)){font-family:inherit}div.svelte-srl-blog table code{font:inherit;color:inherit;background:0 0;border-radius:0;padding:0}@media (width<=48rem){div.svelte-srl-blog table{margin-inline:0;font-size:1.0625rem}div.svelte-srl-blog table thead,div.svelte-srl-blog table tbody,div.svelte-srl-blog table tr{min-width:760px}div.svelte-srl-blog table th,div.svelte-srl-blog table td{padding:.8rem 1rem}}div.svelte-srl-blog caption{letter-spacing:.01em;width:100%;color:var(--ink-300);margin-top:-.75rem;margin-bottom:2rem;font-size:.9375rem;line-height:1.25rem;display:block}div.svelte-srl-blog hr{border-color:var(--border-mid);width:66.6667%;margin:1.5rem auto}div.svelte-srl-blog strong{color:var(--srl-primary);font-weight:400}div.svelte-srl-blog ul{margin-bottom:1rem;padding-left:1.75rem;list-style:square}div.svelte-srl-blog ul>li::marker{color:var(--ink-500);font-weight:700}div.svelte-srl-blog ol{margin-bottom:1rem;padding-left:1.75rem;list-style:decimal}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{color:var(--text-blockquote-secondary);text-align:right;margin-top:1rem}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{--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);margin-block:0}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{letter-spacing:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.75rem;line-height:140%}article :is(picture,img,pre)+p>em,.code-wrap+p>em{letter-spacing:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.75rem;font-style:normal;line-height:140%}article :is(picture,img)+p{margin-top:0!important;margin-bottom:0!important}.svelte-srl-blog a{color:var(--ink-100);text-underline-offset:.25rem;text-decoration-line:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--link-rule);text-decoration-color:var(--link-rule);font-weight:400;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;animation-timing-function:linear}article a:hover{color:var(--ink-86);text-decoration-color:currentColor}article ul{list-style:outside}.youtube-embed{aspect-ratio:16/9;border-radius:.75rem;margin:2em 2em .5em;position:relative;overflow:hidden}.yt-lite-link{all:unset;cursor:pointer;display:block;position:relative}.yt-lite-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .2s ease-in-out;display:block}.yt-lite-link:hover .yt-lite-thumbnail{transform:scale(1.05)}.yt-lite-play-button{pointer-events:none;filter:drop-shadow(0 2px 8px #00000059);width:68px;height:48px;transition:transform .2s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.yt-lite-link:hover .yt-lite-play-button{transform:translate(-50%,-50%)scale(1.1)}@media (prefers-reduced-motion:reduce){.yt-lite-thumbnail,.yt-lite-play-button{transition:none}}[data-theme=dark] div.svelte-srl-blog figure :is(img,picture>img){filter:invert()hue-rotate(180deg)}