.logo-header[data-astro-cid-74sddylu]{margin-bottom:var(--space-dlg);transition:transform var(--transition-slow);.title{font-family:var(--font-family-logo);font-size:var(--space-xl);text-transform:uppercase;margin-bottom:0}.slogan{color:var(--color-text-link);font-size:var(--space-lg);transition:color var(--transition-slow)}&:hover{.slogan{color:var(--color-secondary)}}}@media screen and (max-width:600px){.logo-header[data-astro-cid-74sddylu]{.title,.slogan{font-size:var(--space-dlg)}}}button.svelte-1klcfz0{--background-button: var(--color-primary);--background-hover-button: var(--color-secondary);--color-button: var(--color-text-inverted);width:fit-content;border:none;outline:none;font-size:var(--font-size-heading);font-family:var(--font-family-header);background-color:var(--background-button);color:var(--color-button);padding:var(--space-xs) var(--space-base);transition:all var(--transition-fast);a:where(.svelte-1klcfz0){color:inherit;background:none}&:hover{background-color:var(--background-hover-button);cursor:pointer}&.primary{font-weight:600}&.secondary{--background-button: var(--color-surface-3);--background-hover-button: var(--color-surface-4);--color-button: var(--color-text-body)}&.ghost{--background-button: transparent;--background-hover-button: transparent;--color-button: var(--color-text-heading);border:2px solid var(--color-text-heading);&:hover{border-width:4px}}&.passthrough{--background-button: transparent;--background-hover-button: transparent;--color-button: inherit;padding:0}&.size-small{font-size:var(--font-size-subheading);padding:var(--space-xxs) var(--space-xs)}}button.passthrough:has(.icon){height:var(--size-icon)}.site-settings.svelte-kd8oxu{padding-bottom:var(--space-xs);margin-top:var(--space-md);transition:margin-top var(--transition-slow);.title:where(.svelte-kd8oxu){font-family:var(--font-family-header);font-size:var(--font-size-subheading);text-transform:uppercase;color:var(--color-text-code)}.settings:where(.svelte-kd8oxu){display:flex;justify-content:flex-start;align-items:center;gap:var(--space-base)}}.site-settings button{--size-icon: var(--space-mlg)}.site-settings button svg{fill:var(--color-text-heading)}.site-settings button:first-of-type{margin-bottom:-2px}@media(max-width:600px){.site-settings.svelte-kd8oxu{width:calc(100% - var(--space-lg));display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);width:fit-content;position:absolute;top:var(--space-base);right:var(--space-lg);.title:where(.svelte-kd8oxu){display:none}}}*{box-sizing:border-box;margin:0}:root{--color-primary: #6189f6;--color-primary-light: #81a0ff;--color-secondary: #b38ef4;--color-secondary-dark: #9063b8;--color-tertiary: #fd8282;--color-background: #000920;--color-background-alt: #11192a;--color-surface: #182028;--color-surface-1: #1c2736;--color-surface-2: #172042;--color-surface-3: #233357;--color-surface-4: #3e5e88;--color-border-light: var(--color-surface-4);--color-text-heading: #fbfafb;--color-text-body: #cdcddc;--color-text-code: #b6b6ce;--color-text-subtle: #9a9ab3;--color-text-disabled: #7e7e92;--color-text-inverted: var(--color-background-alt);--color-text-link: var(--color-primary);--color-text-link-hover: var(--color-primary-light);--color-netlify: #05bdba;--space-unit: 14px;--space-xxs: calc(.25 * var(--space-unit));--space-xs: calc(.5 * var(--space-unit));--space-sm: calc(.75 * var(--space-unit));--space-base: calc(1 * var(--space-unit));--space-bsm: calc(1.125 * var(--space-unit));--space-md: calc(1.25 * var(--space-unit));--space-dlg: calc(1.5 * var(--space-unit));--space-mlg: calc(1.75 * var(--space-unit));--space-lg: calc(2 * var(--space-unit));--space-xl: calc(2.5 * var(--space-unit));--space-xxl: calc(3.25 * var(--space-unit));--space-xxxl: calc(5.25 * var(--space-unit));--font-size-body: var(--space-base);--font-size-subheading: var(--space-md);--font-size-heading: var(--space-dlg);--font-size-subtitle: var(--space-lg);--font-size-title: var(--space-xl);--size-icon: 20px;--size-icon-small: 16px;--transition-speed-fast: .08s;--transition-speed-normal: .125s;--transition-speed-slow: .2s;--transition-speed-medium: .3s;--transition-speed-slower: .4s;--transition-ease-default: ease-in-out;--transition-ease-in: ease-in;--transition-ease-out: ease-out;--transition-ease-smooth: cubic-bezier(.4, 0, .2, 1);--transition-fast: var(--transition-speed-fast) var(--transition-ease-default);--transition-normal: var(--transition-speed-normal) var(--transition-ease-in);--transition-slow: var(--transition-speed-slow) var(--transition-ease-out);--transition-medium: var(--transition-speed-medium) var(--transition-ease-default);--transition-smooth: var(--transition-speed-slower) var(--transition-ease-smooth);--font-family-body-serif: "Argent Pixel CF", serif;--font-family-body: Menlo, "SF Mono", Monaco, Consolas, "Liberation Mono", monospace, "Arundina Mono";--font-family-header: OhSnap, Futura, "Century Gothic", AppleGothic, "B2 Sign April", sans-serif;--font-family-code: var(--font-family-body);--font-family-logo: EagleSpCGA;--font-family-bold: ChiKareGo2}@font-face{font-family:Menlo;font-style:normal;font-weight:400;src:local("Menlo Regular"),local("Menlo-Regular"),url(Menlo.woff2) format("woff2")}@font-face{font-family:Menlo;font-style:normal;font-weight:700;src:local("Menlo Bold"),local("Menlo-Bold"),url(MenloBold.woff2) format("woff2")}@font-face{font-family:Menlo;font-style:italic;font-weight:400;src:local("Menlo Italic"),local("Menlo-Italic"),url(MenloItalic.woff2) format("woff2")}@font-face{font-family:Menlo;font-style:italic;font-weight:700;src:local("Menlo Bold Italic"),local("Menlo-BoldItalic"),url(MenloBoldItalic.woff2) format("woff2")}@font-face{font-family:OhSnap;src:url(/fonts/Ohsnap.ttf)}@font-face{font-family:OhSnap;font-weight:700;src:url(/fonts/OhsnapBold.ttf)}@font-face{font-family:Argent Pixel CF;src:url(/fonts/ArgentPixelCF-Regular.woff2) format("woff2")}@font-face{font-family:EagleSpCGA;src:url(/fonts/EagleSpCGA_Alt2.ttf)}@font-face{font-family:Arundina Mono;src:url(/fonts/Arundinamono.ttf);size-adjust:155%}@font-face{font-family:Arundina Mono;font-style:italic;src:url(/fonts/Arundinamoit.ttf);size-adjust:155%;font-feature-settings:"c2sc","smcp"}@font-face{font-family:Arundina Mono;font-weight:700;src:url(/fonts/Arundinamobd.ttf);size-adjust:155%}@font-face{font-family:Arundina Mono;font-style:italic;font-weight:700;src:url(/fonts/Arundinamobi.ttf);size-adjust:155%}@font-face{font-family:B2 Sign April;src:url(/fonts/B2%20SIGN%20April%20Thin.ttf);size-adjust:130%}body{height:100%;font-size:var(--font-size-body);font-family:var(--font-family-body);color:var(--color-text-body);background:var(--color-background);background-image:linear-gradient(var(--color-background-alt),var(--color-background));background-repeat:no-repeat;background-attachment:fixed}body:has(img.expanded){overflow:hidden}h1,h2,h3,h4{font-family:var(--font-family-header);color:var(--color-text-heading)}h1{font-size:var(--font-size-title)}h2{font-size:var(--font-size-subtitle);margin-bottom:var(--space-xs)}h3{font-size:var(--font-size-heading)}h4{font-size:var(--font-size-subheading)}p,em{color:var(--color-text-body);line-height:1.45}a{color:var(--color-text-link);text-decoration:none}a.active{color:var(--color-text-link)}#site-header{position:sticky;top:0;z-index:3;background:inherit;padding:var(--space-lg);transition:height var(--transition-slow)}article a,a.link{background:linear-gradient(to bottom,var(--color-primary) 0%,var(--color-primary) 100%);background-position:0 100%;background-repeat:repeat-x;background-size:4px 2px;transition:all var(--transition-normal);padding-bottom:2px}article a:hover,a.link:hover{color:var(--color-background);background-size:4px 50px}.flex-container>*{flex-grow:1}.flex-vertical{display:flex;flex-direction:column}.img-icon{width:var(--size-icon);image-rendering:pixelated;image-rendering:crisp-edges;object-fit:contain;align-self:flex-end}.title{margin-bottom:var(--space-xs)}.page-header{position:relative;display:inline-block;font-weight:400;font-size:var(--space-lg);color:var(--color-primary);text-decoration-line:underline;text-underline-offset:6px;margin-bottom:var(--space-mlg)}.flex{display:flex;gap:var(--space-sm)}.item-list{display:flex;flex-direction:column;align-items:flex-start;flex-grow:1}.hover-slide{cursor:pointer;transition:all var(--transition-fast);&:hover{border-right:4px solid var(--color-primary);border-bottom:4px solid var(--color-primary);padding:0 var(--space-base) var(--space-base) 0;margin-bottom:calc(var(--gap-item) - var(--space-md));.title,time,strong{color:var(--color-secondary)!important}}}.tags{display:flex;align-items:center;gap:var(--space-sm)}.back-button{margin-bottom:var(--space-base)}body>.logo-header{padding:var(--space-lg)}article{width:60%;display:flex;flex-direction:column;margin:0 auto}.icon-text{display:flex;align-items:center;gap:var(--space-sm)}.icon svg{width:var(--size-icon);height:var(--size-icon);fill:var(--color-text-code)}.dual-images{display:flex;flex-direction:row;gap:var(--space-md);overflow-x:auto;margin-bottom:var(--space-lg)}body.lang-th{h1,h2,h3,h4,button,nav a{line-height:1.05}}body.contrast,body:has(#set-high-contrast){--color-primary: #00D4FF;--color-primary-light: #66E5FF;--color-secondary: #FF6BFF;--color-secondary-dark: #E533E5;--color-tertiary: #FF5555;--color-background: #000;--color-background-alt: #0a0a0a;--color-surface: #111;--color-surface-1: #171717;--color-surface-2: #1d1d1d;--color-surface-3: #242424;--color-surface-4: #333;--color-border-light: #555;--color-text-heading: #fff;--color-text-body: #fff;--color-text-code: #f0f0f0;--color-text-subtle: #ccc;--color-text-disabled: #999;--color-text-inverted: var(--color-background-alt);--color-text-link: var(--color-primary);--color-text-link-hover: var(--color-primary-light);--color-netlify: #22fffb}@media screen and (max-width:600px){article{width:100%;flex-wrap:wrap;padding:var(--space-lg);padding-top:0}.tags{flex-wrap:wrap}.hover-slide{&:hover{border-right:none;border-left:4px solid var(--color-primary);padding-left:var(--space-base)}}}@media screen and (min-width:600px){:root{--size-icon: 20px}body.homepage{#site-header{position:absolute;background:none}}.page-header{margin-bottom:var(--space-lg)}.item-list{align-items:flex-end}}@media screen and (min-width:900px){:root{--space-unit: 16px}}