@layer reset{*,:after,:before{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}}:root{--size-xsmall:0.25rem;--size-small:0.5rem;--size-medium:1rem;--size-large:1.5rem;--size-xlarge:2rem;--size-xxlarge:3rem}.p-small{padding:var(--size-small)}.p-medium{padding:var(--size-medium)}.p-large{padding:var(--size-large)}:root{--teal:#34d0c0;--pink:#d484d7;--blue:#2c6ca2;--red:#a53860;--red:#e64b4b;--black:#121228;--white:#fff7e5;--gray:#faebd7;--light-blue:#4e9ac1;@media (prefers-color-scheme:dark){--teal:#3ca3a8;--pink:#9531a4;--blue:#23206c}--color-primary:var(--blue);--color-on-primary:var(--white);--color-secondary:var(--pink);--color-on-secondary:var(--white);--color-tertiary:var(--teal);--color-on-tertiary:var(--white);--color-accent:var(--red);--color-on-accent:var(--white);--color-background:var(--gray);--color-on-background:var(--black);--color-border:var(--black);--color-primary:var(--blue);--color-background:var(--black);--color-on-background:var(--white);--color-on-background-secondary:rgb(from var(--white) calc(r - 50) calc(g - 50) calc(b));--color-border:var(--white);--color-on-primary-active:var(--white);--color-link-active:var(--red)}@layer form{input:not([type=submit]),textarea{border:none;background:none;border-bottom:1px solid var(--color-border);transition:border .2s ease-out;color:var(--color-on-background);&:focus{border-bottom:1px solid var(--color-accent);outline:none}}button,input[type=submit]{--action-height:3px;background:none;cursor:pointer;border:1px solid var(--color-border);text-transform:uppercase;padding:var(--size-xsmall);padding-inline:var(--size-medium);transform:translateY(0);transition:color .2s ease,transform .2s ease,border .2s ease;color:var(--color-on-background);&:after{content:"";position:absolute;display:block;background-color:currentColor;height:0;transition:height .2s ease;top:100%;left:-1px;width:calc(100% + 2px);border-radius:0 0 2px 2px}&:focus-visible,&:hover{transform:translateY(calc(var(--action-height) * -1));border:1px solid var(--color-accent);color:var(--color-accent);&:after{height:var(--action-height)}}&:active{transform:translateY(2px);transition:transform .1s ease-in;&:after{height:0}}}form .input{display:flex;flex-direction:column;label{font-size:12px}}}:root{--shadow:0 2px 3px 1px rgba(from var(--color-background) calc(r / 3) calc(g / 3) calc(b / 2)/0.5);@media (prefers-color-scheme:dark){--shadow:0 2px 2px 0 rgba(from var(--color-background) calc(r / 3) calc(g / 3) calc(b / 2)/0.5)}--font-header:InstrumentSerif,Cambria,Cochin,Georgia,Times,"Times New Roman",serif;--font-default:Helvetica,Verdana,Geneva,Tahoma,sans-serif;--page-width:69rem;--max-text-width:40rem}.page-container{max-width:var(--page-width);width:100%;padding-inline:var(--size-medium);margin-inline:auto}.max-text-width{max-width:var(--max-text-width)}:root{--font-heading:InstrumentSerif;--font-body:"Helvetica, Verdana, Geneva, Tahoma, sans-serif";--font-size-small:0.8rem;--font-size-medium:1rem;--font-size-large:calc(28 / 16 * 1rem);--font-size-xlarge:calc(36 / 16 * 1rem)}@font-face{font-family:InstrumentSerif;src:url(/_next/static/media/InstrumentSerif-Regular.1d2371e2.otf)}@layer typography{html{font-size:110%}em,h1,h2,h3,p,span,strong{transition:.1s ease-in}h1,h2,h3{font-family:InstrumentSerif,Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-weight:300}h2{font-size:var(--font-size-large)}h3{font-size:calc(var(--font-size-large) - .3rem)}a[href]{transition:color .1s ease-in;color:var(--color-on-background);&:focus,&:hover{color:var(--color-link-active)}}.blog-post>pre{margin-block:1rem}.blog-post h2{-webkit-margin-before:var(--font-size-xlarge);margin-block-start:var(--font-size-xlarge)}.blog-post h3{-webkit-margin-before:var(--font-size-medium);margin-block-start:var(--font-size-medium)}p>img{max-width:100%}}:root{--border-radius-small:2px;--border-radius-medium:var(--size-xxsmall);--border-radius-large:var(--size-small);--border-radius-xlarge:var(--size-medium);--border-radius-xxlarge:var(--size-large);--playground-outline:2px dashed var(--color-secondary);--layer-header:10;--layer-dialog:20}@layer main{html{background-color:var(--color-primary);color:var(--color-on-background)}body{background:linear-gradient(180deg,rgb(from var(--color-background) calc(r + 5) calc(g + 5) calc(b + 30)) 0,rgb(from var(--color-background) calc(r + 5) calc(g + 5) calc(b + 5)) 10%,var(--color-background) 100%);@media (prefers-color-scheme:dark){background:linear-gradient(180deg,rgb(from var(--color-background) calc(r + 5) calc(g + 5) calc(b + 30)) 0,rgb(from var(--color-background) calc(r + 5) calc(g + 5) calc(b + 15)) 10%,var(--color-background) 100%)}font-family:Helvetica,Verdana,Geneva,Tahoma,sans-serif;display:flex;flex-direction:column;min-height:100dvh;justify-content:space-between;transition:background .1s ease-in}.container{display:flex;gap:var(--size-small);&.gap-small{gap:var(--size-small)}&.gap-medium{gap:var(--size-medium)}&.gap-large{gap:var(--size-large)}&.gap-xlarge{gap:var(--size-xlarge)}&.gap-xxlarge{gap:var(--size-xxlarge)}&.centered{justify-content:center;align-items:center}&.column{flex-direction:column}&.row{flex-direction:row}}#intro{align-items:flex-start;width:auto;gap:var(--size-medium);h1{font-size:3em;color:var(--red)}h3{font-size:1.66em;color:var(--color-on-background);font-weight:lighter}}.page{align-items:stretch;margin:0 max(15vw,var(--size-small));width:auto;min-width:50%;gap:var(--size-xlarge);flex-grow:1;padding:var(--size-medium) 0}}@layer pigment._1i76g3{.s18ymezw{width:100%;max-height:50px;overflow:hidden}@keyframes squiggle{0%{transform:translateX(-100px)}to{transform:translateX(100px)}}.t1ycu7z9{fill:var(--teal);transition:fill .1s ease-in}@media not (prefers-reduced-motion){.t1ycu7z9{animation:squiggle 120s ease-in-out infinite alternate}}.p1vxgmzq{fill:var(--pink);transition:fill .1s ease-in}@media not (prefers-reduced-motion){.p1vxgmzq{animation:squiggle 120s ease-in-out infinite alternate-reverse}}}@layer pigment._14hsu69{.sgehtci{list-style-type:none;display:flex;gap:var(--size-small);padding:0;margin:0}.seuh671{text-decoration:none;font-weight:700;color:inherit;padding-inline:var(--size-small);padding-block:var(--size-xsmall);border-radius:var(--size-xsmall);transition:background-color .2s ease-in}.seuh671:focus-visible,.seuh671:hover{background-color:var(--color-on-primary-active);color:var(--color-link-active)}}@layer pigment._1942q72{.n1uxz0c6{display:flex;align-items:center;max-width:var(--page-width);margin-inline:auto;justify-content:space-between;z-index:1;position:relative}.h1aw88j4{inline-size:100%;position:-webkit-sticky;position:sticky;z-index:var(--layer-header);background:var(--color-primary);color:var(--color-on-primary);-webkit-margin-after:var(--size-xxlarge);margin-block-end:var(--size-xxlarge);-webkit-padding-before:var(--size-small);padding-block-start:var(--size-small);-webkit-padding-after:var(--size-xsmall);padding-block-end:var(--size-xsmall);transition:background .1s ease-in;top:0}.h1aw88j4>svg{position:absolute;top:100%;z-index:0;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}}@layer pigment._kldpk2{.s79nmsx{flex-direction:column}.rll93sl,.s79nmsx{display:flex;gap:var(--size-small)}.rll93sl{flex-direction:row}.rll93sl-1{flex-wrap:wrap}}@layer pigment._1fw1bpd{.h2bl0a{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}}@layer pigment._4qg1b9{.s1vgr8bb{align-items:center}}@layer pigment._qofgka{.s1vzx7jy{flex-grow:1;margin-block:var(--size-large)}}