: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}: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-3{border-radius:3px}.rounded-5{border-radius:5px}.rounded-7{border-radius:7px}.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}.font-bold{font-weight:700}.icon-large{width:24px;height:24px}.icon-mid{width:18px;height:18px}.icon-smallest{width:14px;height:14px}.top-16{top:16px}.right-16{right:16px}.my-0{margin-top:0;margin-bottom:0}.mr-4{margin-right:4px}.ml-4{margin-left:4px}.ml-8{margin-left:8px}.pb-8{padding-bottom:8px}.px-8{padding-left:8px;padding-right:8px}.p-16{padding:16px}.pb-16{padding-bottom:16px}.px-16{padding-left:16px;padding-right:16px}.pl-20{padding-left:20px}.p-24{padding:24px}.pt-24{padding-top:24px}.pt-48{padding-top:48px}.pb-48{padding-bottom:48px}.text-primary{color:var(--gray-800)}.text-body{color:var(--gray-700)}.text-inactive{color:var(--gray-500)}.items-center{align-items:center}.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}.flex-1{flex:1}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.justify-center{justify-content:center}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.w-full{width:100%}.text-center{text-align:center}.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}