:root{--reach-listbox:1}[data-reach-listbox-popover]{display:block;position:absolute;min-width:-moz-fit-content;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;padding:.25rem 0;background:#fff;outline:none;border:1px solid rgba(0,0,0,.25)}[data-reach-listbox-popover]:focus-within{box-shadow:0 0 4px Highlight;outline:4px auto -webkit-focus-ring-color}[data-reach-listbox-popover][hidden]{display:none}[data-reach-listbox-list]{margin:0;padding:0;list-style:none}[data-reach-listbox-list]:focus{box-shadow:none;outline:none}[data-reach-listbox-option]{display:block;margin:0;padding:.25rem .5rem;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-reach-listbox-option][aria-selected=true]{background:#1672d4;color:#fff}[data-reach-listbox-option][data-current]{font-weight:bolder}[data-reach-listbox-option][data-current][data-confirming]{animation:flash .1s;animation-iteration-count:1}[data-reach-listbox-option][aria-disabled=true]{opacity:.5}[data-reach-listbox-button]{display:inline-flex;align-items:center;justify-content:space-between;padding:1px 10px 2px;border-color:#d8d8d8 #d1d1d1 #bababa;border-style:solid;border-width:1px;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-reach-listbox-button][aria-disabled=true]{opacity:.5}[data-reach-listbox-arrow]{margin-left:.5rem;display:block;font-size:.5em}[data-reach-listbox-group-label]{display:block;margin:0;padding:.25rem .5rem;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:bolder}@keyframes flash{0%{background:#1159a6;color:#fff;opacity:1}50%{opacity:.5;background:inherit;color:inherit}to{background:#1159a6;color:#fff;opacity:1}}:root{--reach-tooltip:1}[data-reach-tooltip]{z-index:1;pointer-events:none;position:absolute;padding:.25em .5em;box-shadow:2px 2px 10px rgba(0,0,0,.1);white-space:nowrap;font-size:85%;background:#f0f0f0;color:#444;border:1px solid #ccc}@font-face{font-family:GT-Walsheim;font-weight:500;font-style:normal;font-display:fallback;src:url(/static/fonts/GT-Walsheim-Regular.woff2)}@font-face{font-family:GT-Walsheim;font-weight:600;font-style:normal;font-display:fallback;src:url(/static/fonts/GT-Walsheim-Medium.woff2)}@font-face{font-family:GT-Walsheim;font-weight:700;font-style:normal;font-display:fallback;src:url(/static/fonts/GT-Walsheim-Bold.woff2)}@font-face{font-family:GT-Walsheim;font-weight:800;font-style:normal;font-display:fallback;src:url(/static/fonts/GT-Walsheim-Black.woff2)}:root{--color-primary:#6469ff;--color-black:#222328;--color-paragraph:#666e75;--color-base-100:#fafafc;--color-base-200:#e6ebf4;--color-base-300:#bdc0cf;--color-base-400:#666;--color-error:#ff5b5b;--bezier-swift:cubic-bezier(0.175,0.885,0.32,1.275);--bezier-snappy:cubic-bezier(.2,.8,.4,1);--font-primary:"GT-Walsheim";--box-shadow:0 0 1px 0 rgba(189,192,207,0.06),0 10px 16px -1px rgba(189,192,207,0.2);--box-shadow-hover:0 0 1px 0 rgba(189,192,207,0.06),0 10px 16px -1px rgba(189,192,207,0.4)}::-moz-selection{background-color:var(--color-primary);color:#fff}::selection{background-color:var(--color-primary);color:#fff}*,:after,:before{outline-color:var(--color-primary);box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);margin:0;padding:0;background-color:#f9fafe}blockquote{border-radius:3px 6px 6px 3px;border-left:3px solid #ffb963;background:rgba(248,232,221,.5);padding:16px;margin:24px 0}blockquote>p{margin:0!important}h1,h2,h3,h4,h5,h6,p{margin:0;color:var(--color-black)}h1{font-size:32px}h2{font-size:24px}h3{font-size:18px}h4{font-size:16px}header{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--color-base-200);height:64px;padding:0 32px;z-index:1}header svg{cursor:pointer}header a{display:flex}header a:focus .github path,header a:hover .github path{fill:var(--color-primary)}a{color:var(--color-primary);font-weight:600}p{color:var(--color-paragraph);line-height:24px}main{display:flex;flex-direction:column;min-height:calc(100vh - 64px);max-width:1024px;margin:0 auto;padding:32px}main.play{max-width:624px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}article{animation:fadeIn .5s var(--bezier-swift) forwards}article,article svg{width:100%}article strong{color:var(--color-black)}article:not(:last-of-type){margin-bottom:32px}article h1,article h2,article h3,article h4,article p:not(:last-child){margin-bottom:24px}article ol,article ul{padding-left:18px;margin:24px 0}article ol:last-child,article ul:last-child{margin-bottom:0}article ol li,article ul li{color:var(--color-paragraph);line-height:24px}article ol li:not(:last-of-type),article ul li:not(:last-of-type){margin-bottom:8px}article ul{list-style-type:"• "}article code{font-size:12px;padding-left:5px;padding-right:5px;background-color:rgba(100,105,255,.05);color:var(--color-primary);border-radius:3px}article hr{height:1px;background-color:var(--color-base-200);max-width:80px;border:none;margin:32px 0}article blockquote:last-child{margin-bottom:0}article .prism-code{overflow:auto;border:1px solid var(--color-base-200);border-radius:4px;padding:16px}article pre:not(:last-child) .prism-code{margin-bottom:24px}pre{margin:0}.center{display:flex;align-items:center;justify-content:center}.center>*{width:270px;margin:32px 0}.checkboxExample{display:inline-flex;align-items:center;justify-content:center;position:relative;margin-bottom:24px}.checkboxExample input{width:24px;height:24px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;box-shadow:0 2px 4px 0 rgba(100,105,255,.3)}.checkboxExample input:checked{background:var(--color-primary)}.checkboxExample input:checked~svg{opacity:1}.checkboxExample svg{position:absolute;color:#fff;width:16px;height:16px;opacity:0}fieldset{padding:0;margin:0;border:0}fieldset legend{font-size:16px;font-weight:600;margin-bottom:16px}