:root{--blue-900: #042c49;--blue-800: #094773;--blue-700: #1470b2;--blue-600: #1f94e7;--blue-500: #4daaec;--blue-400: #7bc0f1;--blue-300: #9ed1f5;--blue-200: #bee0f8;--blue-100: #d4ebfb;--blue-50: #e9f4fc;--blue-10: #f5fbff;--gray-black: #000000;--gray-900: #111111;--gray-800: #303030;--gray-700: #555555;--gray-600: #777777;--gray-500: #949494;--gray-400: #b7b7b7;--gray-300: #c8c8c8;--gray-200: #dfdfdf;--gray-100: #e8e8e8;--gray-50: #efefef;--gray-25: #f5f5f5;--gray-10: #fafafa;--gray-white: #ffffff;--green-900: #012e15;--green-800: #025628;--green-700: #058c42;--green-600: #08bf5b;--green-500: #29cb73;--green-400: #52d88e;--green-300: #76e1a6;--green-200: #99eabd;--green-100: #c0f3d7;--green-50: #d9fae7;--green-10: #eefff6;--orange-900: #3e1d01;--orange-800: #6c3304;--orange-700: #b05206;--orange-600: #f5750d;--orange-500: #f68e39;--orange-400: #f7a35f;--orange-300: #f9bc8a;--orange-200: #fcd7b8;--orange-100: #fde6d3;--orange-50: #fdf0e6;--orange-10: #fff8f2;--primary-900: var(--green-900);--primary-800: var(--green-800);--primary-700: var(--green-700);--primary-600: var(--green-600);--primary-500: var(--green-500);--primary-400: var(--green-400);--primary-300: var(--green-300);--primary-200: var(--green-200);--primary-100: var(--green-100);--primary-50: var(--green-50);--primary-10: var(--green-10);--red-900: #420f0f;--red-800: #7d1f1f;--red-700: #bb3434;--red-600: #f54949;--red-500: #f46968;--red-400: #f78989;--red-300: #f9a9a7;--red-200: #fbc3c3;--red-100: #fbd8d8;--red-50: #ffe8e8;--red-10: #fff2f2;--yellow-900: #382d02;--yellow-800: #645003;--yellow-700: #a88806;--yellow-600: #e2ab09;--yellow-500: #ebc141;--yellow-400: #f3d068;--yellow-300: #f5db8d;--yellow-200: #f8e5ab;--yellow-100: #fbefca;--yellow-50: #fcf4de;--yellow-10: #fffbf0}body{font-family:SF Thonburi;font-size:16px;line-height:24px;color:var(--gray-800);margin:0;word-break:break-word}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{overscroll-behavior:none}img{-webkit-user-drag:none}input{font-family:inherit}:root{--sat: env(safe-area-inset-top);--sar: env(safe-area-inset-right);--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left)}.rounded-none{border-radius:0}.rounded-3{border-radius:3px}.rounded-5{border-radius:5px}.rounded-t-5{border-top-left-radius:5px;border-top-right-radius:5px}.rounded-b-5{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.rounded-7{border-radius:7px}.rounded-12{border-radius:12px}.rounded-full{border-radius:100%}.text-xxxxl{font-size:32px;line-height:38px}.text-xxxl{font-size:24px;line-height:36px}.text-xxl{font-size:20px;line-height:32px}.text-xl{font-size:18px;line-height:28px}.text-l{font-size:16px;line-height:24px}.text-m{font-size:14px;line-height:20px}.text-s{font-size:12px;line-height:18px}.text-xs{font-size:10px;line-height:12px}.font-regular{font-weight:400}.font-bold{font-weight:700}.icon-x-large{width:28px;height:28px}.icon-large{width:24px;height:24px}.icon-mid{width:18px;height:18px}.icon-smallest{width:14px;height:14px}.right-8{right:8px}.bottom-8{bottom:8px}.top-12{top:12px}.top-16{top:16px}.right-16{right:16px}.left-16{left:16px}.bottom-24{bottom:24px}.mt-auto{margin-top:auto}.mx-auto{margin-left:auto;margin-right:auto}.m-0{margin:0}.mr-2{margin-right:2px}.mb-2{margin-bottom:2px}.ml-2{margin-left:2px}.mt-4{margin-top:4px}.mr-4{margin-right:4px}.mb-4{margin-bottom:4px}.ml-4{margin-left:4px}.mr-8{margin-right:8px}.mb-8{margin-bottom:8px}.ml-8{margin-left:8px}.mt-12{margin-top:12px}.ml-12{margin-left:12px}.mt-16{margin-top:16px}.mr-16{margin-right:16px}.mb-16{margin-bottom:16px}.mt-24{margin-top:24px}.mb-24{margin-bottom:24px}.mx-24{margin-left:24px;margin-right:24px}.ml-32{margin-left:32px}.mt-40{margin-top:40px}.mb-40{margin-bottom:40px}.py-4{padding-top:4px;padding-bottom:4px}.p-8{padding:8px}.pt-8{padding-top:8px}.pb-8{padding-bottom:8px}.pl-8{padding-left:8px}.px-8{padding-left:8px;padding-right:8px}.py-8{padding-top:8px;padding-bottom:8px}.p-12{padding:12px}.pr-12{padding-right:12px}.pb-12{padding-bottom:12px}.pl-12{padding-left:12px}.py-12{padding-top:12px;padding-bottom:12px}.p-16{padding:16px}.pt-16{padding-top:16px}.pb-16{padding-bottom:16px}.pl-16{padding-left:16px}.px-16{padding-left:16px;padding-right:16px}.p-24{padding:24px}.pt-24{padding-top:24px}.pb-24{padding-bottom:24px}.py-24{padding-top:24px;padding-bottom:24px}.pt-40{padding-top:40px}.px-40{padding-left:40px;padding-right:40px}.pt-56{padding-top:56px}.shadow-large{box-shadow:0 1px 20px #00000014}.text-primary{color:var(--gray-800)}.text-body{color:var(--gray-700)}.text-secondary{color:var(--gray-600)}.text-inactive{color:var(--gray-500)}.text-placeholder{color:var(--gray-300)}.items-center{align-items:center}.items-stretch{align-items:stretch}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.hidden{display:none}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.shrink-0{flex-shrink:0}.flex-1{flex:1}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.w-full{width:100%}.h-full{height:100%}.text-left{text-align:left}.text-center{text-align:center}.plain{text-decoration:none;color:inherit}.plain:hover,.plain:visited{text-decoration:none}.ellipsis-1{word-break:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ellipsis-2{word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ellipsis-3{word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.line-break{white-space:pre-line}