@font-face{font-family:Berkeley Mono;src:url(/fonts/BerkeleyMono-Regular.woff2)format("woff2"),url(/fonts/BerkeleyMono-Regular.ttf)format("woff");font-display:swap}:root{--white:#eff;--gray:#717cb4;--black:#000;--red:#f07178;--green:#c3e88d;--yellow:#ffcb6b;--blue:#82aaff;--paleblue:#b0c9ff;--cyan:#89ddff;--purple:#c792ea;--orange:#f78c6c;--pink:#ff9cac;--darkred:#dc6068;--darkgreen:#abcf76;--darkyellow:#e6b455;--darkblue:#6e98eb;--darkcyan:#71c6e7;--darkpurple:#b480d6;--darkorange:#e2795b;--error:#ff5370;--link:#80cbc4;--cursor:#fc0;--title:#eff;--none:NONE;--dark-bg:#292d3e;--dark-bg_alt:#1b1e2b;--dark-fg:#a6accd;--dark-text:#717cb4;--dark-comments:#ea580c;--dark-selection:#444267;--dark-contrast:#202331;--dark-active:#414863;--dark-border:#364367;--dark-line_numbers:#3a3f58;--dark-highlight:#444267;--dark-disabled:#515772;--dark-accent:#ab47bc;--light-fg:#546e7a;--light-text:#94a7b0;--light-comments:#ea580c;--light-selection:#80cbc4;--light-line_numbers:#cfd8dc;--light-accent:#00bcd4;--light-red:#e53935;--light-green:#91b859;--light-yellow:#f6a434;--light-blue:#6182b8;--light-paleblue:#8796b0;--light-cyan:#39adb5;--light-purple:#7c4dff;--light-orange:#f76d47;--light-pink:#ff5370;--light-bg:#fafafa;--light-bg_alt:#fff;--light-contrast:#eee;--light-active:#e7e7e8;--light-border:#d3e1e8;--light-highlight:#e7e7e8;--light-disabled:#d2d4d5;--light-cursor:#272727;--light-white:#fff;--light-gray:#717cb4;--light-title:var(--light-black)}.code-block{border:1px solid #facc15;border-radius:4px;flex-direction:column;align-items:flex-start;margin:1.8rem 0;padding:0;font-family:Berkeley Mono,monospace,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue;display:flex}.code-block-inner{margin-left:20px;font-family:Berkeley Mono,monospace,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue;margin-bottom:20px!important}.language-tag{color:var(--black);float:left;background-color:#facc15;border-radius:0 0 8px;width:auto;padding:.2rem .5rem;font-size:1rem;font-weight:700;line-height:1.1;display:block}.code-block{background-color:var(--light-bg)}.code-block-inner{background-color:var(--light-bg);color:var(--light-black)}.hh0,.hh1{color:var(--light-yellow)}.hh2{color:var(--light-cyan)}.hh3{color:var(--light-blue)}.hh4,.hh5{color:var(--light-cyan)}.hh6{color:var(--light-gray)}.hh7,.hh8,.hh9{color:var(--light-cyan)}.hh10,.hh11{color:var(--light-green)}.hh12{color:var(--light-red)}.hh13{color:var(--light-purple)}.hh14{color:var(--light-red)}.hh15{color:var(--dark-fg)}.hh16,.hh17{color:var(--light-fg)}.hh18{color:var(--light-comments)}.hh19{color:var(--light-blue)}.hh20{color:var(--light-red)}.dark .code-block{background-color:var(--dark-bg)}.dark .code-block-inner{background-color:var(--dark-bg);color:var(--white)}.dark .hh0,.dark .hh1{color:var(--yellow)}.dark .hh2{color:var(--cyan)}.dark .hh3{color:var(--blue)}.dark .hh4,.dark .hh5{color:var(--cyan)}.dark .hh6{color:var(--gray)}.dark .hh7,.dark .hh8,.dark .hh9{color:var(--cyan)}.dark .hh10,.dark .hh11{color:var(--green)}.dark .hh12{color:var(--red)}.dark .hh13{color:var(--purple)}.dark .hh14{color:var(--red)}.dark .hh15,.dark .hh16,.dark .hh17{color:var(--dark-fg)}.dark .hh18{color:var(--dark-comments)}.dark .hh19{color:var(--blue)}.dark .hh20{color:var(--red)}leptos-island{display:contents}.level-2{text-indent:0}.level-3{text-indent:10px}.level-4{text-indent:20px}.level-5{text-indent:30px}.level-6{text-indent:40px}.code-block-inner i{font-style:normal}:root{--default-font-family:"Archivo", "sans-serif";--accent-font-family:"Orbitron", "sans-serif";--heading-large-font-family:var(--accent-font-family);--heading-large-font-size:clamp(2rem, 6vw, 5rem);--heading-large-font-weight:600;--heading-large-letter-spacing:.025em;--heading-medium-font-family:var(--accent-font-family);--heading-medium-font-size:1.625rem;--heading-medium-font-weight:600;--heading-medium-letter-spacing:.05em;--heading-small-font-family:var(--accent-font-family);--heading-small-font-size:1rem;--heading-small-font-weight:800;--heading-small-letter-spacing:.1em;--heading-tiny-font-family:var(--accent-font-family);--heading-tiny-font-size:.825rem;--heading-tiny-font-weight:700;--heading-tiny-letter-spacing:.05em;--text-regular-font-family:var(--default-font-family);--text-regular-font-size:clamp(1.125rem, 1.5vw, 1.325rem);--text-regular-font-weight:400;--text-regular-font-weight-emphasis:600;--text-regular-letter-spacing:0em;--text-regular-line-height:1.5;--text-small-font-family:var(--default-font-family);--text-small-font-size:clamp(.75rem, 1.125vw, 1rem);--text-small-font-weight:400;--text-small-font-weight-emphasis:600;--text-small-letter-spacing:0em;--text-small-line-height:1.3;--max-content-width:1600px;--sidebar-width:15rem;--spacing-medium:2.5rem;--spacing-regular:.5rem;--spacing-small:.5rem;--spacing-tiny:.25rem;--frame-padding:var(--spacing-medium);--button-padding-vert:.5rem;--button-padding-horz:2.5rem;--brand-color-1:#64a6b1;--brand-color-2:#22315c;--accent-color-1:#ebd119;--accent-color-2:#000030;--framework-color:#e4f2e5;--paper-color:#fff}@media (prefers-color-scheme:dark){html{--brand-color-1:#64a6b1;--brand-color-2:white;--accent-color-1:#000030;--accent-color-2:#ebd119;--framework-color:#151520;--paper-color:#1f2433}}html.dark{--brand-color-1:#64a6b1;--brand-color-2:white;--accent-color-1:#000030;--accent-color-2:#ebd119;--framework-color:#151520;--paper-color:#1f2433}html{--heading-color:var(--brand-color-2);--link-color:var(--brand-color-1);--meta-color:var(--brand-color-2);--text-color:var(--brand-color-2)}*{box-sizing:border-box}html{min-width:375px;font-family:var(--default-font-family);background-color:var(--paper-color);color:var(--text-color);overflow:hidden scroll}body{justify-content:center;align-items:center;margin:0;padding:0;display:flex;overflow-y:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--accent-font-family);color:var(--heading-color);margin:0;padding-bottom:10px}p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%}.content{font-family:var(--text-regular-font-family);font-size:var(--text-regular-font-size);font-weight:var(--text-regular-font-weight);letter-spacing:var(--text-regular-letter-spacing);line-height:var(--text-regular-line-height)}.content h1{font-size:2em}.content h2{font-size:1.625em}.content h2:not(:first-child){margin-top:1em}.content h3{font-size:1.325em}.content h3:not(:first-child){margin-top:1em}.content h4{font-size:1.25em}.content h4:not(:first-child){margin-top:1em}.content h5{font-size:1.125em}.content h5:not(:first-child){margin-top:1em}.content h6{font-size:1em}.content h6:not(:first-child){margin-top:1em}.content p,.content ul,.content ol{margin-bottom:1em}.content a{color:var(--brand-color-1);border-bottom:1px dashed}.content hr{background-color:var(--framework-color);border:0;height:2px;margin:1.5em 0}.content blockquote{border-left:.25em solid var(--accent-color-1);margin-left:0;margin-right:0;padding:2em;position:relative}.content blockquote:before{content:" ";background-color:var(--accent-color-1);opacity:.1;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.content img{max-width:100%;height:auto}.content video,.content iframe{max-width:100%}.content select,.content textarea{border:2px solid var(--framework-color);font-family:var(--text-regular-font-family);font-size:var(--text-regular-font-size);font-weight:var(--text-regular-font-weight);color:var(--brand-color-1);padding:.25em}.content input[type=email]{border:2px solid var(--framework-color);font-family:var(--text-regular-font-family);font-size:var(--text-regular-font-size);font-weight:var(--text-regular-font-weight);color:var(--brand-color-1);padding:.25em}.content input[type=number]{border:2px solid var(--framework-color);font-family:var(--text-regular-font-family);font-size:var(--text-regular-font-size);font-weight:var(--text-regular-font-weight);color:var(--brand-color-1);padding:.25em}.content input[type=username]{border:2px solid var(--framework-color);font-family:var(--text-regular-font-family);font-size:var(--text-regular-font-size);font-weight:var(--text-regular-font-weight);color:var(--brand-color-1);padding:.25em}.content input[type=password]{border:2px solid var(--framework-color);font-family:var(--text-regular-font-family);font-size:var(--text-regular-font-size);font-weight:var(--text-regular-font-weight);color:var(--brand-color-1);padding:.25em}.content input[type=search]{border:2px solid var(--framework-color);font-family:var(--text-regular-font-family);font-size:var(--text-regular-font-size);font-weight:var(--text-regular-font-weight);color:var(--brand-color-1);padding:.25em}.content input[type=tel]{border:2px solid var(--framework-color);font-family:var(--text-regular-font-family);font-size:var(--text-regular-font-size);font-weight:var(--text-regular-font-weight);color:var(--brand-color-1);padding:.25em}.content input[type=text]{border:2px solid var(--framework-color);font-family:var(--text-regular-font-family);font-size:var(--text-regular-font-size);font-weight:var(--text-regular-font-weight);color:var(--brand-color-1);padding:.25em}.content input[type=date]{border:2px solid var(--framework-color);font-family:var(--text-regular-font-family);font-size:var(--text-regular-font-size);font-weight:var(--text-regular-font-weight);color:var(--brand-color-1);padding:.25em}.content input[type=datetime]{border:2px solid var(--framework-color);font-family:var(--text-regular-font-family);font-size:var(--text-regular-font-size);font-weight:var(--text-regular-font-weight);color:var(--brand-color-1);padding:.25em}.content input[type=datetime-local]{border:2px solid var(--framework-color);font-family:var(--text-regular-font-family);font-size:var(--text-regular-font-size);font-weight:var(--text-regular-font-weight);color:var(--brand-color-1);padding:.25em}.content input[type=month]{border:2px solid var(--framework-color);font-family:var(--text-regular-font-family);font-size:var(--text-regular-font-size);font-weight:var(--text-regular-font-weight);color:var(--brand-color-1);padding:.25em}.content input[type=week]{border:2px solid var(--framework-color);font-family:var(--text-regular-font-family);font-size:var(--text-regular-font-size);font-weight:var(--text-regular-font-weight);color:var(--brand-color-1);padding:.25em}.content input[type=time]{border:2px solid var(--framework-color);font-family:var(--text-regular-font-family);font-size:var(--text-regular-font-size);font-weight:var(--text-regular-font-weight);color:var(--brand-color-1);padding:.25em}.content legend{font-weight:var(--text-regular-font-weight-emphasis)}.content fieldset{border:2px solid var(--framework-color);margin-bottom:1.5em}.content button{color:var(--brand-color-1);border:2px solid var(--brand-color-1);padding:var(--button-padding-vert) var(--button-padding-horz);font-family:var(--heading-small-font-family);font-size:var(--heading-small-font-size);font-weight:var(--heading-small-font-weight);letter-spacing:var(--heading-small-letter-spacing);background-color:transparent;display:inline-block}.content input[type=button]{color:var(--brand-color-1);border:2px solid var(--brand-color-1);padding:var(--button-padding-vert) var(--button-padding-horz);font-family:var(--heading-small-font-family);font-size:var(--heading-small-font-size);font-weight:var(--heading-small-font-weight);letter-spacing:var(--heading-small-letter-spacing);background-color:transparent;display:inline-block}.content input[type=submit]{color:var(--brand-color-1);border:2px solid var(--brand-color-1);padding:var(--button-padding-vert) var(--button-padding-horz);font-family:var(--heading-small-font-family);font-size:var(--heading-small-font-size);font-weight:var(--heading-small-font-weight);letter-spacing:var(--heading-small-letter-spacing);background-color:transparent;display:inline-block}.content input[type=reset]{color:var(--brand-color-1);border:2px solid var(--brand-color-1);padding:var(--button-padding-vert) var(--button-padding-horz);font-family:var(--heading-small-font-family);font-size:var(--heading-small-font-size);font-weight:var(--heading-small-font-weight);letter-spacing:var(--heading-small-letter-spacing);background-color:transparent;display:inline-block}.content :last-child{margin-bottom:0}.content caption{margin:var(--spacing-regular) 0;font-style:italic;font-weight:lighter;font-family:var(--text-small-font-family);font-size:var(--text-small-font-size);font-weight:var(--text-small-font-weight);letter-spacing:var(--text-small-letter-spacing)}.content table{border-collapse:collapse}.content tr{overflow:hidden}.content th{color:var(--brand-color-1);font-family:var(--heading-small-font-family);font-size:var(--heading-small-font-size);font-weight:var(--heading-small-font-weight);letter-spacing:var(--heading-small-letter-spacing)}.content td{border-top:1px solid var(--framework-color);padding:var(--spacing-small);position:relative}.content tr:nth-child(odd) td:before{opacity:.325;background-color:var(--framework-color);width:calc(100% + var(--spacing-small) * 2);content:"";z-index:-1;height:100%;position:absolute;top:0;left:0}.content .code-block{overflow-x:scroll}#site-viewport{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}#site-layout{flex-direction:column;justify-content:space-between;align-items:stretch;width:100%;min-height:100vh;display:flex}#site-header,#site-footer{flex-shrink:1;width:100%}#site-body{flex-grow:1;width:100%;position:relative}#site-header{justify-content:center;display:flex}#site-header__row{width:100%;max-width:var(--max-content-width);padding:var(--frame-padding);justify-content:space-between;align-items:center;gap:var(--spacing-regular);flex-direction:column;display:flex}@media screen and (width>=768px){#site-header__row{flex-direction:row}}#site-header__site-title{align-items:center;gap:var(--spacing-regular);flex-direction:column;display:flex}@media screen and (width>=450px){#site-header__site-title{flex-direction:row}}#site-header__site-logo-type{width:auto;height:var(--spacing-regular);display:block}#site-header__site-logo-type .st0{fill:var(--brand-color-1)}#site-header__site-logo-type .st1{fill:var(--brand-color-2)}#site-header__site-logo-mark{width:auto;height:var(--spacing-medium);display:block}#site-header__site-logo-mark .st0{fill:var(--brand-color-1)}#site-header__site-logo-mark .st1{fill:var(--brand-color-2)}#site-nav{justify-content:center;align-items:center;display:flex}#site-nav__menu{align-items:center;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.site-nav__link{font-family:var(--heading-small-font-family);font-size:var(--heading-small-font-size);font-weight:var(--heading-small-font-weight);letter-spacing:var(--heading-small-letter-spacing);text-decoration:none}#site-nav__dark-mode-toggle-trigger{cursor:pointer;background:0 0;border:0;padding:0}#site-nav__dark-mode-toggle-light,#site-nav__dark-mode-toggle-dark,#site-nav__rss-icon{fill:var(--link-color)}#site-footer{justify-content:center;display:flex}#site-footer__row{width:100%;max-width:var(--max-content-width);padding:var(--frame-padding);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}#site-footer__platform-links{gap:var(--spacing-small);flex-direction:row;margin:0;padding:0;list-style:none;display:flex}.site-footer__platform-link svg{fill:currentColor;width:1.5em;height:1.5em}#site-footer__details{gap:var(--spacing-small);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}@media (width>=768px){#site-footer__details{flex-direction:row;gap:0}}.site-footer__detail{text-align:center;font-family:var(--heading-tiny-font-family);font-size:var(--heading-tiny-font-size);font-weight:var(--heading-tiny-font-weight);letter-spacing:var(--heading-tiny-letter-spacing)}@media (width>=768px){.site-footer__detail+.site-footer__detail:before{content:"|";padding:0 var(--spacing-small);color:var(--framework-color)}}.site-footer__detail a{color:var(--brand-color-1)}.button{padding:var(--button-padding-vert) var(--button-padding-horz);font-family:var(--heading-small-font-family);font-size:var(--heading-small-font-size);font-weight:var(--heading-small-font-weight);letter-spacing:var(--heading-small-letter-spacing);border:2px solid;display:inline-block}.post-card{flex-direction:column;justify-content:flex-start;width:100%;display:flex;position:relative}.post-card__underlay{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.post-card__layout{padding:var(--frame-padding);z-index:1;flex-direction:column;align-content:flex-end;display:flex}.post-card__image{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;margin-bottom:var(--spacing-regular);display:block}.post-card__heading{font-family:var(--heading-medium-font-family);font-size:var(--heading-medium-font-size);font-weight:var(--heading-medium-font-weight);letter-spacing:var(--heading-medium-letter-spacing);color:var(--heading-color)}.post-card__meta{margin-top:var(--spacing-tiny);font-family:var(--text-small-font-family);font-size:var(--text-small-font-size);font-weight:var(--text-small-font-weight-emphasis);letter-spacing:var(--text-small-letter-spacing);line-height:var(--text-small-line-height);color:var(--meta-color)}.post-card__excerpt{margin-top:var(--spacing-regular);font-family:var(--text-small-font-family);font-size:var(--text-small-font-size);font-weight:var(--text-small-font-weight);letter-spacing:var(--text-small-letter-spacing);line-height:var(--text-small-line-height)}@media screen and (width>=1024px){#home-template #site-header__site-logo-mark,#home-template #site-header__site-logo-type{display:none}}#home-template #site-body{display:flex}#home{width:100%;display:grid}#home .post-card{justify-content:flex-end}#home .post-card__layout{margin-top:50%}@media screen and (width>=1024px){#home .post-card__layout{margin-top:30%}}@media screen and (width>=768px){#home{grid-template-columns:1fr 4fr;width:100%}}@media screen and (width>=768px) and (width<=1023px){#home__header{grid-row-start:1;grid-column-start:1}#home__about{grid-row:1/span 2;grid-column-start:1}#home__blog{grid-row-start:1;grid-column-start:2}#home__portfolio{grid-row-start:2;grid-column-start:2}}@media screen and (width>=1024px){#home{grid-template-columns:2fr 3fr;display:grid}#home__about{grid-row-start:2;grid-column-start:1}}#home__header{justify-content:flex-end;align-items:flex-end;display:flex}@media screen and (width<=1023px){#home__header{display:none}}#home__header-body{padding:var(--frame-padding);flex-direction:row;justify-content:center;align-items:flex-end;gap:2rem;display:flex}#home__site-logo-type-wrap{flex-grow:2;justify-content:flex-end;display:flex}#home__site-logo-type{width:100%;height:auto;display:block}@media screen and (width>=640px) and (width<=1023px){#home__site-logo-type{width:12rem;height:auto;position:absolute;top:1.625rem;left:8rem}}#home__site-logo-type .st0{fill:var(--brand-color-1)}#home__site-logo-type .st1{fill:var(--brand-color-2)}#home__site-logo-mark{width:75%;height:auto;display:block}@media screen and (width>=640px) and (width<=1023px){#home__site-logo-mark{width:auto;height:2rem;position:absolute;top:1rem;left:2rem}}@media screen and (width>=1024px){#home__site-logo-mark{width:244px;max-width:244px}}#home__site-logo-mark .st0{fill:var(--brand-color-1)}#home__site-logo-mark .st1{fill:var(--brand-color-2)}#home__about{justify-content:flex-end;display:flex;position:relative}#home__about-body{width:100%}@media screen and (width>=1024px){#home__about-body{width:325px}}#home__about-rule{background-color:var(--brand-color-1);width:100%;height:.5rem;position:absolute;right:0}@media screen and (width>=1024px){#home__about-rule{width:75%}}#home__about-layout{padding:var(--frame-padding);gap:var(--frame-padding);flex-direction:column;align-items:flex-end;display:flex}@media screen and (width>=640px){#home__about-layout{flex-direction:row;align-items:flex-start}}@media screen and (width>=1280px){#home__about-layout{flex-direction:column}}#home__about-summary{flex-grow:1;width:100%}#home__about-pagination{justify-content:flex-end;display:flex}@media (width>=640px) and (width<=1279px){#home__about-pagination .button{writing-mode:vertical-lr;padding:var(--button-padding-horz) var(--button-padding-vert)}}#home__blog{align-items:stretch;display:flex;position:relative}#home__blog-posts-wrapper{flex-grow:1;width:100%;display:flex}#home__blog-posts-wrapper .post-card__layout{background-color:var(--brand-color-2)}@media screen and (width<=1023px){#home__blog-posts-wrapper{background-color:var(--brand-color-2);align-items:flex-start;height:100%;display:flex}}@media screen and (width>=1280px){#home__blog-posts-wrapper{max-width:40vw}}@media screen and (width>=768px) and (width<=1023px){#home__blog{align-items:stretch}}#home__blog-rule{background-color:var(--brand-color-2);width:100vw;height:.5rem;position:absolute;top:0;left:0}@media screen and (width>=1024px){#home__blog-rule{display:none}}#home__blog-layout{flex-direction:column;align-items:flex-end;width:100%;display:flex}@media screen and (width<=639px){#home__blog-layout{background-color:var(--brand-color-2)}}@media screen and (width>=640px){#home__blog-layout{flex-direction:row;align-items:flex-start}}@media screen and (width>=768px) and (width<=1023px){#home__blog-layout{align-items:flex-start}}@media screen and (width>=1024px){#home__blog-layout{align-items:flex-end}}#home__blog-posts{background-color:var(--brand-color-2);--heading-color:var(--paper-color);grid-template-columns:1fr;width:100%;height:100%;display:grid}@media (width>=1280px){#home__blog-posts{grid-template-columns:1fr 1fr}}#home__blog-posts .post-card{aspect-ratio:1}@media (width<=1279px){#home__blog-posts .post-card{aspect-ratio:unset}}#home__blog-posts .post-card__meta{color:var(--brand-color-1)}#home__blog-pagination{margin:var(--frame-padding);justify-content:flex-end;display:flex}@media (width<=639px){#home__blog-pagination .button{color:var(--accent-color-1);border-color:var(--accent-color-1)}}@media (width>=640px) and (width<=1279px){#home__blog-pagination{width:41px}#home__blog-pagination .button{writing-mode:vertical-lr;padding:var(--button-padding-horz) var(--button-padding-vert)}}#home__portfolio{align-items:flex-start;display:flex;position:relative}#home__portfolio-rule{background-color:var(--accent-color-1);width:100vw;height:.5rem;position:absolute}#home__portfolio-layout{background-color:var(--accent-color-1);flex-direction:column;align-items:flex-end;width:100%;display:flex;position:relative;overflow:hidden}@media screen and (width>=640px){#home__portfolio-layout{background-color:transparent;flex-direction:row;align-items:flex-start}}#home__portfolio-posts{heigth:100%;background-color:var(--accent-color-1);--heading-color:var(--brand-color-2);flex-grow:1;grid-template-columns:1fr;width:100%;display:grid}@media (width>=1280px){#home__portfolio-posts{grid-template-columns:1fr 1fr;max-width:650px}}#home__portfolio-posts .post-card{aspect-ratio:4/2}@media (width<=1279px){#home__portfolio-posts .post-card{aspect-ratio:unset}#home__portfolio-posts .post-card__layout{margin:0}}#home__portfolio-pagination{margin:var(--frame-padding);display:flex}@media (width<=639px){#home__portfolio-pagination .button{color:var(--brand-color-2);border-color:var(--brand-color-2)}}@media (width>=640px) and (width<=1279px){#home__portfolio-pagination{width:41px}#home__portfolio-pagination .button{writing-mode:vertical-lr;padding:var(--button-padding-horz) var(--button-padding-vert)}}#page{width:100%;max-width:var(--max-content-width);padding:0 var(--frame-padding);margin:0 auto;display:block}@media screen and (width>=960px){#page{justify-items:center;gap:var(--frame-padding);flex-direction:column;flex-grow:1;display:flex}}#page__header{gap:var(--spacing-small);flex-direction:column;display:flex}#page__heading{font-family:var(--heading-large-font-family);font-size:var(--heading-large-font-size);font-weight:var(--heading-large-font-weight);letter-spacing:var(--heading-large-letter-spacing);color:var(--heading-color)}#page__meta{font-family:var(--text-small-font-family);font-size:var(--text-small-font-size);font-weight:var(--text-small-font-weight);letter-spacing:var(--text-small-letter-spacing);color:var(--meta-color)}#page__body{gap:var(--frame-padding);flex-direction:column;width:100%;display:flex}@media screen and (width>=960px){#page__body{gap:var(--frame-padding);width:calc(100% - var(--sidebar-width) - var(--frame-padding));flex-direction:row;display:flex}#page__toc{width:var(--sidebar-width);min-width:var(--sidebar-width);flex-shrink:0}}@media (width<=960px){#page__toc{display:none}}#page__nav,.table-of-contents{gap:var(--spacing-regular);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}@media screen and (width>=960px){#page__toc-sticky{top:var(--frame-padding);position:sticky}}.page__nav-item,.toc-entry{margin:0}.toc-entry,.page__nav-link{color:var(--link-color);font-weight:var(--text-regular-font-weight-emphasis)}@media screen and (width>=960px){#page__header{padding-left:calc(var(--sidebar-width) + var(--frame-padding))}}@media screen and (width>=1280px){#page__header{padding-right:calc(var(--sidebar-width) + var(--frame-padding))}}#page__layout{gap:var(--frame-padding);flex-direction:column;width:100%;display:flex}@media screen and (width>=1280px){#page__layout{gap:var(--frame-padding);flex-direction:row;display:flex}}#page__content{width:100%}@media screen and (width>=1280px){#page__content{width:calc(100% - var(--sidebar-width) - var(--frame-padding))}}@media screen and (width<=1279px){#page__sidebar{border-top:2px solid var(--framework-color);padding-top:var(--frame-padding)}}@media screen and (width>=1280px){#page__sidebar{min-width:var(--sidebar-width);width:var(--sidebar-width);border-left:2px solid var(--framework-color);padding-left:var(--frame-padding);flex-shrink:0}#page__sidebar-sticky{top:var(--frame-padding);position:sticky}}#page__sidebar-layout{grid-gap:var(--frame-padding);grid-template-columns:1fr;display:grid}@media screen and (width>=768px) and (width<=1279px){#page__sidebar-layout{grid-template-columns:1fr 1fr}}.page__sidebar-section{gap:var(--spacing-regular);flex-direction:column;display:flex}.page__sidebar-section-heading{font-family:var(--heading-small-font-family);font-size:var(--heading-small-font-size);font-weight:var(--heading-small-font-weight);letter-spacing:var(--heading-small-letter-spacing)}.auth{gap:var(--frame-padding);min-height:50vh;max-width:var(--max-content-width);padding:0 var(--frame-padding);flex-direction:column;place-content:center;align-items:center;margin:0 auto;display:flex}.auth__form{gap:var(--spacing-regular);flex-direction:column;display:flex}.auth__form-field-set{gap:var(--spacing-tiny);flex-direction:column;display:flex}.auth__form-label,.auth__form_aside_row{font-family:var(--heading-tiny-font-family);font-size:var(--heading-tiny-font-size);font-weight:var(--heading-tiny-font-weight);letter-spacing:var(--heading-tiny-letter-spacing)}.auth input[type=username]{width:100%}.auth input[type=password]{width:100%}.auth input[type=submit]{width:100%}.auth input[type=submit]:hover{cursor:pointer}.auth__form-aside{gap:var(--spacing-tiny);flex-direction:column;display:flex}.auth__form-aside-row{gap:var(--spacing-tiny);display:flex}#portfolio{justify-items:center;gap:var(--frame-padding);max-width:var(--max-content-width);padding:0 var(--frame-padding);flex-direction:column;flex-grow:1;margin:0 auto;display:flex}#portfolio__header{width:100%;padding:var(--frame-padding) 0;flex-wrap:nowrap;display:flex}#portfolio__heading{font-family:var(--heading-medium-font-family);font-size:var(--heading-medium-font-size);font-weight:var(--heading-medium-font-weight);letter-spacing:var(--heading-medium-letter-spacing);flex-grow:1;align-items:center}#portfolio__posts{gap:var(--frame-padding);max-width:var(--max-content-width);grid-row-gap:var(--frame-padding);grid-column-gap:var(--frame-padding);width:100%;display:grid;position:relative}@media screen and (width>=768px) and (width<=939px){#portfolio__posts{grid-template-columns:1fr 1fr}#portfolio__posts .post-card:first-child,#portfolio__posts .post-card:nth-child(4){grid-area:span 2/span 2}}@media screen and (width>=940px) and (width<=1279px){#portfolio__posts{grid-template-columns:1fr 1fr 1fr}#portfolio__posts .post-card:first-child{grid-area:span 2/span 2}#portfolio__posts .post-card:first-child img{aspect-ratio:6/5}#portfolio__posts .post-card:nth-child(8){grid-area:span 2/span 2}#portfolio__posts .post-card:nth-child(8) img{aspect-ratio:3}#portfolio__posts .post-card:nth-child(4),#portfolio__posts .post-card:nth-child(5),#portfolio__posts .post-card:nth-child(6),#portfolio__posts .post-card:nth-child(7),#portfolio__posts .post-card:nth-child(8){margin-top:var(--spacing-medium)}}@media screen and (width>=1280px){#portfolio__posts{grid-template-columns:1fr 1fr 1fr 1fr}#portfolio__posts .post-card:first-child{grid-area:span 2/span 2}#portfolio__posts .post-card:first-child img{aspect-ratio:6/5}#portfolio__posts .post-card:nth-child(8){grid-area:span 2/span 2}#portfolio__posts .post-card:nth-child(8) img{aspect-ratio:3}#portfolio__posts .post-card:nth-child(6),#portfolio__posts .post-card:nth-child(7),#portfolio__posts .post-card:nth-child(8){margin-top:var(--spacing-medium)}}#archive{justify-items:center;gap:var(--frame-padding);max-width:var(--max-content-width);padding:0 var(--frame-padding);flex-direction:column;flex-grow:1;margin:0 auto;display:flex}#archive-background{z-index:-1;background-color:var(--paper-color);width:100%;height:100%;font-size:50vh;font-family:var(--accent-font-family);letter-spacing:.5em;opacity:.1;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='80' viewBox='0 0 100 199'%3E%3Cg fill='%23000000' fill-opacity='1'%3E%3Cpath d='M0 199V0h1v1.99L100 199h-1.12L1 4.22V199H0zM100 2h-.12l-1-2H100v2z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");background-position:50%;position:absolute;left:0}#archive__header,#archive__footer{width:100%;padding:var(--frame-padding) 0;flex-wrap:nowrap;display:flex}#archive__heading{font-family:var(--heading-medium-font-family);font-size:var(--heading-medium-font-size);font-weight:var(--heading-medium-font-weight);letter-spacing:var(--heading-medium-letter-spacing);flex-grow:1;align-items:center}.archive__pagination-link{font-family:var(--heading-small-font-family);font-size:var(--heading-small-font-size);font-weight:var(--heading-small-font-weight);letter-spacing:var(--heading-small-letter-spacing);gap:var(--spacing-tiny);flex-direction:row;display:flex}.archive__pagination-icon{fill:currentColor;height:1em;display:block;position:relative;bottom:-.125em}#archive__footer-numbers{justify-content:center;gap:var(--spacing-regular);flex-direction:row;flex-grow:1;display:flex}.archive__pagination-page-link{font-family:var(--heading-small-font-family);font-size:var(--heading-small-font-size);font-weight:var(--heading-small-font-weight);letter-spacing:var(--heading-small-letter-spacing)}#archive__heading{text-align:center}#archive__posts{max-width:var(--max-content-width);grid-row-gap:var(--frame-padding);grid-column-gap:var(--frame-padding);width:100%;display:grid;position:relative}@media screen and (width>=768px) and (width<=939px){#archive__posts{grid-template-columns:1fr 1fr}#archive__posts .post-card:first-child,#archive__posts .post-card:nth-child(4){grid-area:span 2/span 2}}@media screen and (width>=940px) and (width<=1279px){#archive__posts{grid-template-columns:1fr 1fr 1fr}#archive__posts .post-card:first-child{grid-area:span 2/span 2}#archive__posts .post-card:first-child .post-card__image{aspect-ratio:6/5}#archive__posts .post-card:nth-child(8){grid-area:span 2/span 2}#archive__posts .post-card:nth-child(8) .post-card__image{aspect-ratio:3}#archive__posts .post-card:nth-child(4),#archive__posts .post-card:nth-child(5),#archive__posts .post-card:nth-child(6),#archive__posts .post-card:nth-child(7),#archive__posts .post-card:nth-child(8){margin-top:var(--spacing-medium)}}@media screen and (width>=1280px){#archive__posts{grid-template-columns:1fr 1fr 1fr 1fr}#archive__posts .post-card:first-child{grid-area:span 2/span 2}#archive__posts .post-card:first-child .post-card__image{aspect-ratio:6/5}#archive__posts section:nth-child(8){grid-area:span 2/span 2}#archive__posts .post-card:nth-child(8) .post-card__image{aspect-ratio:3}#archive__posts .post-card:nth-child(6),#archive__posts .post-card:nth-child(7),#archive__posts .post-card:nth-child(8){margin-top:var(--spacing-medium)}}#editor{position:relative}#editor__meta{padding:var(--frame-padding);gap:var(--spacing-regular);flex-direction:column;display:flex}.editor__meta-row{gap:var(--spacing-tiny);flex-direction:column;display:flex}@media screen and (width>=768px){.editor__meta-row{flex-direction:row}}.editor__meta-row label{width:10rem;max-width:10rem}.editor__meta-row input{flex-grow:1}#editor__body{min-height:70vh;padding:var(--frame-padding);gap:var(--frame-padding);display:grid}@media screen and (width>=1024px){#editor__body{grid-template-columns:1fr 1fr}}#editor__body-raw{border:1px solid var(--framework-color);padding:var(--frame-padding);min-width:0;min-height:70vh;overflow:hidden}#editor__body-raw textarea{resize:vertical;width:100%;min-height:65vh}#editor__body-formatted{border:1px solid var(--framework-color);padding:var(--frame-padding);min-width:0;max-height:80vh;overflow:auto}address a{color:var(--brand-color-1)}.align-center{align-items:center}.rounded-sm{border-radius:25px}.code-block,.code-block *{font-size:18px!important}html{-webkit-text-size-adjust:100%}.form__toggle span{color:var(--brand-color-1);text-align:center;width:1em;font-size:1.5em;font-weight:700}.form__section-heading{font-family:var(--heading-small-font-family);font-size:var(--heading-small-font-size);font-weight:var(--heading-small-font-weight);letter-spacing:var(--heading-small-letter-spacing);margin:0;padding:0}.form__fields{gap:var(--spacing-regular);padding:var(--spacing-regular) 0;grid-template-columns:1fr;display:grid}@media screen and (width>=768px){.form__fields{grid-template-columns:1fr 1fr}}.form__field{gap:var(--spacing-tiny);flex-direction:column;display:flex}.form__field label{font-family:var(--heading-tiny-font-family);font-size:var(--heading-tiny-font-size);font-weight:var(--heading-tiny-font-weight);letter-spacing:var(--heading-tiny-letter-spacing)}.form__field input,.form__field textarea,.form__field select{border:2px solid var(--framework-color);background-color:var(--paper-color);color:var(--text-color);font-family:var(--text-regular-font-family);font-size:var(--text-small-font-size);padding:.5em}.form__actions{padding:var(--spacing-regular) 0}.form__hidden-label{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.form__editor,.form__preview{width:100%}.form__raw-content{border:2px solid var(--framework-color);background-color:var(--paper-color);width:100%;min-height:50vh;color:var(--text-color);font-family:Berkeley Mono,monospace,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue;font-size:var(--text-small-font-size);resize:vertical;padding:.5em}.form__preview{border:2px solid var(--framework-color);padding:var(--spacing-regular);min-height:20vh}.form__preview-body{font-family:var(--text-regular-font-family);font-size:var(--text-regular-font-size);line-height:var(--text-regular-line-height)}@media screen and (width>=768px){#page:has(.form__editor){flex-wrap:wrap;display:flex}#page:has(.form__editor) #page__header{width:100%}#page:has(.form__editor) .form__section{width:100%}#page:has(.form__editor) .form__actions{width:100%}.form__editor{width:50%;padding-right:calc(var(--spacing-regular) / 2)}.form__preview{width:50%;padding-left:calc(var(--spacing-regular) / 2);max-height:80vh;overflow-y:auto}.form__raw-content{min-height:70vh}}