*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}:root{--color-black: rgb(17, 16, 15);--color-dark-grey: rgb(30, 29, 28);--color-grey: rgb(98, 95, 89);--color-white: rgb(240, 239, 239);--color-light-grey: rgb(167, 164, 158);--color-lighter-grey: rgb(244, 244, 244);--color-orange: rgb(233, 124, 22);--color-orange-lighter: rgb(252, 125, 6);--body-bg: var(--color-white);--surface-bg: var(--color-lighter-grey);--color-primary: var(--color-orange-lighter);--color-heading: var(--color-black);--color-body: var(--color-grey);--color-body-active: var(--color-black);--nav-shadow-color: rgba(30, 29, 28, .2);--orange-shadow-color: rgba(252, 125, 6, .3) }.SiteNav_LightToggleIcon{display:none}[data-theme=dark]{--body-bg: var(--color-black);--surface-bg: var(--color-dark-grey);--color-primary: var(--color-orange);--color-heading: var(--color-white);--color-body: var(--color-light-grey);--color-body-active: var(--color-white);--orange-shadow-color: rgba(233, 124, 22, .3)}[data-theme=dark] .SiteNav_LightToggleIcon{display:initial}[data-theme=dark] .SiteNav_DarkToggleIcon{display:none}body{background-color:var(--body-bg);font-family:Nunito,sans-serif;font-size:1rem;margin:0;padding:0;color:var(--color-body);overflow-x:hidden}body:before{content:"";background:var(--color-orange);width:1000px;height:1000px;border-radius:1000px;display:block;filter:blur(200px);top:-700px;left:50%;transform:translate(-50%);position:absolute;opacity:.08}body>main{position:relative;z-index:1}section:not(:last-child){margin-bottom:4rem}.turbo-progress-bar{background-color:var(--color-primary)}.PageHeader{margin-bottom:3rem}.PageHeader h1{margin-bottom:0}.PageHeader .Page_PublishedDate{font-size:1.15em}h1,h2,h3,p{margin:0}p:not(:last-child):not(.SectionTag){margin-bottom:.75rem}strong{font-weight:700;color:var(--color-body-active)}.heading-anchor{opacity:0;transition:opacity .2s ease-out,color .2s ease-out;position:absolute;width:42px;height:42px;left:calc(-24px - 1rem);padding-right:1rem;top:2px}h1,h2,h3{color:var(--color-body-active);margin-bottom:1rem;font-weight:700;position:relative}h1:hover .heading-anchor,h1:focus .heading-anchor,h2:hover .heading-anchor,h2:focus .heading-anchor,h3:hover .heading-anchor,h3:focus .heading-anchor{opacity:1}h1{font-size:1.5em}h1.Heading_Larger{font-size:2em}h2{font-size:1.25em}h3{font-size:1em}a{color:var(--color-body-active);text-decoration:none;transition:color .2s ease-out}a:hover,a:focus{color:var(--color-primary)}code{font-family:monospace}code:not(pre code){color:var(--color-primary);padding:.25rem .5rem;border-radius:8px;font-size:.875em;background-color:#1a1612}.Container,.Container_Large{padding:0 1.5rem;margin:0 auto}@media (min-width: 760px){.Container,.Container_Large{padding:0 3rem}}.Container_Flex{display:flex;gap:4rem}.Container{max-width:720px}.Container_Large{max-width:1160px;width:100%}.Container_Large .Container_MainContent{max-width:100%;flex-shrink:1;width:100%}@media (min-width: 990px){.Container_Large .Container_MainContent{max-width:720px}}.Container_Large .Container_SideBar{min-width:180px;display:none}@media (min-width: 990px){.Container_Large .Container_SideBar{display:block}}.SectionTag{color:var(--color-orange);text-transform:uppercase;font-size:.875em;margin:0 0 .5em}.CardList{display:flex;flex-wrap:wrap;gap:1em}@media (min-width: 760px){.CardList_TwoCol>.Card{width:calc(50% - .5rem)}}.Card{background-color:var(--surface-bg);border-radius:1em;position:relative;overflow:hidden;padding:1rem 1.5rem;transition:all .2s ease-out;border:2px solid transparent}.Card.Card_HasLink:hover,.Card.Card_HasLink:focus{border:2px solid var(--color-orange);box-shadow:0 0 20px 0 var(--orange-shadow-color);z-index:5}@media (prefers-reduced-motion: no-preference){.Card.Card_HasLink:hover,.Card.Card_HasLink:focus{transform:scale(1.1) rotate(1deg)}.Card.Card_HasLink:hover.Card_ScaleReverse,.Card.Card_HasLink:focus.Card_ScaleReverse{transform:scale(1.1) rotate(-1deg)}}.Card.Card_Full{flex-basis:100%}.Card:before{content:"";background:var(--color-orange);width:256px;height:256px;border-radius:1000px;display:block;filter:blur(64px);top:-200px;right:-200px;position:absolute;opacity:.2}.Card_Title{font-size:1.25em;color:var(--color-body-active);margin-bottom:.5em}.Card_Link{position:absolute;z-index:2;top:0;right:0;left:0;bottom:0}.Card_PublishedDate{margin-top:.75rem;color:var(--color-body-active)}.SiteHeader{padding:1rem .5rem;margin-bottom:4rem;position:sticky;top:0;z-index:10;transition:background .2s ease-out}.SiteHeader_Fixed{background:var(--surface-bg);-webkit-box-shadow:0 0 10px 0 var(--dark-shadow-color);box-shadow:0 0 10px 0 var(--nav-shadow-color)}.SiteNav_List{display:flex;gap:2rem;list-style:none;justify-content:center;align-items:center;padding:0}.SiteNav_Link{text-decoration:none;color:var(--color-body)}.SiteNav_Active,.SiteNav_Link:hover,.SiteNav_Link:focus{color:var(--color-body-active)}.SiteNav_Item{flex-shrink:0}.SiteNav_ThemeToggle:hover{cursor:pointer}.SiteNav_ThemeToggle svg{position:relative;top:2px;width:16px;height:16px;color:var(--color-body);fill:var(--color-body)}.SiteNav_ThemeToggle svg:hover{fill:var(--color-body-active)}.Footer{background-color:var(--surface-bg);margin-top:4em;padding:3em;text-align:center}.SocialList{display:flex;gap:2em;justify-content:center;margin-bottom:2em}.SocialLink{color:var(--color-body);transition:color .2s ease-out}.SocialLink:hover,.SocialLink:active{color:var(--color-body-active)}.SocialLink_Icon{width:32px;height:32px}.SideBar{font-size:.9rem;position:sticky;top:5rem;width:inherit}.SideBar_Widget:not(:last-child){margin-bottom:2rem}.SideBar_WidgetHeading{text-transform:uppercase;color:var(--color-body-active);margin-bottom:.5rem}.SideBar_WidgetContent ul{list-style:none;margin:0;padding:0}.SideBar_WidgetContent ul li{padding:.25rem 0}.SideBar_WidgetContent ul li.level-2{padding-left:0}.SideBar_WidgetContent ul li.level-3{padding-left:1rem}.SideBar_WidgetContent ul li.level-4{padding-left:2rem}.SideBar_WidgetContent ul li.level-5{padding-left:3rem}.SideBar_WidgetContent a{text-decoration:none;color:var(--color-body);transition:color .2s ease-out}.SideBar_WidgetContent a:hover,.SideBar_WidgetContent a:focus,.SideBar_WidgetContent a.Active{color:var(--color-body-active)}.Callout{background-color:var(--surface-bg);border-left:2px solid var(--color-orange);box-shadow:0 0 20px 0 var(--orange-shadow-color);border-radius:1rem;padding:1rem;margin:2rem 0;position:relative;overflow:hidden;font-size:1rem}.Callout .Callout_Heading{font-size:1.1em;color:var(--color-body-active);margin-bottom:1rem}.Callout .Callout_Footer{margin-top:1rem;color:var(--color-body-active)}.Callout .Callout_Icon{color:var(--color-body-active);position:absolute;top:0;bottom:0;margin:auto 0;right:-16px;opacity:.1}.Callout .Callout_Icon svg{height:128px}.CodeBlock{background-color:var(--surface-bg);border-radius:1em;position:relative;overflow:hidden;padding:1rem 1.5rem;border-left:2px solid var(--color-primary);margin:2rem 0;font-size:1rem}.CodeBlock>pre{overflow-x:auto}.CodeBlock_Meta{position:absolute;top:0;right:0;display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;font-size:.9rem}.CodeBlock_Copy{background:none;border:none;color:var(--color-body);transition:color .2s ease-out}.CodeBlock_Copy:hover,.CodeBlock_Copy:focus{color:var(--color-body-active)}.CodeBlock_Copy svg{width:.9rem}.CodeBlock_Copy .CodeBlock_CopyIconDone,.CodeBlock_Copy.Copied .CodeBlock_CopyIcon{display:none}.CodeBlock_Copy.Copied .CodeBlock_CopyIconDone{display:inline}[data-theme=light] pre,[data-theme=light] code{color:#000;background-color:transparent}[data-theme=light] .hl-keyword{color:#00f}[data-theme=light] .hl-property{color:#795e26}[data-theme=light] .hl-attribute{font-style:italic}[data-theme=light] .hl-type{color:#267f99}[data-theme=light] .hl-generic{color:#00f}[data-theme=light] .hl-value,[data-theme=light] .hl-literal{color:#a31515}[data-theme=light] .hl-number{color:#098658}[data-theme=light] .hl-variable{color:#001080}[data-theme=light] .hl-comment{color:green}[data-theme=light] .hl-blur{filter:blur(2px)}[data-theme=light] .hl-strong{font-weight:700}[data-theme=light] .hl-em{font-style:italic}[data-theme=light] .hl-addition{display:inline-block;min-width:100%;background-color:#0f02}[data-theme=light] .hl-deletion{display:inline-block;min-width:100%;background-color:#f001}[data-theme=light] .hl-gutter{display:inline-block;font-size:.9em;color:#555;padding:0 1ch;-webkit-user-select:none;user-select:none}[data-theme=light] .hl-gutter-addition{background-color:#34a853;color:#fff}[data-theme=light] .hl-gutter-deletion{background-color:#ea4334;color:#fff}[data-theme=dark] pre,[data-theme=dark] code{color:#d4d4d4;background-color:transparent}[data-theme=dark] .hl-keyword{color:#569cd6}[data-theme=dark] .hl-property{color:#dcdcaa}[data-theme=dark] .hl-attribute{font-style:italic}[data-theme=dark] .hl-type{color:#4ec9b0}[data-theme=dark] .hl-generic{color:#569cd6}[data-theme=dark] .hl-value,[data-theme=dark] .hl-literal{color:#ce9178}[data-theme=dark] .hl-number{color:#b5cea8}[data-theme=dark] .hl-variable{color:#9cdcfe}[data-theme=dark] .hl-comment{color:#6a9955}[data-theme=dark] .hl-blur{filter:blur(2px)}[data-theme=dark] .hl-strong{font-weight:700}[data-theme=dark] .hl-em{font-style:italic}[data-theme=dark] .hl-addition{display:inline-block;min-width:100%;background-color:#0f02}[data-theme=dark] .hl-deletion{display:inline-block;min-width:100%;background-color:#f001}[data-theme=dark] .hl-gutter{display:inline-block;font-size:.9em;color:#555;padding:0 1ch;-webkit-user-select:none;user-select:none}[data-theme=dark] .hl-gutter-addition{background-color:#34a853;color:#fff}[data-theme=dark] .hl-gutter-deletion{background-color:#ea4334;color:#fff}.Content{font-size:1.1rem}.Content figure{background-color:var(--surface-bg);padding:.5rem;border-radius:1rem;margin:1rem 0;position:relative;overflow:hidden;box-shadow:0 0 40px #e97c161a}.Content figure:before{content:"";background:var(--color-orange);width:512px;height:512px;border-radius:1000px;display:block;filter:blur(512px);top:-360px;right:-360px;position:absolute;opacity:.08}.Content figure figcaption{font-style:italic;text-align:center;margin-top:.5rem;font-size:.9rem}.Content img{border-radius:1rem;max-height:720px;margin:0 auto;position:relative;z-index:2}.Content h2{margin-top:2.5rem;margin-bottom:1rem}.Content h3{margin-top:1.5rem;margin-bottom:.5rem}.Content p:not(:last-child):not(.SectionTag),.Content ul:not(:last-child){margin-bottom:1.5rem}.Content ul li{margin-bottom:.25rem}.Content ul p,.Content ul>ul{margin-bottom:0!important}.Content section{margin:2rem 0}.mb-0{margin-bottom:0!important}