pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}@media (max-width: 768px){.content{padding:0}}.content img,.content video{display:flex;justify-content:center;border-radius:var(--border-radius);box-shadow:var(--image-box-shadow);margin:auto;max-width:100%;min-width:100%}.content h3{animation:textGlow 5s infinite ease-in-out alternate}.content h2{animation:textGlow 4s infinite ease-in-out alternate}.content ul{font-family:Lexend;font-weight:350;line-height:1.3;margin-left:auto;margin-right:auto;list-style-type:lower-greek;list-style-position:inside;gap:1em}@media (min-width: 768px) and (max-width: 1024px){.content ul{font-size:1.7em;width:90%}}@media (max-width: 768px){.content ul{font-size:1em;width:90%}}.content li::marker{font-weight:500;line-height:1.3;color:var(--color-secondary);animation:textGlow 3s ease-in-out infinite alternate}.content .code-snippet{box-sizing:border-box;margin:auto;max-width:90dvw;overflow:auto}@media (max-width: 768px){.content .code-snippet{max-width:80dvw}}@media (max-width: 620px){.content .code-snippet{max-width:65dvw}}.content pre{box-sizing:border-box}.content code{border-radius:10px;background-color:#141b1f;border:3px solid var(--color-primary-20)}.content .collapsable-end-divider{width:25%;margin:var(--spacing-l) auto;background-color:#fff;height:var(--divider-height)}.content .post-end-divider{width:10%;margin:var(--spacing-l) auto 0 auto;background-color:#fff;height:var(--divider-height)}.content color.color1{color:var(--color-secondary);animation:textGlow 3s ease-in-out infinite alternate}.content color.color2{color:var(--color-accent);animation:textGlow 4s ease-in-out infinite alternate}.content color.color3{color:var(--color-primary);animation:textGlow 5s ease-in-out infinite alternate}.content .collapsable{display:flex;cursor:pointer;justify-content:center;align-items:center;height:calc(var(--spacing-2xl) * 1.25);width:100%;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);box-shadow:var(--image-box-shadow);transition:border-radius .5s ease-in-out,box-shadow .2s ease-in-out,width 1s ease-in-out;margin:0 auto;border:0;padding:0 var(--spacing-m)}.content .collapsable:before{content:"➯";animation:textGlow 4s ease-in-out infinite alternate;padding-right:.4em;font-size:1.5em;transition:all .2s}@media (min-width: 1024px){.content .collapsable:hover{transition:border-radius .5s ease-in-out,box-shadow .1s,width .1s ease-in-out;box-shadow:0 0 10px .1px var(--color-secondary) inset}}.content .collapsable.active:before{transition:all .2s;transform:translate(.2em);rotate:90deg}.content .collapsable.active:hover{transition:box-shadow .1s ease-in-out,width .1s ease-in-out;box-shadow:0 0 10px .1px var(--color-accent) inset}.content .collapsable.active{border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 0 10px .1px #aeacac inset;transition:box-shadow .3s ease-in-out,width .1s ease-in-out;width:100%}.content .collapsable-content{overflow:hidden;border-radius:0 0 20px 20px;border:0;box-shadow:0 0 10px .1px #424242 inset;opacity:1;transition:opacity .3s ease-out;padding:0 var(--spacing-m)}.content .collapsable-content img{width:90%!important;margin:1.5em auto!important}.content .collapsable-hidden{opacity:0;max-height:0;transition:max-height .3s ease-out,opacity .3s ease-out}.content .trailer iframe{width:100%;height:500px}.content .steam-widget-container{display:grid;grid-template-columns:1fr 1fr;place-items:center;width:100%;row-gap:var(--spacing-l)}.content .steam-widget-container img{box-shadow:none;min-width:60%;max-width:60%}.content .steam-widget-container p{text-align:center}@media (max-width: 750px){.content .steam-widget-container{grid-template-columns:1fr}}.content .steam-widget-container .wishlist-button{width:200px;display:grid;place-items:center;grid-template-columns:1fr .75fr}.post-container.svelte-ufc6hb{width:100%;height:100%;margin:-80px auto auto;-webkit-backdrop-filter:blur(64px) saturate(100%);backdrop-filter:blur(64px) saturate(100%);overflow:hidden;padding-top:96px}.content-container.svelte-ufc6hb{display:flex;justify-content:center;margin:auto;padding:0 calc(var(--spacing-3xl) * 2);max-width:780px;min-width:0}@media (max-width: 1024px){.content-container.svelte-ufc6hb{padding:0 var(--spacing-m)}}@media (max-width: 768px){.content-container.svelte-ufc6hb{max-width:100%;min-width:fit-content;padding:0 var(--spacing-m)}}.hero-container.svelte-ufc6hb{margin:auto;row-gap:var(--spacing-s);column-gap:var(--spacing-xl);justify-content:center;display:grid;grid-template-areas:"col1 col2" "col1-2 col1-2"}@media (max-width: 1345px){.hero-container.svelte-ufc6hb{grid-template-areas:"col1 col1" "col2 col1-2";padding:0 calc(var(--spacing-3xl) * 2)}}@media (max-width: 768px){.hero-container.svelte-ufc6hb{grid-template-areas:"col1" "col2" "col1-2"}}.hero-container.svelte-ufc6hb>.featured-image:where(.svelte-ufc6hb){grid-area:col1}.hero-container.svelte-ufc6hb>.post-meta:where(.svelte-ufc6hb){grid-area:col2}.hero-container.svelte-ufc6hb>.project-details:where(.svelte-ufc6hb){grid-area:col1-2}@media (min-width: 1921px){.hero-container.svelte-ufc6hb{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"col1 col2" "col1-2 col1-2";max-width:1200px}}@media (max-width: 1024px){.hero-container.svelte-ufc6hb{padding:0 var(--spacing-m)}}@media (max-width: 768px){.hero-container.svelte-ufc6hb{padding:0 var(--spacing-m)}}.hero-container.svelte-ufc6hb .featured-image:where(.svelte-ufc6hb){display:flex;justify-content:center;aspect-ratio:16/9;width:900px;border-radius:10px;box-shadow:0 0 10px .1px #696969;opacity:0;animation:loadIn 1s .3s forwards}@media (max-width: 1024px){.hero-container.svelte-ufc6hb .featured-image:where(.svelte-ufc6hb){max-width:100%}}.hero-container.svelte-ufc6hb .project-details:where(.svelte-ufc6hb){max-width:944px;min-width:400px;margin:auto;height:100%}@media (max-width: 768px){.hero-container.svelte-ufc6hb .project-details:where(.svelte-ufc6hb){max-width:100%;min-width:fit-content}}.post-meta.svelte-ufc6hb{color:#ccc;display:flex;flex-direction:column;gap:var(--spacing-s);opacity:0;animation:loadIn 1s .2s forwards}@media (min-width: 1920px){.post-meta.svelte-ufc6hb{flex:0 0 30%}}.post-meta.svelte-ufc6hb h3:where(.svelte-ufc6hb),.post-meta.svelte-ufc6hb p:where(.svelte-ufc6hb){margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.post-meta-category.svelte-ufc6hb{min-width:300px;position:relative}.post-meta-category.svelte-ufc6hb p:where(.svelte-ufc6hb){color:#999}h1.svelte-ufc6hb{font:var(--h1);color:var(--color-text);transform:translateY(var(--load-in-y-offset));text-align:center;animation:textGlow 5s infinite ease-in-out alternate,visibleLoadIn .8s .1s forwards}.tools-container.svelte-ufc6hb{display:flex;flex-grow:1;align-items:center;column-gap:.25em;height:4em;margin-top:-.5em}@media (min-width: 768px) and (max-width: 1024px){.tools-container.svelte-ufc6hb{margin-top:0;height:2em}}@media (max-width: 768px){.tools-container.svelte-ufc6hb{margin-top:0;height:2.25em}}.tool-img.svelte-ufc6hb{overflow:hidden;max-height:3em;max-width:100%;margin:0;width:auto;height:auto}@media (min-width: 768px) and (max-width: 1024px){.tool-img.svelte-ufc6hb{max-height:2.5em}}@media (max-width: 768px){.tool-img.svelte-ufc6hb{max-height:2.25em}}.post-start-divider.svelte-ufc6hb{width:10%;margin:var(--spacing-l) auto 0 auto;background-color:#fff;height:var(--divider-height)}
