/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-3xl:48rem;--font-weight-semibold:600;--leading-relaxed:1.625;--radius-sm:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-brand-200:var(--brand-200);--color-brand-300:var(--brand-300);--color-brand-700:var(--brand-700);--color-brand-800:var(--brand-800);--color-warning-50:var(--warning-50);--color-warning-500:var(--warning-500);--color-warning-950:var(--warning-950);--color-card-elevated-border:var(--card-elevated-border)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{color-scheme:light dark}body{color:var(--ink);background-color:#fff}html.dark body{color:var(--ink);background-color:#0b1220}:where([lang=th]){color:var(--ink-th)}}@layer components;@layer utilities{.static{position:static}.mx-auto{margin-inline:auto}.my-3{margin-block:calc(var(--spacing) * 3)}.my-4{margin-block:calc(var(--spacing) * 4)}.mt-1{margin-top:var(--spacing)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.block{display:block}.hidden{display:none}.inline{display:inline}.table{display:table}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.border-collapse{border-collapse:collapse}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.flex-wrap{flex-wrap:wrap}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}.overflow-x-auto{overflow-x:auto}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-card-elevated-border{border-color:var(--color-card-elevated-border)}.border-warning-500{border-color:var(--color-warning-500)}.bg-warning-50{background-color:var(--color-warning-50)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-2{padding-block:calc(var(--spacing) * 2)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-6{padding-left:calc(var(--spacing) * 6)}.text-left{text-align:left}.align-top{vertical-align:top}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-brand-700{color:var(--color-brand-700)}.underline{text-decoration-line:underline}@media (hover:hover){.hover\:text-brand-800:hover{color:var(--color-brand-800)}}.dark\:bg-warning-950\/30:where(.dark,.dark *){background-color:var(--color-warning-950)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-warning-950\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-warning-950) 30%, transparent)}}.dark\:text-brand-300:where(.dark,.dark *){color:var(--color-brand-300)}.text-ink{color:var(--ink)}.text-ink-th{color:var(--ink-th)}.text-muted{color:var(--ink-muted)}.text-required{color:var(--ink-required)}.text-error{color:var(--ink-error)}.text-success{color:var(--ink-success)}}.demo-heading-inter{--font-en-heading:"Inter", var(--font-en)}:root{--navbar-h:56px;--mainpage-bg:var(--brand-100)}.dark{--mainpage-bg:var(--brand-950)}:root{--card-outlined-bg:white;--card-outlined-border:var(--slate-200-a80);--card-outlined-hover-bg-weak:white;--card-outlined-hover-bg-strong:var(--brand-200);--card-elevated-bg:white;--card-elevated-border:transparent;--card-elevated-hover-bg:var(--brand-50);--card-elevated-shadow:var(--black-a05);--card-elevated-shadow-hover:var(--black-a10);--card-filled-brand-bg:var(--brand-200);--card-filled-brand-ink:var(--brand-950);--card-filled-brand-hover-bg:var(--brand-300);--card-filled-neutral-bg:var(--slate-50);--card-filled-neutral-ink:var(--slate-900);--card-filled-neutral-hover-bg:var(--slate-200);--card-divider:var(--slate-200-a80);--card-focus-ring:var(--secondary-700);--card-focus-ring-offset:var(--brand-100)}.dark{--card-outlined-bg:var(--white-a05);--card-outlined-border:var(--white-a10);--card-outlined-hover-bg-weak:var(--white-a06);--card-outlined-hover-bg-strong:var(--white-a12);--card-elevated-bg:var(--white-a05);--card-elevated-border:transparent;--card-elevated-hover-bg:var(--white-a08);--card-elevated-shadow:var(--black-a40);--card-elevated-shadow-hover:var(--black-a50);--card-filled-brand-bg:var(--brand-900-a70);--card-filled-brand-ink:white;--card-filled-brand-hover-bg:var(--brand-900-a80);--card-filled-neutral-bg:var(--white-a04);--card-filled-neutral-ink:white;--card-filled-neutral-hover-bg:var(--white-a08);--card-divider:var(--white-a10);--card-focus-ring:white;--card-focus-ring-offset:var(--brand-950)}:root{--button-primary-bg:var(--brand-600);--button-primary-ink:white;--button-primary-hover-bg:var(--brand-700);--button-primary-active-bg:var(--brand-700-a90);--button-primary-disabled-bg:var(--brand-300);--button-primary-disabled-ink:var(--white-a07);--button-secondary-bg:var(--secondary-600);--button-secondary-ink:white;--button-secondary-hover-bg:var(--secondary-700);--button-secondary-active-bg:var(--secondary-700-a90);--button-secondary-disabled-bg:var(--secondary-300);--button-secondary-disabled-ink:var(--white-a07);--button-tertiary-neutral-ink:var(--brand-900);--button-tertiary-neutral-hover-bg:var(--brand-700-a10);--button-tertiary-neutral-active-bg:var(--brand-700-a15);--button-tertiary-neutral-disabled-ink:var(--slate-400);--button-tertiary-neutral-border:transparent;--button-tertiary-brand-ink:var(--slate-900);--button-tertiary-brand-hover-bg:var(--black-a10);--button-tertiary-brand-active-bg:var(--black-a20);--button-tertiary-brand-border:transparent;--button-outlined-neutral-ink:var(--slate-900);--button-outlined-neutral-border:var(--slate-300);--button-outlined-neutral-hover-bg:var(--slate-100);--button-outlined-neutral-active-bg:var(--slate-200);--button-outlined-neutral-disabled-ink:var(--slate-400);--button-outlined-neutral-disabled-border:var(--slate-200);--button-outlined-brand-ink:var(--slate-900);--button-outlined-brand-border:var(--slate-300-a70);--button-outlined-brand-hover-bg:var(--black-a10);--button-outlined-brand-active-bg:var(--black-a20);--button-destructive-bg:var(--error-600);--button-destructive-ink:white;--button-destructive-hover-bg:var(--error-700);--button-destructive-active-bg:var(--error-700-a90);--button-destructive-disabled-bg:var(--error-300);--button-destructive-disabled-ink:var(--white-a07);--button-focus-ring:var(--secondary-700);--button-focus-ring-dark:white;--button-focus-ring-offset:white;--button-focus-ring-offset-brand:var(--brand-200);--button-focus-ring-offset-dark:var(--slate-900);--button-focus-ring-offset-brand-dark:var(--brand-200)}.dark{--button-tertiary-neutral-ink:white;--button-tertiary-neutral-hover-bg:var(--white-a10);--button-tertiary-neutral-active-bg:var(--white-a15);--button-tertiary-neutral-border:var(--white-a20);--button-outlined-neutral-ink:white;--button-outlined-neutral-border:var(--white-a30);--button-outlined-neutral-hover-bg:var(--white-a10);--button-outlined-neutral-active-bg:var(--white-a15);--button-outlined-neutral-disabled-border:var(--white-a20)}:root{--badge-solid-brand-bg:var(--brand-700);--badge-solid-brand-ink:white;--badge-solid-secondary-bg:var(--secondary-700);--badge-solid-secondary-ink:white;--badge-solid-info-bg:var(--info-600);--badge-solid-info-ink:white;--badge-solid-success-bg:var(--success-600);--badge-solid-success-ink:white;--badge-solid-warning-bg:var(--warning-500);--badge-solid-warning-ink:var(--slate-900);--badge-solid-error-bg:var(--error-600);--badge-solid-error-ink:white;--badge-solid-neutral-bg:var(--slate-700);--badge-solid-neutral-ink:white;--badge-soft-brand-page-bg:var(--brand-300);--badge-soft-brand-page-ink:var(--brand-950);--badge-soft-brand-page-border:var(--brand-400);--badge-soft-secondary-page-bg:var(--secondary-300);--badge-soft-secondary-page-ink:var(--secondary-950);--badge-soft-secondary-page-border:var(--secondary-400);--badge-soft-info-page-bg:var(--info-300);--badge-soft-info-page-ink:var(--info-950);--badge-soft-info-page-border:var(--info-400);--badge-soft-success-page-bg:var(--success-300);--badge-soft-success-page-ink:var(--success-950);--badge-soft-success-page-border:var(--success-400);--badge-soft-warning-page-bg:var(--warning-300);--badge-soft-warning-page-ink:var(--slate-950);--badge-soft-warning-page-border:var(--warning-400);--badge-soft-error-page-bg:var(--error-300);--badge-soft-error-page-ink:var(--error-950);--badge-soft-error-page-border:var(--error-400);--badge-soft-neutral-page-bg:var(--slate-300);--badge-soft-neutral-page-ink:var(--slate-950);--badge-soft-neutral-page-border:var(--slate-400);--badge-soft-brand-card-bg:var(--brand-200);--badge-soft-brand-card-ink:var(--brand-900);--badge-soft-brand-card-border:var(--brand-400);--badge-soft-secondary-card-bg:var(--secondary-200);--badge-soft-secondary-card-ink:var(--secondary-900);--badge-soft-secondary-card-border:var(--secondary-400);--badge-soft-info-card-bg:var(--info-200);--badge-soft-info-card-ink:var(--info-900);--badge-soft-info-card-border:var(--info-400);--badge-soft-success-card-bg:var(--success-200);--badge-soft-success-card-ink:var(--success-900);--badge-soft-success-card-border:var(--success-400);--badge-soft-warning-card-bg:var(--warning-200);--badge-soft-warning-card-ink:var(--slate-900);--badge-soft-warning-card-border:var(--warning-400);--badge-soft-error-card-bg:var(--error-200);--badge-soft-error-card-ink:var(--error-900);--badge-soft-error-card-border:var(--error-400);--badge-soft-neutral-card-bg:var(--slate-200);--badge-soft-neutral-card-ink:var(--slate-900);--badge-soft-neutral-card-border:var(--slate-400);--badge-focus-ring:var(--secondary-700);--badge-focus-ring-offset-page:var(--brand-100);--badge-focus-ring-offset-card:white}.dark{--badge-solid-neutral-bg:var(--slate-300);--badge-solid-neutral-ink:var(--slate-900);--badge-soft-brand-page-bg:var(--brand-400-a15);--badge-soft-brand-page-ink:var(--brand-100);--badge-soft-brand-page-border:var(--brand-400-a30);--badge-soft-brand-card-bg:var(--brand-400-a10);--badge-soft-brand-card-ink:var(--brand-100);--badge-soft-brand-card-border:var(--brand-400-a30);--badge-soft-secondary-page-bg:var(--secondary-400-a15);--badge-soft-secondary-page-ink:var(--secondary-100);--badge-soft-secondary-page-border:var(--secondary-400-a30);--badge-soft-secondary-card-bg:var(--secondary-400-a10);--badge-soft-secondary-card-ink:var(--secondary-100);--badge-soft-secondary-card-border:var(--secondary-400-a30);--badge-soft-info-page-bg:var(--info-400-a15);--badge-soft-info-page-ink:var(--info-100);--badge-soft-info-page-border:var(--info-400-a30);--badge-soft-info-card-bg:var(--info-400-a10);--badge-soft-info-card-ink:var(--info-100);--badge-soft-info-card-border:var(--info-400-a30);--badge-soft-success-page-bg:var(--success-400-a15);--badge-soft-success-page-ink:var(--success-100);--badge-soft-success-page-border:var(--success-400-a30);--badge-soft-success-card-bg:var(--success-400-a10);--badge-soft-success-card-ink:var(--success-100);--badge-soft-success-card-border:var(--success-400-a30);--badge-soft-warning-page-bg:var(--warning-400-a15);--badge-soft-warning-page-ink:white;--badge-soft-warning-page-border:var(--warning-400-a30);--badge-soft-warning-card-bg:var(--warning-400-a10);--badge-soft-warning-card-ink:white;--badge-soft-warning-card-border:var(--warning-400-a30);--badge-soft-error-page-bg:var(--error-400-a15);--badge-soft-error-page-ink:var(--error-100);--badge-soft-error-page-border:var(--error-400-a30);--badge-soft-error-card-bg:var(--error-400-a10);--badge-soft-error-card-ink:var(--error-100);--badge-soft-error-card-border:var(--error-400-a30);--badge-soft-neutral-page-bg:var(--white-a15);--badge-soft-neutral-page-ink:white;--badge-soft-neutral-page-border:var(--white-a30);--badge-soft-neutral-card-bg:var(--white-a10);--badge-soft-neutral-card-ink:white;--badge-soft-neutral-card-border:var(--white-a20);--badge-focus-ring-dark:white;--badge-focus-ring-offset-page-dark:var(--brand-950);--badge-focus-ring-offset-card-dark:var(--brand-900)}:root{--alert-soft-info-bg:var(--info-100);--alert-soft-info-ink:var(--info-900);--alert-soft-info-border:var(--info-300);--alert-soft-success-bg:var(--success-100);--alert-soft-success-ink:var(--success-900);--alert-soft-success-border:var(--success-300);--alert-soft-warning-bg:var(--warning-100);--alert-soft-warning-ink:var(--warning-900);--alert-soft-warning-border:var(--warning-300);--alert-soft-error-bg:var(--error-100);--alert-soft-error-ink:var(--error-900);--alert-soft-error-border:var(--error-300);--alert-solid-info-bg:var(--info-600);--alert-solid-info-ink:white;--alert-solid-success-bg:var(--success-600);--alert-solid-success-ink:white;--alert-solid-warning-bg:var(--warning-600);--alert-solid-warning-ink:var(--slate-950);--alert-solid-error-bg:var(--error-600);--alert-solid-error-ink:white;--alert-icon-solid-ink:var(--white-a90);--alert-icon-solid-warning-ink:var(--slate-950-a80);--alert-icon-soft-info-ink:var(--info-700);--alert-icon-soft-success-ink:var(--success-700);--alert-icon-soft-warning-ink:var(--warning-700);--alert-icon-soft-error-ink:var(--error-700);--alert-close-solid-ink:var(--white-a80);--alert-close-solid-hover-ink:white;--alert-close-solid-warning-ink:var(--slate-900-a70);--alert-close-solid-warning-hover-ink:var(--slate-900);--alert-close-soft-ink:currentColor}@supports (color:color-mix(in lab, red, red)){:root{--alert-close-soft-ink:color-mix(in oklab, currentColor 70%, transparent)}}:root{--alert-close-soft-hover-ink:currentColor;--alert-focus-ring:var(--secondary-700);--alert-focus-ring-offset-page:var(--brand-100);--alert-focus-ring-offset-card:white}.dark{--alert-soft-info-bg:var(--info-300-a15);--alert-soft-info-ink:var(--info-100);--alert-soft-info-border:var(--info-300-a30);--alert-soft-success-bg:var(--success-300-a15);--alert-soft-success-ink:var(--success-100);--alert-soft-success-border:var(--success-300-a30);--alert-soft-warning-bg:var(--warning-300-a15);--alert-soft-warning-ink:var(--warning-100);--alert-soft-warning-border:var(--warning-300-a30);--alert-soft-error-bg:var(--error-300-a15);--alert-soft-error-ink:var(--error-100);--alert-soft-error-border:var(--error-300-a30);--alert-icon-soft-info-ink:var(--info-200);--alert-icon-soft-success-ink:var(--success-200);--alert-icon-soft-warning-ink:var(--warning-200);--alert-icon-soft-error-ink:var(--error-200);--alert-focus-ring-dark:white;--alert-focus-ring-offset-page-dark:var(--brand-950);--alert-focus-ring-offset-card-dark:var(--brand-900)}:root{--toast-soft-info-bg:var(--info-100);--toast-soft-info-ink:var(--info-900);--toast-soft-info-border:var(--info-300);--toast-soft-success-bg:var(--success-100);--toast-soft-success-ink:var(--success-900);--toast-soft-success-border:var(--success-300);--toast-soft-warning-bg:var(--warning-100);--toast-soft-warning-ink:var(--warning-900);--toast-soft-warning-border:var(--warning-300);--toast-soft-error-bg:var(--error-100);--toast-soft-error-ink:var(--error-900);--toast-soft-error-border:var(--error-300);--toast-solid-info-bg:var(--info-600);--toast-solid-info-ink:white;--toast-solid-success-bg:var(--success-600);--toast-solid-success-ink:white;--toast-solid-warning-bg:var(--warning-600);--toast-solid-warning-ink:var(--slate-950);--toast-solid-error-bg:var(--error-600);--toast-solid-error-ink:white;--toast-icon-solid-ink:var(--white-a90);--toast-icon-solid-warning-ink:var(--slate-950-a80);--toast-icon-soft-info-ink:var(--info-700);--toast-icon-soft-success-ink:var(--success-700);--toast-icon-soft-warning-ink:var(--warning-700);--toast-icon-soft-error-ink:var(--error-700);--toast-close-solid-ink:var(--white-a80);--toast-close-solid-hover-ink:white;--toast-close-solid-warning-ink:var(--slate-900-a70);--toast-close-solid-warning-hover-ink:var(--slate-900);--toast-close-soft-ink:currentColor}@supports (color:color-mix(in lab, red, red)){:root{--toast-close-soft-ink:color-mix(in oklab, currentColor 70%, transparent)}}:root{--toast-close-soft-hover-ink:currentColor;--toast-focus-ring:var(--secondary-700);--toast-focus-ring-offset-page:var(--brand-100);--toast-focus-ring-offset-card:white}.dark{--toast-soft-info-bg:var(--info-300-a15);--toast-soft-info-ink:var(--info-100);--toast-soft-info-border:var(--info-300-a30);--toast-soft-success-bg:var(--success-300-a15);--toast-soft-success-ink:var(--success-100);--toast-soft-success-border:var(--success-300-a30);--toast-soft-warning-bg:var(--warning-300-a15);--toast-soft-warning-ink:var(--warning-100);--toast-soft-warning-border:var(--warning-300-a30);--toast-soft-error-bg:var(--error-300-a15);--toast-soft-error-ink:var(--error-100);--toast-soft-error-border:var(--error-300-a30);--toast-icon-soft-info-ink:var(--info-200);--toast-icon-soft-success-ink:var(--success-200);--toast-icon-soft-warning-ink:var(--warning-200);--toast-icon-soft-error-ink:var(--error-200);--toast-focus-ring-dark:white;--toast-focus-ring-offset-page-dark:var(--brand-950);--toast-focus-ring-offset-card-dark:var(--brand-900)}:root{--spinner-brand-ink:var(--brand-600);--spinner-secondary-ink:var(--secondary-600);--spinner-neutral-ink:var(--slate-500)}.dark{--spinner-brand-ink:var(--brand-400);--spinner-secondary-ink:var(--secondary-400);--spinner-neutral-ink:var(--white-a70)}:root{--progress-track-bg:var(--slate-200);--progress-bar-brand-bg:var(--brand-600);--progress-bar-secondary-bg:var(--secondary-600);--progress-bar-success-bg:var(--success-600);--progress-bar-warning-bg:var(--warning-500);--progress-bar-error-bg:var(--error-600);--progress-bar-neutral-bg:var(--slate-600);--progress-bar-warning-ink:var(--slate-950)}.dark{--progress-track-bg:var(--white-a10);--progress-bar-brand-bg:var(--brand-500);--progress-bar-secondary-bg:var(--secondary-500);--progress-bar-success-bg:var(--success-500);--progress-bar-warning-bg:var(--warning-400);--progress-bar-error-bg:var(--error-500);--progress-bar-neutral-bg:var(--white-a70);--progress-bar-warning-ink:var(--slate-950)}:root{--input-card-bg:var(--brand-50);--input-page-bg:var(--brand-50);--input-border:var(--slate-300);--input-border-hover:var(--slate-400);--input-border-error:var(--error-500);--input-border-error-hover:var(--error-600);--input-border-error-focus:var(--error-600);--input-border-success:var(--success-500);--input-border-success-hover:var(--success-600);--input-border-success-focus:var(--success-600);--input-placeholder:var(--slate-400);--input-icon:var(--slate-500);--input-focus-ring:var(--secondary-700);--input-focus-ring-offset-page:var(--brand-100);--input-focus-ring-offset-card:white}.dark{--input-card-bg:var(--white-a05);--input-page-bg:var(--white-a05);--input-border:var(--white-a15);--input-border-hover:var(--white-a25);--input-placeholder:var(--white-a40);--input-icon:var(--white-a60);--input-focus-ring-dark:white;--input-focus-ring-offset-page-dark:var(--brand-950);--input-focus-ring-offset-card-dark:var(--brand-900)}:root{--formactions-sticky-card-bg:var(--white-a85);--formactions-sticky-page-bg:var(--brand-100-a85);--formactions-sticky-divider:var(--slate-200);--formactions-sticky-shadow:0 -8px 20px -8px var(--black-a25)}.dark{--formactions-sticky-card-bg:var(--brand-900-a70);--formactions-sticky-page-bg:var(--brand-950-a70);--formactions-sticky-divider:var(--white-a10);--formactions-sticky-shadow:0 -10px 24px -12px var(--white-a18)}:root{--form-border:var(--slate-200)}.dark{--form-border:var(--white-a10)}:root,.dark{--select-menu-bg:var(--brand-200);--select-menu-ink:var(--brand-900);--select-menu-border:var(--brand-300);--select-menu-item-hover-bg:var(--brand-300);--select-menu-item-active-bg:var(--brand-300)}:root{--switch-track-off-card-bg:var(--slate-300);--switch-track-off-page-bg:var(--slate-300);--switch-thumb-bg:white;--switch-thumb-ring:oklab(0% none none/.05)}.dark{--switch-track-off-card-bg:oklab(100% 0 5.96046e-8/.25);--switch-track-off-page-bg:oklab(100% 0 5.96046e-8/.15);--switch-thumb-bg:white;--switch-thumb-ring:oklab(0% none none/.05)}:root{--tabs-divider:var(--slate-200);--tabs-underline-indicator:var(--brand-600);--tabs-hover-underline:var(--brand-200-a60);--tabs-hover-pill:var(--brand-200-a70)}.dark{--tabs-divider:var(--white-a10);--tabs-underline-indicator:var(--brand-400);--tabs-hover-underline:var(--white-a10);--tabs-hover-pill:var(--white-a10)}:root{--dialog-bg:white;--dialog-ink:var(--brand-950);--dialog-border:var(--slate-200);--dialog-backdrop:var(--black-a50)}.dark{--dialog-bg:var(--brand-900);--dialog-ink:white;--dialog-border:var(--white-a10);--dialog-backdrop:var(--black-a70)}dialog::backdrop{background-color:#000000bf}.dark dialog::backdrop,dialog.dark::backdrop{background-color:#000000d9}:root{--panel-border:var(--slate-200);--panel-header-hover:var(--black-a03)}.dark{--panel-border:var(--white-a10);--panel-header-hover:var(--white-a05)}:root{--text-display-l:var(--wt-600) var(--fs-57) / var(--lh-64) var(--font-en-heading);--text-display-m:var(--wt-600) var(--fs-45) / var(--lh-52) var(--font-en-heading);--text-display-s:var(--wt-600) var(--fs-36) / var(--lh-44) var(--font-en-heading);--text-headline-l:var(--wt-600) var(--fs-32) / var(--lh-40) var(--font-en-heading);--text-headline-m:var(--wt-600) var(--fs-28) / var(--lh-36) var(--font-en-heading);--text-headline-s:var(--wt-600) var(--fs-24) / var(--lh-32) var(--font-en-heading);--text-title-l:var(--wt-600) var(--fs-22) / var(--lh-28) var(--font-en-heading);--text-title-m:var(--wt-600) var(--fs-16) / var(--lh-24) var(--font-en-heading);--text-title-s:var(--wt-600) var(--fs-14) / var(--lh-20) var(--font-en-heading);--text-label-l:var(--wt-500) var(--fs-14) / var(--lh-20) var(--font-en-heading);--text-label-m:var(--wt-600) var(--fs-12) / var(--lh-16) var(--font-en-heading);--text-label-s:var(--wt-600) var(--fs-11) / var(--lh-16) var(--font-en-heading);--text-body-l:var(--wt-400) var(--fs-16) / var(--lh-24) var(--font-en);--text-body-m:var(--wt-400) var(--fs-14) / var(--lh-20) var(--font-en);--text-body-s:var(--wt-400) var(--fs-12) / var(--lh-16) var(--font-en);--text-th-display-l:var(--wt-600) var(--fs-57) / calc(var(--lh-64) + var(--lh-th-extra)) var(--font-th);--text-th-display-m:var(--wt-600) var(--fs-45) / calc(var(--lh-52) + var(--lh-th-extra)) var(--font-th);--text-th-display-s:var(--wt-600) var(--fs-36) / calc(var(--lh-44) + var(--lh-th-extra)) var(--font-th);--text-th-headline-l:var(--wt-600) var(--fs-32) / calc(var(--lh-40) + var(--lh-th-extra)) var(--font-th);--text-th-headline-m:var(--wt-600) var(--fs-28) / calc(var(--lh-36) + var(--lh-th-extra)) var(--font-th);--text-th-headline-s:var(--wt-600) var(--fs-24) / calc(var(--lh-32) + var(--lh-th-extra)) var(--font-th);--text-th-title-l:var(--wt-600) var(--fs-22) / calc(var(--lh-28) + var(--lh-th-extra)) var(--font-th);--text-th-title-m:var(--wt-600) var(--fs-16) / calc(var(--lh-24) + var(--lh-th-extra)) var(--font-th);--text-th-title-s:var(--wt-600) var(--fs-14) / calc(var(--lh-20) + var(--lh-th-extra)) var(--font-th);--text-th-label-l:var(--wt-500) var(--fs-14) / calc(var(--lh-20) + var(--lh-th-extra)) var(--font-th);--text-th-label-m:var(--wt-600) var(--fs-12) / calc(var(--lh-16) + var(--lh-th-extra)) var(--font-th);--text-th-label-s:var(--wt-600) var(--fs-11) / calc(var(--lh-16) + var(--lh-th-extra)) var(--font-th);--text-th-body-l:var(--wt-400) var(--fs-16) / calc(var(--lh-24) + var(--lh-th-extra)) var(--font-th);--text-th-body-m:var(--wt-400) var(--fs-14) / calc(var(--lh-20) + var(--lh-th-extra)) var(--font-th);--text-th-body-s:var(--wt-400) var(--fs-12) / calc(var(--lh-16) + var(--lh-th-extra)) var(--font-th)}.text-role-display-l{font:var(--text-display-l)}.text-role-display-m{font:var(--text-display-m)}.text-role-display-s{font:var(--text-display-s)}.text-role-headline-l{font:var(--text-headline-l)}.text-role-headline-m{font:var(--text-headline-m)}.text-role-headline-s{font:var(--text-headline-s)}.text-role-title-l{font:var(--text-title-l)}.text-role-title-m{font:var(--text-title-m)}.text-role-title-s{font:var(--text-title-s)}.text-role-label-l{font:var(--text-label-l)}.text-role-label-m{font:var(--text-label-m)}.text-role-label-s{font:var(--text-label-s)}.text-role-body-l{font:var(--text-body-l)}.text-role-body-m{font:var(--text-body-m)}.text-role-body-s{font:var(--text-body-s)}[lang=th].text-role-display-l{font:var(--text-th-display-l)}[lang=th].text-role-display-m{font:var(--text-th-display-m)}[lang=th].text-role-display-s{font:var(--text-th-display-s)}[lang=th].text-role-headline-l{font:var(--text-th-headline-l)}[lang=th].text-role-headline-m{font:var(--text-th-headline-m)}[lang=th].text-role-headline-s{font:var(--text-th-headline-s)}[lang=th].text-role-title-l{font:var(--text-th-title-l)}[lang=th].text-role-title-m{font:var(--text-th-title-m)}[lang=th].text-role-title-s{font:var(--text-th-title-s)}[lang=th].text-role-label-l{font:var(--text-th-label-l)}[lang=th].text-role-label-m{font:var(--text-th-label-m)}[lang=th].text-role-label-s{font:var(--text-th-label-s)}[lang=th].text-role-body-l{font:var(--text-th-body-l)}[lang=th].text-role-body-m{font:var(--text-th-body-m)}[lang=th].text-role-body-s{font:var(--text-th-body-s)}body{font:var(--text-body-l)}:root{--thai-accent:var(--color-brand-800)}:root.dark{--thai-accent:var(--color-brand-300)}:root{--ink:var(--brand-950);--ink-th:var(--brand-700);--ink-muted:var(--ink)}@supports (color:color-mix(in lab, red, red)){:root{--ink-muted:color-mix(in oklab, var(--ink) 60%, transparent)}}:root{--ink-required:var(--error-500);--ink-error:var(--error-600);--ink-success:var(--success-600)}.dark :root{--ink:white;--ink-th:var(--color-brand-200);--ink-muted:var(--ink)}@supports (color:color-mix(in lab, red, red)){.dark :root{--ink-muted:color-mix(in oklab, var(--ink) 60%, transparent)}}.dark :root{--ink-required:var(--error-500);--ink-error:var(--error-400);--ink-success:var(--success-600)}.surface-card{--ink:var(--brand-950);--ink-th:var(--brand-700);--ink-muted:var(--ink)}@supports (color:color-mix(in lab, red, red)){.surface-card{--ink-muted:color-mix(in oklab, var(--ink) 60%, transparent)}}.surface-card{--ink-required:var(--error-500);--ink-error:var(--error-600);--ink-success:var(--success-600)}.dark .surface-card{--ink:white;--ink-th:var(--color-brand-200);--ink-muted:var(--ink)}@supports (color:color-mix(in lab, red, red)){.dark .surface-card{--ink-muted:color-mix(in oklab, var(--ink) 60%, transparent)}}.dark .surface-card{--ink-required:var(--error-500);--ink-error:var(--error-600);--ink-success:var(--success-600)}.surface-footer{--ink:white;--ink-th:var(--color-brand-200);--ink-muted:var(--ink)}@supports (color:color-mix(in lab, red, red)){.surface-footer{--ink-muted:color-mix(in oklab, var(--ink) 60%, transparent)}}.surface-footer{--ink-required:var(--error-500);--ink-error:var(--error-600);--ink-success:var(--success-600)}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/sarabun-thai-400.woff2)format("woff2")}@font-face{font-family:Sarabun;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/sarabun-thai-500.woff2)format("woff2")}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/sarabun-thai-600.woff2)format("woff2")}.font-thai,:lang(th){font-family:var(--font-thai,"Sarabun", "Noto Sans Thai", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);font-feature-settings:"kern" 1, "liga" 1}:root{--thai-font-size-adjust:.53;--thai-bump:1.06}.font-thai,:lang(th){font-family:var(--font-thai,"Sarabun", "Noto Sans Thai", system-ui, sans-serif);font-feature-settings:"kern" 1, "liga" 1;font-size-adjust:var(--thai-font-size-adjust)}.thai-bump{font-size:calc(1em * var(--thai-bump))}.th-accent{color:var(--thai-accent,var(--color-brand-800))}.dark .th-accent{color:var(--thai-accent-dark,var(--color-brand-300))}.thai-scope :lang(th){font-family:var(--font-thai,"Sarabun", "Noto Sans Thai", system-ui, sans-serif);font-size-adjust:var(--thai-font-size-adjust);font-size:calc(1em * var(--thai-bump))}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}
