:root{--font-mono:"SF Mono",SFMono-Regular,ui-monospace,"DejaVu Sans Mono",Menlo,Consolas,monospace;--spacing-spacing-4:8px;--spacing-spacing-5:12px;--spacing-spacing-6:16px;--spacing-spacing-8:36px;--corner-large:1.5rem;--surface-level-1:#FAF9F7;--surface-base:white;--surface-shade-5:rgba(26,25,24,0.05);--surface-shade-10:rgba(26,25,24,0.10);--button-handle:#fff;--foreground-rgb:0,0,0;--background-hsl:0,0%,100%;--foreground:rgb(var(--foreground-rgb));--background50:rgba(255,255,255,0.5);--blue-color:hsla(219,92%,58%,1);--link-color:var(--button-primary);--button-primary:rgba(26,25,24,1);--button-primary-hover:#454443;--button-light-hover:rgba(26,25,24,0.10);--sample-background:hsla(0,0%,0%,0.05);--shadow-color:rgba(0,0,0,0.15);--thumb-shadow-color:rgba(0,0,0,0.12);--default-animation:0.2s ease-in-out;--transparent-purple:rgba(255,0,184,0.25);--dark-purple:hsl(313,29%,37%);--dark-purple-hsl:313,29%,37%;--fills-secondary:hsla(240,3%,49%,0.16);--text-primary:#1A1918;--text-secondary:hsl(30,1%,27%);--text-gentle:#888887;--text-invert:rgba(255,255,255,1);--text-light:#D4D3D2;--border-divider:#D4D3D2;--border-primary:#1A1918;--thumb-width:8px;--thumb-height:16px;--slider-thumb-color:rgb(255,255,255);--colour-indigo-300:hsla(241,71%,78%,1);font-smooth:auto;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;--nav-width:240px;--footer-width:800px;--regular-page-width:800px;--text-width:640px;--effect-highlight-50:#DDFCFA;--effect-highlight-soft:#A2EAE7;--effect-highlight-med:#00C7BE;--label-blueprint-primary:#5856D6;--button-tab:#ffffff;--side-panel-opacity:0.5;--side-panel:hsla(0,0%,100%,var(--side-panel-opacity));--effect-focus-med:#A2A1EF;--material-background:rgb(255,255,255,0.5);--neutral-600:#B2B2B0;--blue-blue:#007AFF}@media(prefers-color-scheme:dark){:root{--background50:rgba(0,0,0,0.5);--side-panel:hsla(0,0%,0%,var(--side-panel-opacity));--background-hsl:0,0%,0%;--surface-base:hsl(30,4%,10%);--text-primary:hsl(60,7%,95%);--text-invert:hsl(30,4%,10%);--text-secondary:hsl(30,2%,83%);--text-gentle:#737272;--text-light:#737272;--surface-level-1:#292928;--surface-level-2:hsl(60,1%,20%);--surface-shade-5:rgba(255,255,255,0.05);--surface-shade-10:rgba(255,255,255,0.10);--button-primary:rgba(242,242,240,1);--button-primary-hover:#FAF9F7;--border-divider:#3B3A3A;--border-primary:#EBEAE9;--effect-highlight-50:#004744;--button-light-hover:#1A1918;--button-handle:#737272;--button-tab:#3B3A3A;--effect-highlight-soft:#08BFB7;--effect-highlight-med:#00C7BE;--label-blueprint-primary:#5E5CE6;--effect-focus-med:#5E5CE6;--material-background:rgb(255,255,255,0.05);--neutral-600:#737272;--blue-blue:#0A84FF}}*{box-sizing:border-box;padding:0;margin:0}ul{margin-left:1.5rem}body,html{max-width:100vw;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:130%;letter-spacing:-.17px;color:var(--text-primary);background:var(--surface-base,#FFF)}.icon{fill:var(--text-primary)}header{position:fixed;z-index:10;top:0;width:100%;height:54px;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-spacing-4,16px);border-bottom:1px solid var(--surface-shade-10,rgba(26,25,24,.1));background:var(--surface-base,#FFF)}code{font-family:var(--font-mono);font-size:16px;line-height:130%}a{color:var(--link-color);text-decoration:none;text-underline-offset:4px}p a{text-decoration:underline}h1 a{color:inherit}h1 a:hover{text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6,p,ul{margin-bottom:16px}thead{font-weight:700}td{padding:.25rem}thead td{border-bottom:1px solid white}h1,h2,h3,h4,h5,h6{color:var(--text-primary,#1A1918)}h1{font-size:3rem;line-height:120%}h2{color:var(--text-primary,#1A1918);font-size:2rem;line-height:2.5rem}h2,h3{font-style:normal;font-weight:700}h3{font-size:22px;line-height:28px;padding-top:16px}p{color:var(--text-secondary,hsl(30,1%,27%));font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;letter-spacing:-.01rem}@media (prefers-color-scheme:dark){html{color-scheme:dark}}pre{counter-reset:line}span.lineno{padding-right:1.5em;opacity:.3;font-size:.9em;counter-increment:line;width:2em;display:inline-block}span.lineno,span.lineno:before{-webkit-user-select:none;user-select:none}span.lineno:before{content:counter(line)}pre span.number{color:#098658}pre span.string{color:rgb(209,47,27)}pre span.keyword{font-weight:600;color:#9B2393}@media(prefers-color-scheme:dark){pre span.keyword{color:#FC5FA3}pre span.string{color:#FC6A5D}pre span.number{color:#b5cea8}}pre span.otherType{color:#267f99}pre span.comment{color:var(--text-gentle)}@media(prefers-color-scheme:dark){pre span.otherType{color:#8ac6d1}}pre span.otherMethod{color:#1C00CF}@media(prefers-color-scheme:dark){pre span.otherMethod{color:#8ac6d1}}.numberInput{width:54px;height:20px;padding:var(--spacing-spacing-0,2px) var(--corner-small,6px);border:1px solid #00000000;border-radius:var(--corner-x-small,4px);background:var(--surface-shade-5,rgba(26,25,24,.05));color:var(--text-primary,#1A1918)}.numberInput:focus{outline:none;border:1px solid var(--border-blueprint-primary,#5856d6)}.variableTitle{color:var(--text-primary,#1A1918);font-size:13px;font-style:normal;font-weight:510;line-height:16px}.inputGroup{display:inline-flex;align-items:center;gap:var(--spacing-spacing-4,16px)}h1{color:rgb(var(--text-primary));margin:0;font-size:24px;font-weight:700;line-height:28px}h1,h1 em{font-style:normal}h1 em{opacity:var(--border-single,1);background:linear-gradient(150deg,#01D7FF 7.13%,#006EFD 73.95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mb-spacing-10{margin-bottom:80px}.mt-spacing-10{margin-top:80px}@media screen and (max-device-width:480px){body{-webkit-text-size-adjust:100%}}html{scroll-padding-top:80px}.placeholder{color:var(--text-gentle)}.onlyLight{display:block}.onlyDark{display:none}@media screen and (prefers-color-scheme:dark){.onlyDark{display:block}.onlyLight{display:none}}input[type=color]{-webkit-appearance:none;border:none;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none}input[type=color]::-moz-color-swatch{border:none}ul li{margin-left:16px}