.toggle-icon--light[data-v-463c0f65]{height:14px;width:14px;position:absolute;top:7px;left:7px;transition:display .6s}.toggle-icon--light path[data-v-463c0f65]{fill:var(--highlight-light)}.toggle-icon--dark[data-v-ffdc2219]{height:14px;width:14px;position:absolute;top:7px;right:7px;transition:display .6s}.toggle-icon--dark path[data-v-ffdc2219]{fill:var(--highlight-dark)}.toggle{position:relative;width:52px;height:28px}.toggle input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--faded-light);-webkit-transition:.3s;transition:.3s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;-webkit-transition:.2s;transition:.2s}body.light .slider:before{background-color:var(--background-light)}body.dark .slider:before{background-color:var(--background-dark)}input:checked+.slider{background-color:var(--faded-dark)}input:focus+.slider{box-shadow:0 0 1px var(--faded-dark)}input:checked+.slider:before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translate(24px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}header[data-v-58ad4e61]{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem;box-sizing:border-box;z-index:2}.logo[data-v-58ad4e61]{height:2rem;width:2rem}nav[data-v-58ad4e61]{display:flex;align-items:center;gap:1.5rem;max-width:45rem;margin:0 auto}nav a[data-v-58ad4e61]{font-size:.875rem}nav a.router-link-active[data-v-58ad4e61],nav a.router-link-exact-active[data-v-58ad4e61]{text-decoration:underline;text-decoration-thickness:2px}ul[data-v-7cc14778]{display:flex;flex-wrap:wrap;list-style:none;padding:0}li[data-v-7cc14778]{margin-right:2rem}footer[data-v-90ea870f]{bottom:0;left:0;right:0;width:100%;padding:1rem;text-align:left;box-sizing:border-box}.footer-content[data-v-90ea870f]{max-width:45rem;margin:0 auto}p[data-v-90ea870f]{margin:0;font-size:.875rem}body{--background-light: #fff;--background-dark: #2f313f;--text-light: #000;--text-dark: #fff;--highlight-light: #ff407b;--highlight-dark: #1af1ff;--meta-light: #aaa;--meta-dark: #aaa;--faded-light: #d0d0d0;--faded-dark: #484848;height:100vh;margin:0;padding:0;transition:.2s background-color}a{text-decoration:none;transition:.2s color ease-in-out;transition:.2s background ease-in-out}h1,h2,h3,h4,h5{font-family:Inter,sans-serif;font-weight:900;letter-spacing:.2em;line-height:1.25em;text-transform:uppercase}pre{overflow-x:scroll}#app{font-family:PT Mono,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:left;line-height:1.5em}button{font-family:PT Mono,monospace;transition:.2s background-color}body.light{background-color:var(--background-light)}body.light p,body.light h1,body.light h2,body.light h3,body.light h4,body.light h5,body.light li,body.light button{color:var(--text-light)}body.light a,body.light a:active{color:var(--highlight-light)}body.light a:hover{color:var(--background-light);background:var(--highlight-light)}body.light .logo path{fill:var(--highlight-light)}body.light .categories{color:var(--text-light)}body.light button.category:hover{color:var(--text-dark);background-color:var(--meta-dark)}body.light button.category.active{color:var(--text-dark);background-color:var(--highlight-light)}body.dark{background-color:var(--background-dark)}body.dark p,body.dark h1,body.dark h2,body.dark h3,body.dark h4,body.dark h5,body.dark li,body.dark button{color:var(--text-dark)}body.dark a,body.dark a:active{color:var(--highlight-dark)}body.dark a:hover{color:var(--background-dark);background:var(--highlight-dark)}body.dark .logo path{fill:var(--highlight-dark)}body.dark .categories{color:var(--text-dark)}body.dark button.category:hover{color:var(--text-light);background-color:var(--meta-light)}body.dark .categories button.active{color:var(--text-light);background-color:var(--highlight-dark)}main{padding:6rem 1rem;min-height:calc(100vh - 7rem);box-sizing:border-box}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#23241f;color:#f8f8f2}.hljs-tag,.hljs-subst{color:#f8f8f2}.hljs-strong,.hljs-emphasis{color:#a8a8a2}.hljs-bullet,.hljs-quote,.hljs-number,.hljs-regexp,.hljs-literal,.hljs-link{color:#ae81ff}.hljs-code,.hljs-title,.hljs-section,.hljs-selector-class{color:#a6e22e}.hljs-strong{font-weight:700}.hljs-emphasis{font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-name,.hljs-attr{color:#f92672}.hljs-symbol,.hljs-attribute{color:#66d9ef}.hljs-params,.hljs-title.class_,.hljs-class .hljs-title{color:#f8f8f2}.hljs-string,.hljs-type,.hljs-built_in,.hljs-selector-id,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-addition,.hljs-variable,.hljs-template-variable{color:#e6db74}.hljs-comment,.hljs-deletion,.hljs-meta{color:#75715e}.loading-icon{--size: 30px;width:100px;height:100px;position:relative}.loading-icon:after,.loading-icon:before{box-sizing:border-box;position:absolute;content:"";width:var(--size);height:var(--size);top:50%;animation:up 2.4s cubic-bezier(0,0,.24,1.21) infinite;left:50%;background:var(--highlight-light)}.loading-icon:after{background:var(--highlight-dark);top:calc(50% - var(--size));left:calc(50% - var(--size));animation:down 2.4s cubic-bezier(0,0,.24,1.21) infinite}@keyframes down{0%,to{transform:none}25%{transform:translate(100%)}50%{transform:translate(100%) translateY(100%)}75%{transform:translateY(100%)}}@keyframes up{0%,to{transform:none}25%{transform:translate(-100%)}50%{transform:translate(-100%) translateY(-100%)}75%{transform:translateY(-100%)}}.loading[data-v-a1dfd8bc]{margin-top:2rem}.blog-post[data-v-a1dfd8bc]{text-align:left;display:flex;flex-direction:column;margin:0 auto;max-width:45em;word-break:break-word}.back[data-v-a1dfd8bc]{align-self:flex-start}.tagline[data-v-a1dfd8bc]{font-size:.8rem;color:var(--meta-light);margin:0 0 1rem}.blog[data-v-bc2be692]{display:flex;flex-direction:column;max-width:45rem;margin:0 auto;text-align:left}.back[data-v-bc2be692]{align-self:flex-start}.categories[data-v-bc2be692]{display:flex;font-size:16px;gap:1rem}button.category[data-v-bc2be692]{border:1px solid var(--meta-light);background:transparent;cursor:pointer}button.category[data-v-bc2be692]:hover{background:var(--meta-dark)}.posts[data-v-bc2be692]{margin:0 auto;max-width:45em;width:100%}.post[data-v-bc2be692]{box-sizing:border-box;margin-top:3rem}.post h2[data-v-bc2be692]{margin:.5rem 0}.tags[data-v-bc2be692],.tagline[data-v-bc2be692]{color:var(--meta-light);gap:.5rem}@media only screen and (max-width:768px){.blog[data-v-bc2be692]{width:unset}}.home[data-v-4d37b18b]{max-width:45rem;margin:0 auto}p[data-v-4d37b18b]{margin-bottom:2rem}