.logo-header[data-astro-cid-5osgtprx]{margin-bottom:var(--space-300);transition:transform var(--transition-slow);.title{font-family:var(--font-family-logo);font-size:var(--font-size-headline);text-transform:uppercase;margin-bottom:0}.slogan{color:var(--color-secondary);font-size:var(--font-size-body-large);font-weight:500;transition:color var(--transition-slow)}&:hover{.slogan{color:var(--color-text-lik)}}}@media screen and (max-width:600px){.logo-header[data-astro-cid-5osgtprx]{.title,.slogan{font-size:var(--font-size-subtitle)}}}button.svelte-1j4mjxq{--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-subtitle);font-family:var(--font-family-heading);background-color:var(--background-button);color:var(--color-button);padding:var(--space-100) var(--space-200);transition:all var(--transition-fast);a:where(.svelte-1j4mjxq){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-body-large);padding:var(--space-050) var(--space-100)}}button.passthrough:has(.icon){height:var(--size-icon)}.site-settings.svelte-zfswzy{padding-bottom:var(--space-100);margin-top:var(--space-250);transition:margin-top var(--transition-slow);.title:where(.svelte-zfswzy){font-family:var(--font-family-heading);font-size:var(--font-size-body-large);text-transform:uppercase;color:var(--color-text-code)}.settings:where(.svelte-zfswzy){display:flex;justify-content:flex-start;align-items:center;gap:var(--space-200)}}.site-settings button{--size-icon: var(--space-300)}.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-zfswzy{width:calc(100% - var(--space-400));display:flex;align-items:center;justify-content:space-between;gap:var(--space-400);width:fit-content;position:absolute;top:var(--space-200);right:var(--space-400);.title:where(.svelte-zfswzy){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: 7px;--space-050: calc(.5 * var(--space-unit));--space-100: var(--space-unit);--space-150: calc(1.5 * var(--space-unit));--space-175: calc(1.75 * var(--space-unit));--space-200: calc(2 * var(--space-unit));--space-225: calc(2.25 * var(--space-unit));--space-250: calc(2.5 * var(--space-unit));--space-300: calc(3 * var(--space-unit));--space-400: calc(4 * var(--space-unit));--space-500: calc(5 * var(--space-unit));--space-600: calc(6 * var(--space-unit));--space-800: calc(8 * var(--space-unit));--font-size-headline: var(--space-500);--font-size-title: var(--space-400);--font-size-subtitle: var(--space-300);--font-size-body-large: var(--space-250);--font-size-body: var(--space-225);--font-size-label: var(--space-175);--font-size-caption: var(--space-200);--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)}:root{--color-primary: #B38EF4;--color-secondary: #6189F6;--color-secondary-light: #99A8FF;--color-tertiary: #58C1A1;--color-tertiary-subtle: #008775;--color-tertiary-dark: #005B53;--color-background: #000920;--color-background-alt: #101B33;--color-surface: #172042;--color-border: #2E4383;--color-text-link: var(--color-primary);--font-size-body: var(--space-200);--font-size-label: var(--space-175);--font-size-body-large: var(--space-250);--font-family-body: "Executive", system-ui, sans-serif;--font-family-heading: "Bureau Grotesque", "DIN Alternate", "Helvetica Neue", Arial, sans-serif;--font-family-code: Menlo, "SF Mono", Consolas, monospace;--font-family-logo: var(--font-family-heading);--icon-size: var(--space-200)}@font-face{font-family:Executive;src:url(/fonts/Executive-55Reg.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Executive;src:url(/fonts/Executive-56It.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Executive;src:url(/fonts/Executive-65Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Executive;src:url(/fonts/Executive-66MediumIt.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Executive;src:url(/fonts/Executive-75Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Executive;src:url(/fonts/Executive-76BoldIt.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Bureau Grotesque;src:url(/fonts/BureauGrotesque-FiveThree.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Bureau Grotesque;src:url(/fonts/BureauGrotesque-ThreeFive.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}body{height:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--font-family-body);font-size:var(--font-size-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{font-family:var(--font-family-heading);color:var(--color-text-heading)}h2,h3{color:var(--color-secondary)}h4{color:var(--color-text-heading)}h1{font-size:var(--font-size-headline)}h2{font-size:var(--font-size-title);margin-bottom:var(--space-100)}h3{font-size:var(--font-size-subtitle)}h4{font-size:var(--font-size-body-large)}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)}.subtitle{font-family:var(--font-family-heading);font-size:var(--font-size-subtitle);color:var(--color-secondary);text-transform:uppercase}.body-large{font-size:var(--font-size-body-large)}.label{font-size:var(--font-size-label);text-transform:uppercase}#site-header{position:sticky;top:0;z-index:3;background:inherit;padding:var(--space-400);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{display:flex}.flex-col{display:flex;flex-direction:column}.flex-x-l{justify-content:flex-start}.flex-x-m{justify-content:center}.flex-x-r{justify-content:flex-end}.flex-x-bt{justify-content:space-between}.flex-y-t{align-items:flex-start}.flex-y-m{align-items:center}.flex-y-b{align-items:flex-end}.gap-100{gap:var(--space-100)}.gap-150{gap:var(--space-150)}.gap-200{gap:var(--space-200)}.gap-400{gap:var(--space-400)}.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-100)}.page-header{display:inline-block;font-weight:400;font-size:var(--font-size-title);color:var(--color-secondary)}.item-list{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-200) var(--space-200) 0;margin-bottom:calc(var(--gap-item) - var(--space-250));.title,time,strong{color:var(--color-secondary)!important}}}.back-button{margin-bottom:var(--space-200)}body>.logo-header{padding:var(--space-400)}article{width:60%;margin:0 auto}.icon svg{width:var(--size-icon);height:var(--size-icon);fill:var(--color-text-code)}.dual-images{overflow-x:auto;margin-bottom:var(--space-400)}body.lang-th{h1,h2,h3,h4,button,nav a{line-height:1.05}}body.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-400);padding-top:0}.tags{flex-wrap:wrap}.hover-slide{&:hover{border-right:none;border-left:4px solid var(--color-primary);padding-left:var(--space-200)}}}@media screen and (min-width:600px){:root{--size-icon: 20px}body.homepage{#site-header{position:absolute;background:none}}.item-list{align-items:flex-end}}@media screen and (min-width:900px){:root{--space-unit: 8px;--font-size-body: var(--space-200)}}