:root{--color-primary-lightest: hsl(0, 0%, 97%);--color-primary-lighter: hsl(0, 0%, 85%);--color-primary-light: hsl(0, 0%, 80%);--color-primary-lighty: hsl(0, 0%, 68%);--color-primary: hsl(0, 0%, 59%);--color-primary-darky: hsl(0, 0%, 45%);--color-primary-dark: hsl(0, 0%, 30%);--color-primary-darker: hsl(0, 0%, 11%);--color-primary-darkest: hsl(0, 0%, 08%);--color-second-lightest: hsl(15, 100%, 97%);--color-second-lighter: hsl(15, 100%, 85%);--color-second-light: hsl(15, 100%, 80%);--color-second-lighty: rgb(253, 133, 93);--color-second: hsl(15, 90%, 59%);--color-second-darky: hsl(15, 85%, 45%);--color-second-dark: hsl(15, 80%, 30%);--color-second-darker: hsl(15, 80%, 20%);--color-second-darkest: hsl(15, 80%, 8%);--color-third-lightest: hsl(210, 70%, 97%);--color-third-lighter: hsl(210, 70%, 85%);--color-third-light: hsl(210, 70%, 80%);--color-third-lighty: hsl(210, 68%, 68%);--color-third: #5896d5;--color-third-darky: hsl(210, 55%, 45%);--color-third-dark: hsl(210, 50%, 30%);--color-third-darker: hsl(210, 50%, 20%);--color-third-darkest: hsl(210, 50%, 8%);--color-font-primary: var(--color-primary-lightest);--color-blog-font-primary: var(--color-primary-light);--color-font-highlight: var(--color-second-lighty);--color-bg: var(--color-primary-darkest);--color-bg-2: var(--color-primary-darker);--color-bg-semi: color-mix(in srgb, var(--color-bg) 90%, transparent 10%);--color-bg-tint: color-mix(in srgb, var(--color-bg) 99%, transparent 1%);--color-link: var(--color-font-highlight);--color-error: #ffaaaa}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;scroll-behavior:smooth;scrollbar-color:var(--color-second) var(--color-bg-2);scrollbar-width:thin}body{font-family:Helvetica,Arial,sans-serif;color:var(--color-font-primary);background:var(--color-bg);overflow-x:hidden;position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center}p{margin-top:1rem;line-height:1.5em;text-wrap:pretty}a{color:var(--color-link);text-decoration:none}strong{color:var(--color-font-highlight)}h1,h2,h3,h4{margin:.5em 0}h1{font-size:1.5rem;color:var(--color-font-highlight)}h2,h3,h4{font-size:1.25rem;margin-top:1.75rem;color:var(--color-font-highlight)}path{transition:.25s linear stroke-dashoffset;fill:none;stroke:var(--color-second);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1}.hl{color:var(--color-font-highlight)}.hljs{background-color:#111d!important;line-height:1.2rem!important}button{background:var(--color-bg-2);border-radius:.5rem;padding:.25rem .5rem;border:.1rem solid var(--color-primary);font-size:.95rem}button:hover{background:var(--color-bg);box-shadow:0 0 .25rem var(--color-primary)}.note{color:var(--color-third-light)}.three-example{width:100%!important}