@layer theme,overrides;@layer theme{blockquote,figure,h1,h2,h3,h4,h5,h6,p,pre{margin:0;padding:0}:root{--text-color-link:var(--blue)}:link,:visited{color:var(--text-color-link)}:link{text-decoration:none;&:hover { text-decoration:underline; }}@media(prefers-reduce-motion:reduce){:link{text-decoration:underline}}:root{--gray1:rgb(14 16 27);--gray2:rgb(28 33 49);--gray3:rgb(52 59 82);--gray4:rgb(87 94 120);--gray5:rgb(138 144 166);--gray6:rgb(200 204 217);--gray7:rgb(249 251 255);--light-blue:rgb(69 212 243);--blue:rgb(28 168 239);--dark-blue:rgb(63 46 231);--lilac:rgb(187 121 245);--purple:rgb(197 141 244);color-scheme:light dark}@media screen and (prefers-color-scheme:light){:root{--background-color:var(--gray7);--hr-color:var(--gray1);--text-color-primary:var(--gray1);--text-color-secondary:var(--gray4);--text-color-light:var(--gray5)}}@media screen and (prefers-color-scheme:dark){:root{--background-color:var(--gray1);--hr-color:var(--gray7);--text-color-primary:var(--gray7);--text-color-secondary:var(--gray5);--text-color-light:var(--gray4)}}:root{--background-color:light-dark(var(--gray7), var(--gray1));--hr-color:var(--text-color-secondary);--text-color-primary:light-dark(var(--gray1), var(--gray7));--text-color-secondary:light-dark(var(--gray4), var(--gray5));--text-color-light:light-dark(var(--gray5), var(--gray4))}:root[color-scheme=dark]{color-scheme:only dark}:root[color-scheme=light]{color-scheme:only light}body{background-color:var(--background-color);color:var(--text-color-primary)}hr{border:0;border-bottom:var(--standard-border);color:var(--hr-color);width:100%}:root{--space-base:1rem;--space-xxs:calc(var(--space-base) * pow(1.618, -3));--space-xs:calc(var(--space-base) * pow(1.618, -2));--space-s:calc(var(--space-base) * pow(1.618, -1));--space-m:calc(var(--space-base) * pow(1.618, 0));--space-l:calc(var(--space-base) * pow(1.618, 1));--space-xl:calc(var(--space-base) * pow(1.618, 2));--space-xxl:calc(var(--space-base) * pow(1.618, 3));--fixed-space-base:1rem;--fixed-space-xxs:calc(var(--fixed-space-base) * pow(1.618, -3));--fixed-space-xs:calc(var(--fixed-space-base) * pow(1.618, -2));--fixed-space-s:calc(var(--fixed-space-base) * pow(1.618, -1));--fixed-space-m:calc(var(--fixed-space-base) * pow(1.618, 0));--fixed-space-l:calc(var(--fixed-space-base) * pow(1.618, 1));--fixed-space-xl:calc(var(--fixed-space-base) * pow(1.618, 2));--fixed-space-xxl:calc(var(--fixed-space-base) * pow(1.618, 3));--space-paragraph:var(--space-m)}.margin-block-start--xxs{margin-block-start:var(--space-xxs)}.margin-block-end--xxs{margin-block-end:var(--space-xxs)}.margin-inline-start--xxs{margin-inline-start:var(--space-xxs)}.margin-inline-end--xxs{margin-inline-end:var(--space-xxs)}.margin-block-start--xs{margin-block-start:var(--space-xs)}.margin-block-end--xs{margin-block-end:var(--space-xs)}.margin-inline-start--xs{margin-inline-start:var(--space-xs)}.margin-inline-end--xs{margin-inline-end:var(--space-xs)}.margin-block-start--s{margin-block-start:var(--space-s)}.margin-block-end--s{margin-block-end:var(--space-s)}.margin-inline-start--s{margin-inline-start:var(--space-s)}.margin-inline-end--s{margin-inline-end:var(--space-s)}.margin-block-start--m{margin-block-start:var(--space-m)}.margin-block-end--m{margin-block-end:var(--space-m)}.margin-inline-start--m{margin-inline-start:var(--space-m)}.margin-inline-end--m{margin-inline-end:var(--space-m)}.margin-block-start--l{margin-block-start:var(--space-l)}.margin-block-end--l{margin-block-end:var(--space-l)}.margin-inline-start--l{margin-inline-start:var(--space-l)}.margin-inline-end--l{margin-inline-end:var(--space-l)}.margin-block-start--xl{margin-block-start:var(--space-xl)}.margin-block-end--xl{margin-block-end:var(--space-xl)}.margin-inline-start--xl{margin-inline-start:var(--space-xl)}.margin-inline-end--xl{margin-inline-end:var(--space-xl)}.margin-block-start--xxl{margin-block-start:var(--space-xxl)}.margin-block-end--xxl{margin-block-end:var(--space-xxl)}.margin-inline-start--xxl{margin-inline-start:var(--space-xxl)}.margin-inline-end--xxl{margin-inline-end:var(--space-xxl)}@scope(main) to (.page-summary){h1, h2, h3, h4, h5, h6 {
    margin-block: var(--space-l) var(--space-m);
  }
}.page-header{+:is(dl,ol,ul) { margin-block-start:0; }}hr{margin-block:var(--space-l)}:is(dl,p,ol,ul,figure,.codeblock)+:is(dl,p,ol,ul,figure,.codeblock){margin-block-start:var(--space-paragraph)}hgroup>:is(h1,h2,h3,h4,h5,h6){margin-block-end:0}hgroup:has(>:is(h1,h2,h3,h4,h5,h6)){margin-block-end:var(--space-m)}hgroup:has(>.heading.with-anchor){display:grid;grid-template-columns:subgrid;grid-column:gutter-left-start/main-end}p+:is(blockquote,table,.content-grid,.highlight,.instagram-media,.two-column:has(figure:first-child+figure:last-child)){margin-block-start:var(--space-xl)}:is(blockquote,table,.content-grid,.highlight,.instagram-media,.two-column:has(figure:first-child+figure:last-child)):has(+p){margin-block-end:var(--space-xl)}:root{--content-width:45rem;--gutter-width:var(--space-m)}body{display:grid;gap:0;grid-template-columns:[full-start] 1fr [wide-start] 1fr [wide-gutter-start wide-gutter-left-start] var(--gutter-width) [wide-gutter-left-end gutter-start gutter-left-start] var(--gutter-width) [gutter-left-end main-start] minmax(auto,var(--content-width)) [main-end gutter-right-start] var(--gutter-width) [gutter-right-end gutter-end wide-gutter-right-start] var(--gutter-width) [wide-gutter-right-end wide-gutter-end] 1fr [wide-end] 1fr [full-end];margin:0}@media screen and (max-width:480px){:root{--gutter-width:var(--space-s)}body{grid-template-columns:[ full-start wide-start wide-gutter-start wide-gutter-left-start wide-gutter-left-end gutter-start gutter-left-start ] var(--gutter-width) [gutter-left-end main-start] minmax(auto,var(--content-width)) [main-end gutter-right-start] var(--gutter-width) [ gutter-right-end gutter-end wide-gutter-right-start wide-gutter-right-end wide-gutter-end wide-end full-end ]}}main,section{display:grid;grid-template-columns:subgrid;grid-column:full-start/full-end}.list-header,p{grid-column:main-start/main-end}img{object-fit:contain}.content-term-list{display:flex;list-style:none;padding-inline:0;li:not(:last-child) { margin-inline-end:var(--space-s); }}section.content--small-right-column{display:block flow;grid-column:main-start/main-end;p { grid-column: unset; } .content--right-column, :has(.content--right-column) { float: inline-end; margin-block: 0; }}section:has(>.page-summary){h2 { margin-block-end: 0; } row-gap: var(--space-xl)}main.content>.two-column{display:grid;grid-column:main-start/main-end;grid-template-columns:1fr 1fr;&.wide { grid-column: wide-gutter-start / wide-gutter-end; } > :first-child { grid-column: unset; } > :last-child { grid-column: unset; } > .figure { display: block; } &:has(figure:first-child + figure:last-child) { gap: var(--space-xs); grid-column: wide-gutter-start / wide-gutter-end; }}@font-face{font-family:source-code-pro;font-weight:200 900;font-style:normal;font-stretch:normal;src:url(https://erynwells.me/fonts/sourceCodePro-variable.woff2)}@font-face{font-family:source-code-pro;font-weight:200 900;font-style:italic;font-stretch:normal;src:url(https://erynwells.me/fonts/sourceCodePro-italic-variable.woff2)}:root{--font-family-sans:system-ui, Arial, sans-serif;--font-family-serif:Georgia, serif;--font-family-monospace:source-code-pro, monospace;--font-family-body:var(--font-family-sans);--font-family-heading:var(--font-family-monospace);--text-base:1rem;--text-xxs:calc(var(--text-base) * pow(1.2, -3));--text-xs:calc(var(--text-base) * pow(1.2, -2));--text-s:calc(var(--text-base) * pow(1.2, -1));--text-m:calc(var(--text-base) * pow(1.2, 0));--text-l:calc(var(--text-base) * pow(1.2, 1));--text-xl:calc(var(--text-base) * pow(1.2, 2));--text-xxl:calc(var(--text-base) * pow(1.2, 3))}.text--xxs{font-size:var(--text-xxs)}.text--xs{font-size:var(--text-xs)}.text--s{font-size:var(--text-s)}.text--m{font-size:var(--text-m)}.text--l{font-size:var(--text-l)}.text--xl{font-size:var(--text-xl)}.text--xxl{font-size:var(--text-xxl)}.text--mono{font-family:var(--font-family-monospace)}.text--serif{font-family:var(--font-family-serif)}.text--sans{font-family:var(--font-family-sans)}html{font-family:var(--font-family-body);font-size:clamp(100%,3vw,130%);line-height:1.45}h1,h2,h3,h4,h5,h6,:is(header,hgroup)>.subtitle{font-family:var(--font-family-heading)}h1{font-size:var(--text-xxl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-l)}h4{font-size:var(--text-m)}:is(header,hgroup)>.subtitle{line-height:1}p,dd{letter-spacing:.01em}sup{font-size:var(--text-xs);line-height:1;vertical-align:text-top}.title{font-size:var(--text-xxl)}.subtitle{font-weight:lighter;font-family:var(--font-family-serif)}small,.text--small{color:var(--text-color-secondary);font-weight:400;font-size:var(--text-s);letter-spacing:.01em}:has(>img:only-child){line-height:1}:root{--standard-border-color:light-dark(var(--gray6), var(--gray4));--standard-border:2px dashed var(--standard-border-color)}@scope(main){blockquote,
  dl,
  footer,
  h1, h2, h3, h4, h5, h6,
  header,
  hgroup,
  hr,
  nav,
  ol,
  ul,
  .footnotes,
  .page-footer
  {
    grid-column: main-start / main-end;
  }
}.codeblock,.codeblock code{font-family:var(--font-family-monospace)}.codeblock{color:var(--foreground);background-color:var(--background);grid-column:gutter-start/gutter-end;overflow:auto;padding-block:var(--space-s);.line { margin-inline: var(--gutter-width); }}.pre--plaintext{font-family:var(--font-family-body);grid-column:main-start/main-end}.color-theme__dracula{--background:#282A36;--foreground:#f8f8f2;--selection:#44475A;--comment:#6272A4;--red:#ff5555;--orange:#ffB86C;--yellow:#F1FA8C;--green:#50FA7B;--purple:#BD93F9;--cyan:#8BE9FD;--pink:#FF79C6}.codeblock{.err { color: var(--red); } .lnlinks { outline: none; text-decoration: none; color: inherit; } .line { display: flex; } .k { color: var(--purple); } .kc, .kd, .kp, .kr { color: var(--orange); } .kn { color: var(--yellow); } .kt { color: var(--yellow); font-weight: bolder; } .hl { background-color: var(--selection); } .ln { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em; color: var(--text-color-secondary); } .na, .nc, .nd { color: var(--green); } .no { color: var(--cyan); } .ne { color: var(--pink); font-weight: bolder; } .nf { color: var(--green); } .nx { color: var(--green); } .nt { color: var(--red); } .l { color: var(--cyan); } .ld { color: var(--yellow); } .dl, .s, .sb, .sc { color: var(--yellow); } .il, .m, .mb, .mf, .mh, .mi, .mo { color: var(--yellow); font-weight: bolder; } .nb { color: var(--green); } .o { color: var(--orange); } .ow { color: var(--red); } .s2, .sd, .sh, .si, .sx { color: var(--yellow); } .se { color: var(--purple); } .sr { color: var(--green); } .sa, .s1, .ss { color: var(--yellow); } .c, .ch, .cm, .c1, .cs, .cp, .cpf { color: var(--comment); } .gd { color: var(--red); } .ge { font-style: italic; } .gi { color: var(--green); } .gs { font-weight: bold; } .gu { color: var(--text-color-secondary); }}.figure{grid-column:wide-gutter-start/wide-gutter-end}.figure--main-column{grid-column:main-start/main-end}.figure--code{grid-column:gutter-start/gutter-end}.figure{display:grid;grid-template-columns:subgrid;&:has(> img:only-child) { display:flex; justify-content:center; } &:has(.youtube) { display:block; grid-template-columns:unset; } > a:has(img:only-child) { grid-column:wide-gutter-start/wide-gutter-end; } .figure__caption--blockquote { font-size:inherit; margin-inline-start:var(--space-m); blockquote + & { margin-block-start:var(--space-m); } &::before { color:var(--text-color-secondary); content:"--"; } }}.figure :is(img,video){grid-column:wide-gutter-start/wide-gutter-end;max-width:100%}.figure--small{display:flow;margin-inline:auto;img { max-width: 480px; }}.figure video{width:100%}.figure .youtube{width:100%;iframe { aspect-ratio: 16 / 9; margin-bottom: -3px; width: 100%; }}figcaption{color:var(--text-color-secondary);font-weight:400;font-size:var(--text-xs);grid-column:main-start/main-end;letter-spacing:.01em}.content-grid>.figure{grid-column:unset}.img--circular{shape-outside:circle(50%);-webkit-clip-path:circle(50%);clip-path:circle(50%)}@scope(main) to (nav,footer){dl,
  ol,
  ul
  {
    grid-column: main-start / main-end;
    margin-block: 0;
  }


  ol {
    padding-inline-start: 4ch;

    li {
      gap: 1ch;
      grid-column: 1 / -1;
      grid-template-columns: subgrid;

      
    }
  }


  ul {
    list-style-type: "*";
    padding-inline-start: 1ch;

    li {
      padding-inline-start: 1ch;
    }
  }


  li {
    &::marker, &::before {
      color: var(--text-color-secondary);
      font-family: var(--font-family-monospace);
    }
  }


  dd {
    color: var(--text-color-secondary);
    font-size: var(--text-s);
    margin-inline: var(--space-l);

    &:has(+ dt) {
      margin-block-end: var(--space-paragraph);
    }
  }
}.figure--blockquote,:not(.figure--blockquote)>blockquote{--border-width:var(--space-xs);--inline-padding:var(--space-l);border-inline-start:var(--border-width)solid var(--text-color-light);margin-inline:0 var(--inline-padding);padding-inline-start:calc(var(--inline-padding) - var(--border-width))}@scope(dl.tags){:scope {
    --spacing: 1ch;

    display: grid;
    font-family: var(--font-family-monospace);
    grid-template-columns: max-content 1fr;
    margin-block: 0;
  }

  dt {
    color: var(--text-color-secondary);
    margin-block: 0;
    margin-inline: 0 var(--spacing);
    text-transform: uppercase;
    white-space: nowrap;
  }

  dd::before {
    color: var(--text-color-primary);
    content: " = ";
  }

  dd {
    color: var(--text-color-primary);
    display: inline;
    margin: 0;
    padding-inline-start: 0;
    white-space: nowrap;

    > :is(ul, ol) {
      display: inline flex;
      padding-inline-start: 0;
      white-space: nowrap;
      flex-wrap: wrap;
      gap: 0 var(--spacing);
      list-style-type: none;

      li {
        padding-inline: 0;

        &:not(:first-child)::before {
          color: var(--text-color-secondary);
          content: ":";
          margin-inline-end: var(--spacing);
        }
      }
    }
  }
}.site-header,.site-footer{--space-edge:var(--space-s)}@scope(.site-header){:scope {
    --site-header-footer-nav-separator: var(--text-color-light);

    border-bottom: var(--standard-border);
    font-family: var(--font-family-monospace);
    grid-column: main-start / main-end;
    margin-block: var(--space-edge) var(--space-xl);
    padding-bottom: var(--space-xs);
  }

  .title {
    color: var(--text-color-primary);
    font-size: var(--text-m);
    font-weight: medium;
    letter-spacing: 0.05em;

    a {
      color: inherit;

      &:hover {
        text-decoration: none;
      }
    }
  }

  nav {
    font-size: var(--text-m);
    font-weight: normal;

    ul {
      --spacing: 2ch;

      display: flex;
      gap: var(--spacing);
      list-style: none;
      margin: 0;
      padding: 0;
    }

    li {
      color: var(--site-header-footer-nav-separator);
      justify-content: center;

      &::after {
        content: "/";
      }

      &.file::after {
        content: "*";
      }
    }
  }

  @media screen and (max-width: 480px) {
    .site-header__content {
      grid-column: full-start / full-end;
      padding-inline: var(--gutter-width);
    }
  }
}.site-footer{border-top:var(--standard-border);color:var(--text-color-secondary);font-size:var(--text-s);grid-column:main-start/main-end;margin-block:var(--space-xl)var(--space-edge);padding-block-start:var(--space-s)}@media screen and (max-width:480px){.site-footer{grid-column:full-start/full-end;padding-inline:var(--gutter-width)}}.content-grid{display:grid;grid-template-columns:repeat(var(--columns),1fr)}@scope(:is(h1,h2,h3,h4,h5,h6)){:scope:has(.anchor, .marker) {
    display: grid block;
    grid-column: gutter-left-start / main-end;
    grid-template-columns: subgrid;
    grid-template-areas: "widget title";

    .anchor, .marker {
      grid-area: widget;
    }

    :not(.anchor, .marker) {
      grid-area: title;
    }
  }

  :is(.anchor, .marker) :link {
    color: transparent;
    text-decoration: none;
    transition: 0.3s color;
  }

  :scope:hover {
    :is(.anchor, .marker) :link {
      color: var(--text-color-secondary);
    }

    :is(.anchor, .marker) :link:hover {
      color: var(--text-color-link);
      text-decoration: inherit;
    }
  }

  .marker {
    color: var(--text-color-secondary);
  }

  .anchor, .marker {
    align-self: center;
    display: flex;
    font-size: max(var(--text-m), 80%);
    grid-column: gutter-left-start / gutter-left-end;
    justify-content: center;
  }

  :not(.anchor, .marker) {
    grid-column-start: main-start;
  }
}@media screen and ((max-width:480px) or (hover:none)){.heading.with-anchor{display:flex;gap:1ch;grid-column:main-start/main-end; :first-child { grid-column: auto; font-weight: normal; order: 99; a { color: var(--text-color-light); } }}}.footnotes{font-size:var(--text-s);hr { margin-block-start: var(--space-xl); } li:not(:last-child) { margin-block-end: var(--space-xs); } p { font-size: inherit; } &:has(+ .page-footer) > ol { margin-block-end: 0; }}.page-footer{margin-block-start:var(--space-xl);font-size:var(--text-s); :last-child { margin-bottom: 0; } > :only-child { margin-block-start: 0; } &:not(:has(.page-navigation:only-child)) > .page-navigation { margin-block-start: var(--space-xl); }}.page-header{font-family:var(--font-family-monospace);grid-column:main-start/main-end;margin-block:var(--space-xl)var(--space-l);&:first-child,h1:first-child { margin-block-start:0; }:last-child { margin-block-end:0; } h1 { font-family:var(--font-family-monospace); font-size:var(--text-xxl); line-height:1.2; &:has(+:is(.subtitle,.page-date)) { margin-block-end:0; } } .subtitle { color:var(--text-color-secondary); font-size:var(--text-m); } .page-date { color:var(--text-color-secondary); display:block; font-family:var(--font-family-body); font-size:var(--text-s); } .subtitle + .page-date { margin-block:var(--space-xs) 0; }}.page-navigation{list-style:none;padding-inline:0;&:has(.next-page:only-child) { justify-content:flex-end; } .prev,.next { display:block; padding-inline:0; } .next { text-align:right; } .prev::before,.next::after { color:var(--text-color-secondary); font-family:var(--font-family-monospace); } .prev::before { content:"<-"; padding-inline-end:var(--space-s); } .next::after { content:"->"; padding-inline-start:var(--space-s); }}@scope(.page-summary){:scope {
    display: grid;
    grid-column: gutter-left-start / main-end;
    grid-template-columns: subgrid;
  }

  p + & {
    margin-block-start: var(--space-xl);
  }

  h2, h3, p {
    margin-block-end: var(--space-xs);

    &:last-child {
      margin-block-end: 0;
    }
  }

  h2, h3 {
    line-height: 1;
  }

  p {
    font-size: var(--text-m);
  }

  footer {
    border-top: 1px dashed light-dark(var(--gray6), var(--gray4));
    grid-column: main-start / main-end;
    padding-block-start: var(--space-xs);
  }

  .tag {
    font-size: var(--text-s);
  }
}details:has(#TableOfContents){grid-column:main-start/main-end;summary { font-family: var(--font-family-heading); font-size: var(--text-m); &::before { content: "+ "; font-weight: bold; } &::marker { content: ""; } &::-webkit-details-marker { display: none; } } &[open] { summary::before { content: "- "; } } #TableOfContents { > ul { margin-block: 0; font-size: var(--text-m); } ul { list-style-type: none; } }}}