.dingbat{width:100%;display:flex;justify-content:center;align-items:center;position:relative;z-index:100}.site-hero{background:linear-gradient(var(--color-blue-2),var(--color-blue-2),var(--color-gray-11),var(--color-gray-11));padding-top:1rem;overflow:hidden;height:44rem;position:relative;padding-top:4rem;text-align:center;--font-sans-serif: ui-sans-serif, -apple-system, "system-ui", "Inter", "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"}.logo{position:relative;z-index:1;width:128px;height:158px;background:url(/_astro/logo.CQZqKxui.png);background-size:cover}.site-hero.green{background:linear-gradient(var(--color-blue-2),var(--color-green-4),var(--color-gray-11),var(--color-gray-11))}.site-hero.orange{background:linear-gradient(var(--color-blue-2),var(--color-orange-2),var(--color-gray-11),var(--color-gray-11))}.site-hero.yellow{background:linear-gradient(var(--color-blue-2),var(--color-orange-5),var(--color-gray-11),var(--color-gray-11))}.site-hero.purple{background:linear-gradient(var(--color-blue-2),var(--color-purple-5),var(--color-gray-11),var(--color-gray-11))}.site-hero.pink{background:linear-gradient(var(--color-blue-2),var(--color-pink-5),var(--color-gray-11),var(--color-gray-11))}.site-hero header{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-family:var(--font-sans-serif);width:min(44rem,100%);margin:auto;margin-bottom:2.5rem}.site-hero header p{margin:2rem auto 0;font-size:2rem;font-weight:500;z-index:2;position:relative;color:#18181cb3;max-width:calc(var(--main-content-width) + 6rem);text-wrap:balance;line-height:1.1}.site-hero header p strong{font-weight:600;color:var(--color-gray-0)}.site-hero header h1{font-size:5rem;line-height:1.2;margin:auto;text-align:center;text-wrap:balance;position:relative;font-weight:900;z-index:1;color:var(--color-gray-0);background:linear-gradient(var(--color-gray-0),var(--color-blue-1));background-clip:text;-webkit-text-fill-color:transparent}.site-hero.green h1,.site-hero.orange h1,.site-hero.yellow h1,.site-hero.purple h1,.site-hero.pink h1{color:var(--color-gray-0);background:linear-gradient(var(--color-gray-0),var(--color-gray-2));background-clip:text;-webkit-text-fill-color:transparent}.site-hero.green h1{color:var(--color-gray-0);background:linear-gradient(65deg,var(--color-green-1),var(--color-gray-0));background-clip:text;-webkit-text-fill-color:transparent}.site-hero.purple h1{color:var(--color-gray-0);background:linear-gradient(65deg,var(--color-purple-1),var(--color-gray-0));background-clip:text;-webkit-text-fill-color:transparent}.site-hero.orange h1,.site-hero.yellow h1{color:var(--color-gray-0);background:linear-gradient(65deg,var(--color-orange-0),var(--color-gray-0));background-clip:text;-webkit-text-fill-color:transparent}.site-hero.pink h1{color:var(--color-gray-0);background:linear-gradient(65deg,var(--color-pink-1),var(--color-gray-0));background-clip:text;-webkit-text-fill-color:transparent}.site-hero h1 .new-approach{color:var(--color-gray-11);text-shadow:0 0 5rem var(--color-blue-2),0 0 2px var(--color-blue-1)}.site-hero .byoc-code-example{position:relative;width:calc(var(--main-content-width) - 2rem);margin:auto;margin-top:4rem;height:12rem;text-align:left;z-index:1}.site-hero .clouds{top:12rem;position:absolute;left:50%;transform:translate(-45%);bottom:0;filter:blur(1.25rem)}.site-hero .clouds.clouds-overlay{background:transparent;z-index:4;opacity:.4;pointer-events:none}.site-hero .clouds.clouds-overlay .clouds_bg{opacity:.2;transition:all .5s ease-in-out}.site-hero .clouds.clouds-overlay .clouds_mg{transition:all .5s ease-in-out;transition-delay:.25s}.site-hero .clouds.clouds-overlay .clouds_fg{transition:all 1s ease-in-out;transition-delay:.25s}.site-hero .clouds.clouds-overlay.fade .clouds_bg,.site-hero .clouds.clouds-overlay.fade .clouds_mg,.site-hero .clouds.clouds-overlay.fade .clouds_fg{opacity:0;filter:blur(2rem)}@media only screen and (max-width:1023px){header h1{line-height:1.1;margin-bottom:.5rem}}@media only screen and (max-width:768px){.site-hero{padding-top:2rem}.logo{width:96px;height:119px}.site-hero header{padding:0 1.5rem}.site-hero header h1{font-size:2.75rem}.site-hero .call-out{margin-top:2rem}.site-hero .clouds{display:none}}@media only screen and (max-width:512px){.site-hero header h1{font-size:2rem}.logo{width:64px;height:79px;margin-bottom:1rem}.site-hero header p{margin:0;font-size:1.75rem}}article{position:relative;font-size:1.125rem;strong,h2{color:var(--color-gray-0);background:linear-gradient(-90deg,var(--color-purple-2),var(--color-gray-0));background-clip:text;-webkit-text-fill-color:transparent}p a,.callout a{text-decoration:underline}p a:hover,.callout a:hover{color:var(--color-blue-1)}p,ul,ol{margin-bottom:1em}section{margin-bottom:2em}h2{font-size:1.75rem;margin-top:2em;margin-bottom:.5em}section:last-child,p:last-child,ul:last-child,ol:last-child{margin-bottom:0}ul,ol{margin-left:2em;display:flex;flex-direction:column;gap:.5rem}pre code{display:block;background:var(--u-color_element_emphasized);border-radius:.75rem;padding:1rem;font-size:var(--font-size-medium)}blockquote{margin:3rem;padding:.5rem 0 .5rem 2rem;border-left:.25rem solid var(--u-color_border);p:last-child{margin-bottom:0}}#footnote-label{font-size:var(--font-size-base)}.footnotes{margin-top:1rem;padding-top:2rem}#footnote-label{display:none}.footnotes li{font-size:var(--font-size-small);color:var(--u-color_text);transition:opacity .2s;opacity:.6;display:flex;flex-direction:column;flex:1;flex-shrink:0;text-align:left;font-family:var(--font-sans-serif);text-wrap:pretty}.footnotes li:hover{opacity:1}.footnotes sup,:not(.footnotes) sup>a{position:relative;text-decoration:none;background:var(--color-gray-7);width:1rem;height:1rem;border-radius:.5rem;font-size:.65rem;display:inline-flex;align-items:center;justify-content:center;color:var(--u-color_text);margin-left:.75ch;line-height:1}:not(.footnotes) sup>a:hover{background:var(--color-blue-2);color:var(--color-gray-11)}:not(.footnotes) sup:hover>a{color:var(--color-gray-11)}.footnotes li a.source{overflow:clip;white-space:nowrap;text-overflow:ellipsis;width:11rem}.footnotes .data-footnote-backref{margin-top:0;text-decoration:none;color:var(--u-color_text);width:.875rem;height:.875rem;border-radius:.5rem;font-size:.65rem;display:flex;align-items:center;justify-content:center;line-height:1;padding-top:2px}.footnotes .data-footnote-backref:hover{background:var(--color-blue-2);color:var(--color-gray-11)}.footnotes li:target{opacity:1}.footnotes li:target sup{background:var(--color-blue-2);color:var(--color-blue-5)}.callout{background:var(--color-purple-6);border-radius:.75rem;padding:1rem;margin:2rem}.side-by-side-demo{display:flex;flex-direction:row;gap:2rem;margin-bottom:4rem;&:has(+h2) .demo{margin-bottom:0}>p{margin:0}.demo-caption{margin-top:1.25rem}}.essay-tooltip-halo{position:absolute;top:0;right:0;z-index:10;display:flex;align-items:flex-end;justify-content:flex-end}.essay-tooltip{margin-top:1.2rem;line-height:1.5;white-space:nowrap;background:var(--color-gray-0);font-family:var(--font-sans-serif);color:var(--color-gray-11);font-size:var(--font-size-medium);padding:.25rem .5rem;border-radius:.25rem}.footnote-tooltip{display:flex;white-space:normal;width:max-content;max-width:14rem;text-align:left;[data-footnote-backref],sup{display:none}p:last-child{margin-bottom:0}a{color:var(--color-gray-11);text-decoration:underline}a:hover{color:var(--color-blue-3)}}}@media only screen and (max-width:1023px){article{padding:0 2rem}}@media only screen and (max-width:768px){article .side-by-side-demo{flex-direction:column;justify-content:center;.demo-caption{margin:0 3rem;font-size:var(--font-size-medium)}}}@media only screen and (max-width:646px){.dingbat{display:none}}@media only screen and (max-width:512px){article{padding:0 1rem}.callout{padding:.5rem .75rem;margin:1rem .5rem}.side-by-side-demo .demo-caption{margin:0 .5rem}}footer[data-astro-cid-gcn2mc3v]{border-top:1px solid var(--u-color_border_subdued);margin-top:2rem;padding-top:2rem;padding-bottom:1rem;display:flex;flex-direction:row;gap:.5rem;align-items:center;justify-content:center;font-size:var(--font-size-small);color:var(--u-color_text_subdued);span{display:flex;flex-direction:row;gap:.25rem;align-items:center}}main{display:flex;flex:1;flex-direction:column;--main-content-width: min(48rem, 100%);font-size:1.25rem;padding-bottom:2rem}.main-content{width:var(--main-content-width);margin:auto;margin-top:-10.25rem;padding-top:3rem;z-index:10}@media only screen and (max-width:1023px){main{width:100%;padding:0}}@media only screen and (max-width:768px){.main-content{margin-top:-21rem}}@media only screen and (max-width:646px){.main-content{margin-top:-22rem}}@media only screen and (max-width:512px){.main-content{margin-top:-28rem}}@media only screen and (max-width:464px){.main-content{margin-top:-26rem}}.add-comment[data-astro-cid-xbjkr3x4]{position:relative;font-family:var(--font-sans-serif);padding:.5rem;border-radius:.5rem 0 0 .5rem;margin:.5rem -.5rem .75rem 1rem;background:var(--color-gray-9);border:2px solid var(--color-gray-6);border-right:0}.add-comment-dot[data-astro-cid-xbjkr3x4]{position:absolute;left:-1.25rem;top:-1.625rem;width:.75rem;height:.75rem;border-radius:.5rem;background:var(--color-gray-6)}.add-comment-line[data-astro-cid-xbjkr3x4]{position:absolute;left:calc(-1rem + 1px);top:-1rem;width:calc(1rem - 1px);height:2rem;border-left:2px solid var(--color-gray-6);border-bottom:2px solid var(--color-gray-6);border-bottom-left-radius:.25rem}.comment-instruction[data-astro-cid-xbjkr3x4]{display:flex;flex-direction:row;gap:.25rem;align-items:center;margin-bottom:.5rem;font-size:var(--font-size-small);color:var(--color-gray-4);.avatar{--avatar_size: 1.25rem;background:var(--color-gray-5)}}.cursor[data-astro-cid-xbjkr3x4]{width:.125rem;height:1.25rem;background:var(--color-blue-2);margin-left:1px;margin-right:.75rem}@media only screen and (max-width:768px){.add-comment[data-astro-cid-xbjkr3x4]{border-left:0;margin:.5rem -.5rem;border-radius:0}.add-comment-dot[data-astro-cid-xbjkr3x4],.add-comment-line[data-astro-cid-xbjkr3x4],.cursor[data-astro-cid-xbjkr3x4]{display:none}.faux-text-field[data-astro-cid-xbjkr3x4]{overflow:scroll;white-space:wrap}}.code-tile{border:2px solid var(--color-gray-6);border-radius:.75rem;overflow:clip;width:fit-content;pre{margin:0;border-radius:0 0 .75rem .75rem;code{background:var(--color-gray-11);padding:.5rem;border-radius:0;border-top:2px solid var(--color-gray-7)}}.code-actions{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:.5rem;padding:.5rem}}@media only screen and (max-width:768px){.code-tile{width:auto;pre code{font-size:var(--font-size-small)}}}.example.code-example{width:auto;min-width:none;max-width:none;margin:2rem -4rem;.demo{width:30.5rem;height:47rem;.log{overflow:hidden}.tile{width:fit-content;min-width:50%}.faux-text-field{font-size:var(--font-size-medium);border-color:var(--color-blue-2);border-width:2px;padding:.325rem;height:4.5rem;align-items:flex-start}}.actions{padding-top:.5rem;gap:.5rem}}.faux-drop-down{border:1px solid var(--color-gray-6);border-radius:.25rem;padding:0 .25rem;gap:.25rem;height:1.5rem;display:flex;flex-direction:row;align-items:center;code{height:1.5rem;display:flex;flex-direction:row;align-items:center;border-right:1px solid var(--color-gray-6);padding-right:.5rem;padding-left:.25rem;color:var(--color-gray-2)}.icon{margin-bottom:1px}}@media only screen and (max-width:1024px){.example.code-example{margin:2rem;flex-direction:column}.demo{margin:auto;width:auto}}@media only screen and (max-width:768px){.example.code-example{margin:0;.demo{margin:auto;width:auto;overflow-x:scroll;max-width:100%;height:42.5rem}}}@media only screen and (max-width:505px){.example.code-example{.demo{height:39rem}}}@media only screen and (max-width:472px){.example.code-example{.demo{height:42rem}}}.newsletter-signup[data-astro-cid-motrwrji]{margin:3rem 0 2rem;padding:1rem;background:linear-gradient(45deg,var(--color-blue-5),var(--color-purple-6));border-radius:.75rem;display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center;gap:1rem}form[data-astro-cid-motrwrji]{display:flex;flex-direction:row;align-items:center;gap:.25rem}input[data-astro-cid-motrwrji]{font-size:var(--font-size-medium)}@media only screen and (max-width:768px){.newsletter-signup[data-astro-cid-motrwrji]{flex-direction:column}}