@font-face{font-family:Mona Sans;src:url(/_astro/MonaSansVF.S17SNEWs.woff2)format("woff2-variations");font-display:swap;font-style:normal;font-stretch:75% 125%;font-weight:200 900}@font-face{font-family:Monaspace Argon;src:url(/_astro/MonaspaceArgonVar.5LfYUcTe.woff2)format("woff2-variations");font-display:swap;font-style:oblique -11deg 0deg;font-stretch:100% 125%;font-weight:200 800}:root{--bg:#f9f9f8;--paper:#fefefd;--text:#24292e;--muted:#586069;--soft:#75766d;--border:#e4e6d6;--border-strong:#deded9;--sand:#eeeeec;--lavender:#7881e5;--lavender-light:#eef;--heading:#24292e;--text-strong:#24292f;--link:#6b73d1;--link-hover:#5158a8;--link-bg:#7881e51a;--link-hover-bg:#7881e54d;--byline-decoration:#24292e40;--inline-code-bg:#f3f4f6;--pre-bg:#24292f;--pre-text:#f6f8fa;--nav-border:#fff6;--nav-bg:#ffffff80;--nav-hover-bg:#ffffff80;--nav-active-bg:#fff;--avatar-border:#ffffffd9;--button-border:#deded9;--button-bg:#ffffffc2;--button-hover-bg:#fff;--demo-bg:#f6f7ee;--demo-wash-a:#c4d7d9ad;--demo-wash-b:#d8dbfab8;--demo-panel-bg:#fefefdeb;--demo-header-bg:#fefefdb8;--demo-border:#e4e6d6eb;--progress-bg:#7881e524;--demo-running:#5158a8;--demo-running-bg:#eef;--demo-done:#949da7;--terminal:#11140f;--panel-ink:#24292e;--panel-muted:#586069;--signal:#5158a8;--media-border:#55584f;--media-error-bg:#4a1717;--font-sans:"Mona Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Monaspace Argon", ui-monospace, SFMono-Regular, Menlo, monospace;--shadow-sm:0 1px 2px #d1d1c526, 0 2px 4px #d1d1c51a;--shadow-md:0 2px 4px #d1d1c533, 0 4px 8px #d1d1c526, 0 8px 16px #d1d1c51f, 0 16px 32px #d1d1c514;color-scheme:light;font-family:var(--font-sans);color:var(--text);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);overflow-x:hidden}body{min-height:100vh;color:var(--text);background:var(--bg);font-family:var(--font-sans);overflow-wrap:break-word;margin:0;font-size:16px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}a[href],button:not(:disabled),summary{cursor:pointer}button,summary{font:inherit}img,video{max-width:100%;display:block}pre,figure,p,h1,h2{margin:0}code,pre{font-family:var(--font-mono);font-feature-settings:"calt", "liga";font-weight:300}:focus-visible{outline:2px solid var(--lavender);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-page{flex-direction:column;min-height:100vh;display:flex;position:relative}.top-gradient{z-index:0;pointer-events:none;opacity:.72;background:radial-gradient(38% 46% at 48% -7%,#8876ee7a,#a089f638 42%,#0000 76%),radial-gradient(32% 38% at 31% 1%,#f9a8d43d,#0000 72%),radial-gradient(34% 42% at 70% 0,#8fc0f747,#0000 72%);height:400px;position:absolute;inset:0 0 auto;mask-image:linear-gradient(#000 0 50px,#0000 360px)}.site-header{z-index:20;padding:16px;position:relative}.site-nav{justify-content:space-between;align-items:center;width:100%;max-width:1400px;height:48px;margin-inline:auto;padding-inline:16px;display:flex;position:relative}.site-logo{flex:none;width:48px;height:48px;transition:transform .18s}.site-logo:hover{transform:rotate(-3deg)scale(1.02)}.site-logo img{width:48px;height:48px}.desktop-navigation{border:1px solid var(--nav-border);background:var(--nav-bg);box-shadow:var(--shadow-md), 0 0 0 1px #00000005;backdrop-filter:blur(24px);border-radius:999px;align-items:center;gap:0;padding:4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.desktop-navigation a{z-index:1;color:var(--muted);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500;line-height:20px;transition:color .15s,background-color .15s;position:relative}.desktop-navigation a:hover{color:var(--text-strong);background:var(--nav-hover-bg)}.desktop-navigation a.is-current{color:var(--text);background:var(--nav-active-bg);box-shadow:var(--shadow-sm), 0 0 0 1px #8c859f08}.author-shortcut{color:var(--muted);align-items:center;gap:10px;font-size:14px;font-weight:500;transition:color .15s;display:flex}.author-shortcut:hover{color:var(--text)}.author-shortcut img{border:2px solid var(--avatar-border);object-fit:cover;width:32px;height:32px;box-shadow:var(--shadow-sm);border-radius:50%}.mobile-navigation{display:none}.post-main{z-index:10;flex:1;width:100%;margin-top:48px;padding:40px 0 72px;position:relative}.post-width{width:min(720px,100% - 32px);margin-inline:auto}.post-header{border-bottom:1px solid var(--border-strong);padding-bottom:32px}.back-link{color:var(--muted);align-items:center;gap:8px;margin-bottom:24px;font-size:14px;line-height:20px;transition:color .15s;display:inline-flex}.back-link:hover{color:var(--text)}.post-header h1{color:var(--heading);font-variation-settings:"opsz" 72;letter-spacing:normal;margin-bottom:20px;font-size:48.832px;font-weight:700;line-height:1.1}.dek{color:var(--muted);margin-bottom:16px;font-size:20px;line-height:1.625}.byline{color:var(--soft);align-items:center;gap:12px;font-size:14px;line-height:20px;display:flex}.byline a{color:var(--text-strong);align-items:center;gap:8px;display:inline-flex}.byline a:hover span{text-decoration:underline;text-decoration-color:var(--byline-decoration);text-underline-offset:3px}.byline img{border:2px solid var(--nav-active-bg);object-fit:cover;border-radius:50%;width:32px;height:32px}.post-prose{color:var(--text);padding-top:48px;font-size:18px;line-height:1.7}.post-prose p{margin:16px 0}.post-prose .command-options li+li{margin-top:14px}.post-prose .command-options span{color:var(--muted);font-size:.9em;display:block}.post-prose .drop-cap:first-letter{float:left;color:var(--heading);margin:2px 8px 0 0;font-size:64px;font-weight:700;line-height:.82}.post-prose h2{color:var(--heading);letter-spacing:-.025em;margin-bottom:.42em;padding-top:48px;font-size:35.2px;font-weight:600;line-height:1.1}.post-prose a:not(.back-link){color:var(--link);background:var(--link-bg);box-decoration-break:clone;border-radius:4px;padding:2px 8px;transition:color .15s,background-color .15s}.post-prose a:hover{color:var(--link-hover);background:var(--link-hover-bg)}.post-prose code{color:var(--text-strong);background:var(--inline-code-bg);border-radius:4px;padding:2px 6px;font-size:.875em}.post-prose pre{background:var(--pre-bg);color:var(--pre-text);border-radius:8px;margin:24px 0;padding:16px;font-size:14px;line-height:1.5;overflow-x:auto}.post-prose pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.wide-demo{width:min(1088px,100vw - 32px);margin:48px 0 16px 50%;scroll-margin-top:24px;transform:translate(-50%)}.site-footer{z-index:10;border-top:1px solid var(--border-strong);width:min(1088px,100% - 32px);color:var(--soft);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:24px;margin-inline:auto;padding:32px 0 40px;font-size:11px;line-height:16px;display:flex;position:relative}.site-footer nav{gap:20px;display:flex}.site-footer a:hover{color:var(--text)}@media (width<=767px){.top-gradient{opacity:.82;background:radial-gradient(74% 58% at 56% -5%,#8470f480,#a089f633 48%,#0000 82%),radial-gradient(58% 45% at 13% 0,#f9a8d433,#0000 72%),radial-gradient(58% 50% at 88% 0,#8fc0f74d,#0000 76%);height:330px;mask-image:linear-gradient(#000 0 35px,#0000 300px)}.site-header{padding:12px 8px 12px 12px}.site-nav{height:54px;padding-inline:4px}.site-logo,.site-logo img{width:48px;height:48px}.desktop-navigation,.author-shortcut{display:none}.mobile-navigation{display:block;position:relative}.mobile-navigation summary{border:1px solid var(--nav-border);min-width:104px;min-height:54px;color:var(--text);background:var(--nav-bg);box-shadow:var(--shadow-md), 0 0 0 1px #00000005;backdrop-filter:blur(24px);border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:14px;font-weight:600;line-height:20px;list-style:none;display:flex}.mobile-navigation summary::-webkit-details-marker{display:none}.mobile-navigation summary img{width:20px;height:20px;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.mobile-navigation[open] summary img{transform:rotate(180deg)}.mobile-navigation__sheet{z-index:100;border:1px solid var(--nav-border);background:var(--nav-bg);width:192px;box-shadow:var(--shadow-md), 0 0 0 1px #00000005;backdrop-filter:blur(24px);border-radius:24px;flex-direction:column;padding:4px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.mobile-navigation__sheet a{color:var(--muted);border-radius:999px;padding:12px 20px;font-size:16px;font-weight:500}.mobile-navigation__sheet a:hover,.mobile-navigation__sheet a.is-current{color:var(--text);background:var(--nav-active-bg);box-shadow:var(--shadow-sm)}.post-main{margin-top:0;padding-top:40px}.post-header h1{letter-spacing:normal;margin-bottom:20px;font-size:48.832px;line-height:1.1}.dek{font-size:18px;line-height:1.625}.post-prose{padding-top:48px}.post-prose h2{font-size:30px}.wide-demo{margin-top:40px}.site-footer{flex-direction:column;align-items:flex-start}}@media (prefers-color-scheme:dark){:root{--bg:#10131d;--paper:#171b29;--text:#f2f3ff;--muted:#b0b7cf;--soft:#8f96ad;--border:#30364d;--border-strong:#3a4057;--sand:#23283a;--lavender:#b6bcff;--lavender-light:#2b3050;--heading:#f2f3ff;--text-strong:#eef0ff;--link:#b8beff;--link-hover:#d4d7ff;--link-bg:#b6bcff24;--link-hover-bg:#b6bcff42;--byline-decoration:#f2f3ff4d;--inline-code-bg:#252b3e;--pre-bg:#0c1019;--pre-text:#f0f2ff;--nav-border:#ffffff29;--nav-bg:#1c2134c7;--nav-hover-bg:#ffffff17;--nav-active-bg:#2b3150;--avatar-border:#ffffff3d;--button-border:#414961;--button-bg:#242a3ee6;--button-hover-bg:#303855;--demo-bg:#171d2b;--demo-wash-a:#55768e52;--demo-wash-b:#5b53a657;--demo-panel-bg:#1c2233f0;--demo-header-bg:#161b2ad6;--demo-border:#30364deb;--progress-bg:#b6bcff33;--demo-running:#c1c5ff;--demo-running-bg:#30355c;--demo-done:#858da8;--terminal:#0c100c;--panel-ink:#f2f3ff;--panel-muted:#b0b7cf;--signal:#c1c5ff;--media-border:#4c536b;--media-error-bg:#541e2a;--shadow-sm:0 1px 2px #00000052, 0 2px 4px #00000038;--shadow-md:0 2px 4px #0000005c, 0 4px 8px #00000047, 0 8px 16px #00000038, 0 16px 32px #0000002e;color-scheme:dark}.top-gradient{opacity:.9;background:radial-gradient(38% 46% at 48% -7%,#826fff57,#695bd129 42%,#0000 76%),radial-gradient(32% 38% at 31% 1%,#f17ec724,#0000 72%),radial-gradient(34% 42% at 70% 0,#5ba9f429,#0000 72%)}.site-logo img,.back-link img,.mobile-navigation summary img{filter:invert()hue-rotate(180deg)saturate(.65)}}@media (prefers-color-scheme:dark) and (width<=767px){.top-gradient{background:radial-gradient(74% 58% at 56% -5%,#826fff5c,#695bd126 48%,#0000 82%),radial-gradient(58% 45% at 13% 0,#f17ec71f,#0000 72%),radial-gradient(58% 50% at 88% 0,#5ba9f42b,#0000 76%)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}