@layer settings, tools, generic, elements, objects, components, trumps;@layer settings{:root{--font--2:clamp(0.69rem,calc(0.64rem + 0.21vw),0.8rem);--font--1:clamp(0.83rem,calc(0.75rem + 0.33vw),1rem);--font-0:clamp(1rem,calc(0.88rem + 0.5vw),1.25rem);--font-1:clamp(1.2rem,calc(1.02rem + 0.73vw),1.56rem);--font-2:clamp(1.44rem,calc(1.18rem + 1.03vw),1.95rem);--font-3:clamp(1.73rem,calc(1.37rem + 1.43vw),2.44rem);--font-4:clamp(2.07rem,calc(1.58rem + 1.96vw),3.05rem);--font-5:clamp(2.49rem,calc(1.82rem + 2.65vw),3.82rem);--font-weight-lite:100;--font-weight-md:300;--font-weight-bold:700;--font-fallback:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-primary:"Spectral",system-ui,var(--font-fallback);--font-secondary:"Roboto",var(--font-fallback);--font-monospace:"Fira Code",monospace;--radius-xs:0.25rem;--radius-sm:0.4rem;--radius-md:0.8rem;--radius-pill:360px;--radius-round:50%;--space-3xs:clamp(0.25rem,calc(0.23rem + 0.12vw),0.31rem);--space-2xs:clamp(0.5rem,calc(0.48rem + 0.12vw),0.56rem);--space-xs:clamp(0.75rem,calc(0.7rem + 0.24vw),0.88rem);--space-sm:clamp(1rem,calc(0.95rem + 0.24vw),1.13rem);--space-md:clamp(1.5rem,calc(1.43rem + 0.37vw),1.69rem);--space-lg:clamp(2rem,calc(1.9rem + 0.49vw),2.25rem);--space-xl:clamp(3rem,calc(2.85rem + 0.73vw),3.38rem);--space-2xl:clamp(4rem,calc(3.8rem + 0.98vw),4.5rem);--space-3xl:clamp(6rem,calc(5.71rem + 1.46vw),6.75rem);--duration:200ms;--ease:cubic-bezier(0.33,1,0.68,1);--page-max-width:55ch;--sidebar-max-width:35ch;--page-padding:clamp(var(--space-sm),6vw,var(--space-md));--column-gap:var(--space-md);--column-width:250px;--outline:2px solid var(--color-secondary);--outline-offset:2px;--white:#fff;--black:#fff;--color-1:#21485c;--color-2:#245670;--color-3:#fb7a09;--color-4:#f2c751;--color-4-text:#fff;--color-5:#b8c66e;--color-text:#16303d;--color-text-accent:#333;--color-bg:#fafafa;--color-bg-accent:#ededed;--color-bg-shadow:#f2f2f2;--color-primary:var(--color-3);--color-secondary:var(--color-2)}}@layer settings{@media (prefers-color-scheme:dark){:root{--white:#fff;--black:#fff;--color-1:#1f1b24;--color-2:#e5d1fc;--color-3:#fb7a09;--color-4:#f2c751;--color-5:#b8c66e;--color-text:#dbd2d2;--color-text-accent:#ccc;--color-bg:#141414;--color-bg-accent:#080808;--color-bg-shadow:#0d0d0d;--color-primary:var(--color-3);--color-secondary:var(--color-2)}}}@layer tools{.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}@layer generic{*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{line-height:1.5;min-height:100vh;text-rendering:optimizeSpeed}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}}@layer generic{@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}}@layer elements{a{color:var(--color-secondary)}a:focus-visible,a:hover{color:var(--color-text-accent)}:is(a:focus-visible){outline:var(--outline);outline-offset:var(--outline-offset)}}@layer elements{body{-webkit-text-size-adjust:100%;background-color:var(--color-bg);color:var(--color-text);display:flex;flex-direction:column;font-family:var(--font-primary);font-size:var(--font-0);gap:var(--space-xl);line-height:1.6;transition:var(--duration) var(--ease);transition-property:background-color,color}button{background-color:var(--color-bg-accent);border:0;color:var(--color-2);padding:var(--space-xs)}}@layer elements{:is(button:focus-visible){outline:var(--outline);outline-offset:var(--outline-offset)}}@layer elements{code{background:var(--color-bg-accent);border-radius:var(--radius-xs);font-family:var(--font-monospace);font-size:.85em;padding:.125em .4em}}@layer elements{:is(h1,h2,h3,h4,h5){font-family:var(--font-primary);font-weight:var(--font-weight-bold)}}@layer elements{hr{border:0;border-top:2px dashed var(--color-bg-accent);margin:1rem 0;width:100%}}@layer elements{:is(input:focus-visible){outline:var(--outline);outline-offset:var(--outline-offset)}form>*{margin:.2rem .3rem .2rem 0}input{background-color:var(--color-bg-accent);border:0;color:var(--color-2);padding:var(--space-xs)}ol,ul{list-style-type:none;padding-inline-start:0}}@layer elements{li::marker{color:var(--color-primary)}dl dt{margin-block-start:var(--space,var(--space-md))}pre{background:var(--color-bg-accent);border-radius:var(--radius-xs);font-family:var(--font-monospace);overflow-x:scroll;padding:.125em .4em}small{font-size:var(--text-sm)}}@layer objects{.content .site-map{grid-column:popout}.content .image,.content .note-graph,.content figure{grid-column:feature}.content>*{grid-column:content}.content blockquote,.content blockquote+*,.content pre[class*=language-],.content pre[class*=language-]+:not(h2){--space:var(--space-lg)}.content .gatsby-resp-image-wrapper,.content .gatsby-resp-image-wrapper+*,.content .image,.content .image+*{--space:var(--space-xl)}.content .callout,.content .callout+*{--space:var(--space-lg)}.content h2{--space:var(--space-xl);font-size:var(--font-3);line-height:1.1}.content h3{font-size:var(--font-2);line-height:1.2}.content .gatsby-highlight,.content pre{grid-column:popout}.content p:has(picture){grid-column:feature}.content img{border-radius:clamp(0px,((100vw - var(--radius-md)/2) - 100%) * 9999,var(--radius-md));height:auto;vertical-align:bottom;width:100%}.content blockquote{color:var(--color-text-accent);font-family:var(--font-secondary);font-size:var(--font-1);font-weight:var(--font-weight-lite);line-height:1.3;padding:var(--space-2xs) var(--space-md);position:relative}.content blockquote:before{background-color:var(--color-primary);border-radius:var(--radius-pill);content:"";height:100%;left:0;position:absolute;top:0;width:6px}.content blockquote figcaption{color:#747474;font-family:var(--font-primary);font-size:.6em;font-weight:400;line-height:1.3;margin-block-start:2rem;text-align:right}.content>:where(ul,ol) li+li{margin-block-start:var(--space-2xs)}.content ol,.content ul{list-style-type:revert}.content p{word-break:break-word}.flow>*+*{margin-block-start:var(--space,var(--space-md))}.meta{--space:1rem;display:flex;flex-wrap:wrap;font-size:.8em;gap:.3rem 1rem;margin-block-end:2rem}.meta svg{--size:1.5em;flex-shrink:0;height:var(--size);transform:rotate(-10deg);width:var(--size)}.meta>*{align-items:center;display:flex;gap:.3rem;line-height:1.2}.meta .created,.meta .updated{font-size:.9rem}.subtitle{--space:1rem;color:var(--color-text-accent);font-family:var(--font-secondary);font-weight:var(--font-weight-lite);line-height:1.2;max-width:35ch}.subtitle,.title{font-size:var(--font-2)}.title{line-height:1}.image,figure{grid-column:feature}.image.full,figure.full{border-radius:unset;grid-column:full}.image figcaption,figure figcaption{color:var(--color-text-accent);font-size:.8em;font-style:italic;line-height:1.3;margin-block-start:.5rem;padding-inline:var(--space-md);text-align:center}.twoCol{--main-col:minmax(var(--page-max-width),1fw);--side-col:0px;--layout-full:0.5rem;--layout-gap:0px;display:grid;grid-template-columns:[full-start] var(--layout-full) [layout-main] var(--main-col) [layout-gap] var(--layout-gap) [layout-side] var(--side-col) [full-end] var(--layout-full)}.twoCol__main,.twoCol__sidebar{grid-column:layout-main}}@layer objects{@media screen and (min-width:1200px){.twoCol{--main-col:minmax(var(--page-max-width),calc(var(--page-max-width) + 7rem));--side-col:var(--sidebar-max-width);--layout-full:auto;--layout-gap:auto}.twoCol__main{grid-column:layout-main}.twoCol__sidebar{grid-column:layout-side}}.twoCol__main .main{--full:0;--content:minmax(1vw,var(--page-max-width));--popout:minmax(0.1rem,0.3rem);--feature:minmax(0.1rem,0.3rem);display:grid;grid-template-columns:[full-start] var(--full) [feature-start] var(--feature) [popout-start] var(--popout) [content-start] var(--content) [content-end] var(--popout) [popout-end] var(--feature) [feature-end] var(--full) [full-end];overflow:hidden;scroll-margin-top:var(--space-2xl)}@media screen and (min-width:1200px){.twoCol__main .main{--full:minmax(var(--page-padding),1fr);--content:min(var(--page-max-width),100% - var(--page-padding) * 2);--popout:minmax(0,2rem);--feature:minmax(0,5rem)}}.twoCol__sidebar .sidebar>*+*{margin-block-start:var(--space,var(--space-md))}.twoCol__sidebar .sidebar{--sidebar-full:minmax(0.1rem,0.3rem);--sidebar-content:minmax(1vw,var(--page-max-width));display:grid;display:inline-grid;grid-template-columns:[sidebar-full-start] var(--sidebar-full) [sidebar-content-start] var(--sidebar-content) [sidebar-content-end] var(--sidebar-full) [sidebar-full-end];scroll-margin-top:var(--space-2xl)}.twoCol__sidebar .sidebar>*{grid-column:sidebar-content}.twoCol__sidebar .sidebar p{margin:1rem 0}@media screen and (min-width:1200px){.twoCol__sidebar .sidebar{--sidebar-full:minmax(var(--page-padding),1fr);--sidebar-content:min(var(--sidebar-max-width),100% - var(--page-padding) * 2)}}}@layer objects{.wrapper{--full:minmax(var(--page-padding),1fr);--content:min(var(--page-max-width),100% - var(--page-padding) * 2);--popout:minmax(0,2rem);--feature:minmax(0,5rem);display:grid;grid-template-columns:[full-start] var(--full) [feature-start] var(--feature) [popout-start] var(--popout) [content-start] var(--content) [content-end] var(--popout) [popout-end] var(--feature) [feature-end] var(--full) [full-end];scroll-margin-top:var(--space-2xl)}}@layer components{.breadcrumbs,.breadcrumbs li{align-items:center;-moz-column-gap:.5rem;column-gap:.5rem;display:flex;margin:0}.breadcrumbs li:after{content:"\203A";margin:0;opacity:.6;padding:0}.breadcrumbs li:last-of-type:after{content:""}.callout{--border-width:0.125rem;--border:var(--border-width) solid var(--color-primary);background-color:var(--color-bg-accent);border:var(--border);border-radius:var(--radius-sm);box-shadow:var(--space-2xs) var(--space-2xs) 0 var(--color-bg-shadow);padding:1.5em;padding-inline-start:2em;position:relative}.callout:before{--size:2.25em;align-items:center;border:var(--border);border-radius:100%;content:"🙌";display:flex;font-size:1.25em;height:var(--size);justify-content:center;left:calc(var(--size)/-2 - var(--border-width)/2);line-height:1;position:absolute;top:.6em;width:var(--size)}.callout code,.callout:before{background-color:var(--color-bg)}footer{border-top:2px solid var(--color-bg-accent);justify-items:center;margin-top:auto;padding-block:var(--space-sm) calc(var(--space-sm) + env(safe-area-inset-bottom));text-align:center}footer p{font-size:var(--font--1);line-height:1.3}footer>*{grid-column:content}#graph-container{background-color:var(--color-bg);border:1px solid var(--color-bg-accent)}text{fill:var(--color-text);opacity:.6}text:hover{opacity:1}#graph-container svg{width:100%!important}.note-graph{background-color:var(--color-bg);border:1px solid var(--color-bg-accent);height:400px;margin-bottom:1rem;overflow:hidden!important}.note-graph svg{width:100%!important}.header{display:flex;font-size:var(--font--1);grid-column:feature;justify-content:space-between;margin:2rem 0 3rem}.header__logo{max-width:200px}.menu{align-items:center;display:flex;flex-direction:row;list-style:none}.menu li{border-radius:0;margin:.5rem 1rem}.menu a{border-radius:11px;padding:.2em .5em;text-decoration:none}.menu a:hover{background-color:transparent}.noteList{list-style:none;margin:0;padding:0}.noteList__item{margin-top:1rem}.noteList__section{align-items:baseline;display:grid;gap:.5rem;grid-template-columns:6rem 1fr 6rem}.noteList__created{font-size:var(--font--1)}.noteList__tags{font-size:var(--font--2)}.pager{display:flex;gap:1rem;justify-content:space-evenly;margin:20px 0}.profile-picture{float:right;width:8em}.profile-picture:after{clear:both;content:"";display:table}.searchBox{display:flex}.searchBox input{flex:1;width:100%}.searchBox button{background-color:transparent}.sidebar{display:grid;gap:4rem;grid-column:feature;grid-template-columns:repeat(2,1fr);margin:4rem 0}.sidebar__wrapper,.skip-to-content{background-color:var(--color-bg-accent)}.skip-to-content{align-items:center;display:inline-flex;gap:2px;left:calc(var(--page-padding) - var(--space-2xs));opacity:0;padding:var(--space-3xs);place-self:start;pointer-events:none;position:fixed;text-decoration:none;top:var(--space-sm);-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2}.skip-to-content:focus{opacity:1;outline-offset:3px;pointer-events:auto;-webkit-user-select:initial;-moz-user-select:initial;user-select:auto}.skip-to-content .icon{fill:currentColor;height:1.125em;width:1.125em}.gatsby-highlight{grid-column:popout}pre[class*=language-]{padding:var(--space-sm)}code[class*=language-]{padding:0}code[class*=language-],pre[class*=language-]{word-wrap:normal;background:#263238;border-radius:var(--radius-sm);color:#c3cee3;-webkit-hyphens:none;hyphens:none;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}}@layer components{code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{background:#363636}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{background:#363636}:not(pre)>code[class*=language-]{border-radius:var(--border-radius);padding:.1em;white-space:normal}pre[class*=language-]{overflow:auto;position:relative}.language-css>code,.language-sass>code,.language-scss>code{color:#fd9170}[class*=language-] .namespace{opacity:.7}.token.atrule{color:#c792ea}.token.attr-name{color:#ffcb6b}.token.attr-value,.token.attribute{color:#c3e88d}.token.boolean{color:#c792ea}.token.builtin{color:#ffcb6b}.token.cdata,.token.char{color:#80cbc4}.token.class{color:#ffcb6b}.token.class-name,.token.color{color:#f2ff00}.token.comment{color:#779daf}.token.constant{color:#c792ea}.token.deleted{color:#f07178}.token.doctype{color:#546e7a}.token.entity{color:#f07178}.token.function{color:#c792ea}.token.hexcode{color:#f2ff00}.token.id,.token.important{color:#c792ea;font-weight:700}.token.inserted{color:#80cbc4}.token.keyword{color:#c792ea;font-style:italic}.token.number{color:#fd9170}.token.operator{color:#89ddff}.token.prolog{color:#546e7a}.token.property{color:#80cbc4}.token.pseudo-class,.token.pseudo-element{color:#c3e88d}.token.punctuation{color:#89ddff}.token.regex{color:#f2ff00}.token.selector{color:#f07178}.token.string{color:#c3e88d}.token.symbol{color:#c792ea}.token.tag,.token.unit{color:#f07178}.token.url{color:#fd9170}.token.variable{color:#f07178}.tag{align-items:center;display:flex;text-align:center;text-decoration:none}.tag--border .tag__text{border:1px solid var(--color-text-accent)}.tag__badge{background-color:var(--color-4);border-radius:50%;color:var(--color-4-text);font-size:1rem;height:25px;margin-left:.5rem;text-align:center;width:25px}.tag__text{border-radius:8px;padding:.2rem .5rem;white-space:nowrap}.tag__text,.tag__text:before{color:var(--color-text-accent)}.tag__text:before{content:"#";margin-right:.1rem}.tagsList{display:flex;flex-direction:column;gap:.5rem;list-style:none;padding:0}.tagsList li{--tag-multiplier:1;align-items:center;-moz-column-gap:.5rem;column-gap:.5rem;display:flex;font-size:calc(1em*var(--tag-multiplier));margin-block-start:0}.tagsList li.tagsList__all-link{margin-top:1rem}.tagsList--horizontal{align-items:center;flex-direction:row;flex-wrap:wrap;gap:.5rem}.tagsList--horizontal li:after{color:var(--color-4);content:"•";font-size:1rem;margin:0;padding:0}.tagsList--horizontal li:last-of-type:after{content:""}.tooltip{background:var(--color-bg-shadow);border-radius:.5rem;box-sizing:content-box;font-size:.9em;height:200px;padding:1rem;width:500px;z-index:2}.tooltip__content{height:100%;overflow-x:hidden;overflow-y:auto;width:100%}.tooltip__arrow{color:var(--color-bg-shadow);font-size:4rem;margin-top:13px;position:absolute;top:-4rem;transform:rotate(270deg)}.tree{padding:0}.tree a{text-decoration:none}.tree__item-title{margin:0 0 .2rem;padding:.2rem}.tree__item-title:hover{background-color:var(--color-bg-accent)}.tree__item-title.heading .tree__collapser{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin:0;padding:0;width:100%}.tree__collapser{background:transparent;border:0}.tree__item>.tree__item-title+.tree__node{padding-left:1rem}.tree__item>.tree__item-title+.tree__node .tree__item-title:not(.heading){font-size:.9em}}