.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-0{bottom:0}.left-0{left:0}.left-\[140px\]{left:140px}.right-0{right:0}.right-3{right:.75rem}.right-\[-80px\]{right:-80px}.top-\[-80px\]{top:-80px}.top-\[10px\]{top:10px}.top-\[36px\]{top:36px}.top-\[46px\]{top:46px}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1\.5{margin-top:.375rem;margin-bottom:.375rem}.-mt-1{margin-top:-.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-\[10px\]{margin-bottom:10px}.mb-\[14px\]{margin-bottom:14px}.mb-\[18px\]{margin-bottom:18px}.mb-\[26px\]{margin-bottom:26px}.mb-\[28px\]{margin-bottom:28px}.mb-\[30px\]{margin-bottom:30px}.mb-\[34px\]{margin-bottom:34px}.mb-\[6px\]{margin-bottom:6px}.mb-\[7px\]{margin-bottom:7px}.ml-\[1px\]{margin-left:1px}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-\[14px\]{margin-top:14px}.mt-\[16px\]{margin-top:16px}.mt-\[18px\]{margin-top:18px}.mt-\[22px\]{margin-top:22px}.mt-\[7px\]{margin-top:7px}.mt-\[9px\]{margin-top:9px}.mt-px{margin-top:1px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[120px\]{height:120px}.h-\[18px\]{height:18px}.h-\[26px\]{height:26px}.h-\[28px\]{height:28px}.h-\[300px\]{height:300px}.h-\[30px\]{height:30px}.h-\[34px\]{height:34px}.h-\[36px\]{height:36px}.h-\[38px\]{height:38px}.h-\[40px\]{height:40px}.h-\[42px\]{height:42px}.h-\[46px\]{height:46px}.h-\[48px\]{height:48px}.h-\[50px\]{height:50px}.h-\[52px\]{height:52px}.h-\[54px\]{height:54px}.h-\[56px\]{height:56px}.h-\[5px\]{height:5px}.h-\[6px\]{height:6px}.h-\[74px\]{height:74px}.h-\[90px\]{height:90px}.h-\[96px\]{height:96px}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\[220px\]{max-height:220px}.max-h-\[240px\]{max-height:240px}.max-h-\[300px\]{max-height:300px}.w-10{width:2.5rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[140px\]{width:140px}.w-\[220px\]{width:220px}.w-\[252px\]{width:252px}.w-\[260px\]{width:260px}.w-\[300px\]{width:300px}.w-\[340px\]{width:340px}.w-\[34px\]{width:34px}.w-\[36px\]{width:36px}.w-\[38px\]{width:38px}.w-\[40px\]{width:40px}.w-\[42px\]{width:42px}.w-\[520px\]{width:520px}.w-\[54px\]{width:54px}.w-\[64px\]{width:64px}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[170px\]{min-width:170px}.min-w-\[18px\]{min-width:18px}.min-w-\[220px\]{min-width:220px}.min-w-\[260px\]{min-width:260px}.min-w-\[280px\]{min-width:280px}.max-w-\[34px\]{max-width:34px}.max-w-\[376px\]{max-width:376px}.max-w-\[400px\]{max-width:400px}.max-w-\[420px\]{max-width:420px}.max-w-\[440px\]{max-width:440px}.max-w-\[520px\]{max-width:520px}.flex-1{flex:1 1 0%}.flex-\[2\]{flex:2}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-\[10px\]{gap:10px}.gap-\[11px\]{gap:11px}.gap-\[13px\]{gap:13px}.gap-\[14px\]{gap:14px}.gap-\[18px\]{gap:18px}.gap-\[3px\]{gap:3px}.gap-\[5px\]{gap:5px}.gap-\[6px\]{gap:6px}.gap-\[7px\]{gap:7px}.gap-\[8px\]{gap:8px}.gap-\[9px\]{gap:9px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[11px\]{border-radius:11px}.rounded-\[12px\]{border-radius:12px}.rounded-\[14px\]{border-radius:14px}.rounded-\[6px\]{border-radius:6px}.rounded-\[7px\]{border-radius:7px}.rounded-\[8px\]{border-radius:8px}.rounded-\[9px\]{border-radius:9px}.rounded-btn{border-radius:var(--r-btn)}.rounded-card{border-radius:var(--r-card)}.rounded-full{border-radius:9999px}.rounded-pill{border-radius:var(--r-pill)}.rounded-l-\[10px\]{border-top-left-radius:10px;border-bottom-left-radius:10px}.rounded-l-\[9px\]{border-top-left-radius:9px;border-bottom-left-radius:9px}.rounded-r-\[10px\]{border-top-right-radius:10px;border-bottom-right-radius:10px}.rounded-r-\[9px\]{border-top-right-radius:9px;border-bottom-right-radius:9px}.rounded-t-\[22px\]{border-top-left-radius:22px;border-top-right-radius:22px}.border{border-width:1px}.border-2{border-width:2px}.border-\[1\.5px\]{border-width:1.5px}.border-x-0{border-left-width:0px;border-right-width:0px}.border-b{border-bottom-width:1px}.border-b-\[1\.5px\]{border-bottom-width:1.5px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-\[1\.5px\]{border-top-width:1.5px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-line{border-color:var(--line)}.border-line-soft{border-color:var(--line-soft)}.border-pri{border-color:var(--pri)}.bg-\[\#8C86C2\]{--tw-bg-opacity: 1;background-color:rgb(140 134 194 / var(--tw-bg-opacity, 1))}.bg-\[rgba\(40\,34\,28\,0\.45\)\]{background-color:#28221c73}.bg-\[var\(--bg\)\]{background-color:var(--bg)}.bg-absent-soft{background-color:var(--absent-soft)}.bg-line{background-color:var(--line)}.bg-present-c{background-color:var(--present-c)}.bg-present-soft{background-color:var(--present-soft)}.bg-pri{background-color:var(--pri)}.bg-pri-s{background-color:var(--pri-s)}.bg-surface{background-color:var(--surface)}.bg-surface-alt{background-color:var(--surface-alt)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-pri-d{--tw-gradient-from: var(--pri-d) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-pri{--tw-gradient-to: var(--pri) var(--tw-gradient-to-position)}.p-1\.5{padding:.375rem}.p-12{padding:3rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\[11px_16px\]{padding:11px 16px}.p-\[12px_14px\]{padding:12px 14px}.p-\[13px_14px\]{padding:13px 14px}.p-\[14px\]{padding:14px}.p-\[14px_18px\]{padding:14px 18px}.p-\[15px\]{padding:15px}.p-\[16px_16px_6px\]{padding:16px 16px 6px}.p-\[16px_18px\]{padding:16px 18px}.p-\[18px\]{padding:18px}.p-\[20px_22px_8px\]{padding:20px 22px 8px}.p-\[22px\]{padding:22px}.p-\[22px_24px\]{padding:22px 24px}.p-\[3px\]{padding:3px}.p-\[8px_14px_10px\]{padding:8px 14px 10px}.p-\[8px_2px\]{padding:8px 2px}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[11px\]{padding-left:11px;padding-right:11px}.px-\[13px\]{padding-left:13px;padding-right:13px}.px-\[14px\]{padding-left:14px;padding-right:14px}.px-\[15px\]{padding-left:15px;padding-right:15px}.px-\[16px\]{padding-left:16px;padding-right:16px}.px-\[18px\]{padding-left:18px;padding-right:18px}.px-\[26px\]{padding-left:26px;padding-right:26px}.px-\[5px\]{padding-left:5px;padding-right:5px}.px-\[72px\]{padding-left:72px;padding-right:72px}.px-px{padding-left:1px;padding-right:1px}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[10px\]{padding-top:10px;padding-bottom:10px}.py-\[13px\]{padding-top:13px;padding-bottom:13px}.py-\[22px\]{padding-top:22px;padding-bottom:22px}.py-\[34px\]{padding-top:34px;padding-bottom:34px}.py-\[9px\]{padding-top:9px;padding-bottom:9px}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-8{padding-bottom:2rem}.pb-\[11px\]{padding-bottom:11px}.pb-\[14px\]{padding-bottom:14px}.pb-\[2px\]{padding-bottom:2px}.pb-\[30px\]{padding-bottom:30px}.pb-\[34px\]{padding-bottom:34px}.pb-\[3px\]{padding-bottom:3px}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-\[14px\]{padding-top:14px}.pt-\[50px\]{padding-top:50px}.pt-\[60px\]{padding-top:60px}.text-left{text-align:left}.text-center{text-align:center}.font-thai{font-family:var(--thai-font)}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14\.5px\]{font-size:14.5px}.text-\[14px\]{font-size:14px}.text-\[15\.5px\]{font-size:15.5px}.text-\[15px\]{font-size:15px}.text-\[16\.5px\]{font-size:16.5px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[23px\]{font-size:23px}.text-\[27px\]{font-size:27px}.text-\[32px\]{font-size:32px}.text-\[34px\]{font-size:34px}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.lowercase{text-transform:lowercase}.leading-\[1\.1\]{line-height:1.1}.leading-\[1\.25\]{line-height:1.25}.leading-\[1\.2\]{line-height:1.2}.leading-\[1\.32\]{line-height:1.32}.leading-\[1\.35\]{line-height:1.35}.leading-\[1\.3\]{line-height:1.3}.leading-\[1\.5\]{line-height:1.5}.leading-\[1\.6\]{line-height:1.6}.leading-none{line-height:1}.tracking-\[2px\]{letter-spacing:2px}.text-absent-c{color:var(--absent-c)}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-ink{color:var(--ink)}.text-ink-faint{color:var(--ink-faint)}.text-ink-soft{color:var(--ink-soft)}.text-present-c{color:var(--present-c)}.text-pri-d{color:var(--pri-d)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.opacity-0{opacity:0}.opacity-90{opacity:.9}.opacity-\[0\.12\]{opacity:.12}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_-8px_40px_rgba\(0\,0\,0\,0\.2\)\]{--tw-shadow: 0 -8px 40px rgba(0,0,0,.2);--tw-shadow-colored: 0 -8px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_30px_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow: 0 10px 30px rgba(0,0,0,.12);--tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_1px_2px_rgba\(52\,48\,42\,\.03\)\],.shadow-\[0_1px_2px_rgba\(52\,48\,42\,0\.03\)\]{--tw-shadow: 0 1px 2px rgba(52,48,42,.03);--tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_1px_3px_rgba\(52\,48\,42\,\.04\)\]{--tw-shadow: 0 1px 3px rgba(52,48,42,.04);--tw-shadow-colored: 0 1px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_16px_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow: 0 6px 16px rgba(0,0,0,.12);--tw-shadow-colored: 0 6px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[2px\]{--tw-backdrop-blur: blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[background\,box-shadow\]{transition-property:background,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[background\]{transition-property:background;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[border-color\]{transition-property:border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[height\]{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-\[\.12s\]{transition-duration:.12s}.duration-\[\.14s\]{transition-duration:.14s}.duration-\[\.15s\]{transition-duration:.15s}.duration-\[120ms\]{transition-duration:.12s}.\[appearance\:textfield\]{appearance:textfield}:root{--thai-font: "IBM Plex Sans Thai", "Sarabun", system-ui, sans-serif;--pri: #3E9A6B;--pri-d: #2A7050;--pri-s: #E5F2EA;--bg: #FBF7F2;--surface: #FFFFFF;--surface-alt: #F5EFE7;--ink: #34302A;--ink-soft: #736C61;--ink-faint: #A89F91;--line: #ECE3D6;--line-soft: #F2EBE0;--present-c: #3E9A6B;--present-soft: #E5F2EA;--late-c: #4F86C6;--late-soft: #E8EFF8;--leave-c: #D79A2B;--leave-soft: #FAF0D8;--absent-c: #D45B4E;--absent-soft: #FBE7E3;--r-card: 18px;--r-btn: 13px;--r-pill: 999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--thai-font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}button{font-family:var(--thai-font)}a{text-decoration:none;color:inherit}app-root{display:block;height:100%}.placeholder\:text-ink-faint::placeholder{color:var(--ink-faint)}.focus-within\:border-pri:focus-within{border-color:var(--pri)}.hover\:bg-\[var\(--bg\)\]:hover{background-color:var(--bg)}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-\[\.85\]:hover{opacity:.85}.hover\:shadow-\[0_3px_8px_rgba\(52\,48\,42\,\.08\)\]:hover{--tw-shadow: 0 3px 8px rgba(52,48,42,.08);--tw-shadow-colored: 0 3px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media(min-width:640px){.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{appearance:none}.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{appearance:none}