:root{--color-primary-100:#eaebf4;--color-primary-200:#d8dbf3;--color-primary-300:#657aef;--color-primary-400:#3e49c1;--color-primary-500:#2e368f;--color-primary-600:#252c74;--color-primary-700:#191d4d;--color-secondary-100:#f5f0df;--color-secondary-200:#f2e7bf;--color-secondary-300:#efd783;--color-secondary-400:#e5c043;--color-secondary-500:#da9e25;--color-secondary-600:#cd892a;--color-secondary-700:#c97c12;--color-black:#000;--color-white:#fff;--color-gray-100:#171719;--color-gray-200:#211f23;--color-gray-300:#5e5e5e;--color-gray-400:#949495;--color-gray-500:#f6f6f6;--color-gray-600:#fcffff;--color-gray-alpha-100:#22222914;--color-gray-alpha-200:#2222291f;--color-gray-alpha-300:#22222929;--color-gray-alpha-400:#22222947;--color-gray-alpha-500:#22222966;--color-gray-alpha-600:#22222985;--color-gray-alpha-700:#222229a3;--color-gray-alpha-800:#222229c2;--color-gray-alpha-900:#222229e0;--color-gray-alpha-1000:#222229f5;--color-white-alpha-100:#ffffff14;--color-white-alpha-200:#ffffff1f;--color-white-alpha-300:#ffffff29;--color-white-alpha-400:#ffffff47;--color-white-alpha-500:#fff6;--color-white-alpha-600:#ffffff85;--color-white-alpha-700:#ffffffa3;--color-white-alpha-800:#ffffffc2;--color-white-alpha-900:#ffffffe0;--color-white-alpha-1000:#fffffff5;--color-error-100:#fbebe9;--color-error-200:#f0aea8;--color-error-300:#e05e52;--color-error-400:#d93526;--color-error-500:#ad2b1f;--color-warning-100:#fff8e8;--color-warning-200:#ffe19f;--color-warning-300:#ffb514;--color-warning-400:#ffd477;--color-warning-500:#e8a512;--color-success-100:#eaf8ee;--color-success-200:#abe2b8;--color-success-300:#88d69b;--color-success-400:#28a462;--color-success-500:#1e7b49;--font-family-base:"IBM Plex Sans Thai",sans-serif;--font-weight-light:100;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-100:100;--font-weight-400:400;--font-weight-500:500;--font-weight-700:700;--font-size-3xs:10px;--font-size-2xs:12px;--font-size-xs:14px;--font-size-sm:16px;--font-size-md:18px;--font-size-lg:20px;--font-size-xl:24px;--font-size-2xl:28px;--font-size-3xl:32px;--font-size-4xl:36px;--font-size-5xl:44px;--line-height-3xs:14px;--line-height-2xs:16px;--line-height-xs:20px;--line-height-sm:24px;--line-height-md:28px;--line-height-lg:32px;--line-height-xl:36px;--line-height-2xl:44px;--line-height-3xl:48px;--line-height-4xl:56px;--line-height-5xl:64px;--letter-spacing-xxs:-2px;--letter-spacing-xs:-1px;--letter-spacing-sm:0px;--letter-spacing-md:1px;--letter-spacing-lg:2px;--paragraph-spacing-xxs:0px;--paragraph-spacing-xs:2px;--paragraph-spacing-sm:4px;--paragraph-spacing-md:8px;--paragraph-spacing-lg:12px}.text-h1{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}.text-h2{font-size:var(--font-size-xl);line-height:var(--line-height-xl);font-weight:500}.text-2xs{font-size:var(--font-size-2xs);line-height:var(--line-height-2xs)}.text-xs{font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.text-base{font-size:var(--font-size-base);line-height:var(--line-height-base)}.text-md{font-size:var(--font-size-md);line-height:var(--line-height-md)}.text-lg{font-size:var(--font-size-lg);line-height:var(--line-height-lg)}.text-xl{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}.text-2xl{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}.text-3xl{font-size:var(--font-size-3xl);line-height:var(--line-height-3xl)}.text-4xl{font-size:var(--font-size-4xl);line-height:var(--line-height-4xl)}.text-5xl{font-size:var(--font-size-5xl);line-height:var(--line-height-5xl)}.font-light{font-weight:var(--font-weight-light)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-bold{font-weight:var(--font-weight-bold)}.color-primary{color:var(--color-primary)}.color-secondary{color:var(--color-secondary)}.color-tertiary{color:var(--color-tertiary)}.color-quaternary{color:var(--color-quaternary)}.color-white{color:var(--color-white)}.color-black{color:var(--color-black)}.color-gray-50{color:var(--color-gray-50)}.color-gray-100{color:var(--color-gray-100)}.color-gray-200{color:var(--color-gray-200)}.color-gray-300{color:var(--color-gray-300)}.color-gray-400{color:var(--color-gray-400)}.color-gray-500{color:var(--color-gray-500)}.color-gray-600{color:var(--color-gray-600)}.color-gray-700{color:var(--color-gray-700)}.color-gray-800{color:var(--color-gray-800)}.color-gray-900{color:var(--color-gray-900)}.color-gray-950{color:var(--color-gray-950)}.font-weight-100{font-weight:var(--font-weight-100)}.font-weight-400{font-weight:var(--font-weight-400)}.font-weight-500{font-weight:var(--font-weight-500)}.font-weight-700{font-weight:var(--font-weight-700)}.menu-bottom{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#ffffffe0 0%,#fff 37.5%);justify-content:space-between;align-items:flex-end;width:100%;height:100px;padding:12px 16px 32px;display:flex;position:fixed;bottom:0;left:0}.menu-bottom .menu-li{flex-direction:column;justify-content:center;height:100%;display:block}.menu-bottom .menu-li svg{width:24px;height:24px;margin:auto;display:block}.menu-bottom .menu-li span{font-size:var(--font-size-xs);color:var(--color-gray-300);text-align:center;padding-top:12px;display:block}.menu-bottom .menu-li.big-center{position:relative;top:-33px}.menu-bottom .menu-li.big-center .icons{background:var(--color-secondary-500);box-shadow:0 2px 12px 2px var(--color-yellow-alpha-400,#da9e2547);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin:auto;display:flex;transform:rotate(45deg)}.menu-bottom .menu-li.big-center .icons svg{color:#fff;transform:rotate(-45deg)}.menu-bottom .menu-li.big-center span{padding-top:21px}
:root{--color-primary-100:#eaebf4;--color-primary-200:#d8dbf3;--color-primary-300:#657aef;--color-primary-400:#3e49c1;--color-primary-500:#2e368f;--color-primary-600:#252c74;--color-primary-700:#191d4d;--color-secondary-100:#f5f0df;--color-secondary-200:#f2e7bf;--color-secondary-300:#efd783;--color-secondary-400:#e5c043;--color-secondary-500:#da9e25;--color-secondary-600:#cd892a;--color-secondary-700:#c97c12;--color-black:#000;--color-white:#fff;--color-gray-100:#171719;--color-gray-200:#211f23;--color-gray-300:#5e5e5e;--color-gray-400:#949495;--color-gray-500:#f6f6f6;--color-gray-600:#fcffff;--color-gray-alpha-100:#22222914;--color-gray-alpha-200:#2222291f;--color-gray-alpha-300:#22222929;--color-gray-alpha-400:#22222947;--color-gray-alpha-500:#22222966;--color-gray-alpha-600:#22222985;--color-gray-alpha-700:#222229a3;--color-gray-alpha-800:#222229c2;--color-gray-alpha-900:#222229e0;--color-gray-alpha-1000:#222229f5;--color-white-alpha-100:#ffffff14;--color-white-alpha-200:#ffffff1f;--color-white-alpha-300:#ffffff29;--color-white-alpha-400:#ffffff47;--color-white-alpha-500:#fff6;--color-white-alpha-600:#ffffff85;--color-white-alpha-700:#ffffffa3;--color-white-alpha-800:#ffffffc2;--color-white-alpha-900:#ffffffe0;--color-white-alpha-1000:#fffffff5;--color-error-100:#fbebe9;--color-error-200:#f0aea8;--color-error-300:#e05e52;--color-error-400:#d93526;--color-error-500:#ad2b1f;--color-warning-100:#fff8e8;--color-warning-200:#ffe19f;--color-warning-300:#ffb514;--color-warning-400:#ffd477;--color-warning-500:#e8a512;--color-success-100:#eaf8ee;--color-success-200:#abe2b8;--color-success-300:#88d69b;--color-success-400:#28a462;--color-success-500:#1e7b49;--font-family-base:"IBM Plex Sans Thai",sans-serif;--font-weight-light:100;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-100:100;--font-weight-400:400;--font-weight-500:500;--font-weight-700:700;--font-size-3xs:10px;--font-size-2xs:12px;--font-size-xs:14px;--font-size-sm:16px;--font-size-md:18px;--font-size-lg:20px;--font-size-xl:24px;--font-size-2xl:28px;--font-size-3xl:32px;--font-size-4xl:36px;--font-size-5xl:44px;--line-height-3xs:14px;--line-height-2xs:16px;--line-height-xs:20px;--line-height-sm:24px;--line-height-md:28px;--line-height-lg:32px;--line-height-xl:36px;--line-height-2xl:44px;--line-height-3xl:48px;--line-height-4xl:56px;--line-height-5xl:64px;--letter-spacing-xxs:-2px;--letter-spacing-xs:-1px;--letter-spacing-sm:0px;--letter-spacing-md:1px;--letter-spacing-lg:2px;--paragraph-spacing-xxs:0px;--paragraph-spacing-xs:2px;--paragraph-spacing-sm:4px;--paragraph-spacing-md:8px;--paragraph-spacing-lg:12px}.text-h1{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}.text-h2{font-size:var(--font-size-xl);line-height:var(--line-height-xl);font-weight:500}.text-2xs{font-size:var(--font-size-2xs);line-height:var(--line-height-2xs)}.text-xs{font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.text-base{font-size:var(--font-size-base);line-height:var(--line-height-base)}.text-md{font-size:var(--font-size-md);line-height:var(--line-height-md)}.text-lg{font-size:var(--font-size-lg);line-height:var(--line-height-lg)}.text-xl{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}.text-2xl{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}.text-3xl{font-size:var(--font-size-3xl);line-height:var(--line-height-3xl)}.text-4xl{font-size:var(--font-size-4xl);line-height:var(--line-height-4xl)}.text-5xl{font-size:var(--font-size-5xl);line-height:var(--line-height-5xl)}.font-light{font-weight:var(--font-weight-light)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-bold{font-weight:var(--font-weight-bold)}.color-primary{color:var(--color-primary)}.color-secondary{color:var(--color-secondary)}.color-tertiary{color:var(--color-tertiary)}.color-quaternary{color:var(--color-quaternary)}.color-white{color:var(--color-white)}.color-black{color:var(--color-black)}.color-gray-50{color:var(--color-gray-50)}.color-gray-100{color:var(--color-gray-100)}.color-gray-200{color:var(--color-gray-200)}.color-gray-300{color:var(--color-gray-300)}.color-gray-400{color:var(--color-gray-400)}.color-gray-500{color:var(--color-gray-500)}.color-gray-600{color:var(--color-gray-600)}.color-gray-700{color:var(--color-gray-700)}.color-gray-800{color:var(--color-gray-800)}.color-gray-900{color:var(--color-gray-900)}.color-gray-950{color:var(--color-gray-950)}.font-weight-100{font-weight:var(--font-weight-100)}.font-weight-400{font-weight:var(--font-weight-400)}.font-weight-500{font-weight:var(--font-weight-500)}.font-weight-700{font-weight:var(--font-weight-700)}
:root{--color-primary-100:#eaebf4;--color-primary-200:#d8dbf3;--color-primary-300:#657aef;--color-primary-400:#3e49c1;--color-primary-500:#2e368f;--color-primary-600:#252c74;--color-primary-700:#191d4d;--color-secondary-100:#f5f0df;--color-secondary-200:#f2e7bf;--color-secondary-300:#efd783;--color-secondary-400:#e5c043;--color-secondary-500:#da9e25;--color-secondary-600:#cd892a;--color-secondary-700:#c97c12;--color-black:#000;--color-white:#fff;--color-gray-100:#171719;--color-gray-200:#211f23;--color-gray-300:#5e5e5e;--color-gray-400:#949495;--color-gray-500:#f6f6f6;--color-gray-600:#fcffff;--color-gray-alpha-100:#22222914;--color-gray-alpha-200:#2222291f;--color-gray-alpha-300:#22222929;--color-gray-alpha-400:#22222947;--color-gray-alpha-500:#22222966;--color-gray-alpha-600:#22222985;--color-gray-alpha-700:#222229a3;--color-gray-alpha-800:#222229c2;--color-gray-alpha-900:#222229e0;--color-gray-alpha-1000:#222229f5;--color-white-alpha-100:#ffffff14;--color-white-alpha-200:#ffffff1f;--color-white-alpha-300:#ffffff29;--color-white-alpha-400:#ffffff47;--color-white-alpha-500:#fff6;--color-white-alpha-600:#ffffff85;--color-white-alpha-700:#ffffffa3;--color-white-alpha-800:#ffffffc2;--color-white-alpha-900:#ffffffe0;--color-white-alpha-1000:#fffffff5;--color-error-100:#fbebe9;--color-error-200:#f0aea8;--color-error-300:#e05e52;--color-error-400:#d93526;--color-error-500:#ad2b1f;--color-warning-100:#fff8e8;--color-warning-200:#ffe19f;--color-warning-300:#ffb514;--color-warning-400:#ffd477;--color-warning-500:#e8a512;--color-success-100:#eaf8ee;--color-success-200:#abe2b8;--color-success-300:#88d69b;--color-success-400:#28a462;--color-success-500:#1e7b49;--font-family-base:"IBM Plex Sans Thai",sans-serif;--font-weight-light:100;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-100:100;--font-weight-400:400;--font-weight-500:500;--font-weight-700:700;--font-size-3xs:10px;--font-size-2xs:12px;--font-size-xs:14px;--font-size-sm:16px;--font-size-md:18px;--font-size-lg:20px;--font-size-xl:24px;--font-size-2xl:28px;--font-size-3xl:32px;--font-size-4xl:36px;--font-size-5xl:44px;--line-height-3xs:14px;--line-height-2xs:16px;--line-height-xs:20px;--line-height-sm:24px;--line-height-md:28px;--line-height-lg:32px;--line-height-xl:36px;--line-height-2xl:44px;--line-height-3xl:48px;--line-height-4xl:56px;--line-height-5xl:64px;--letter-spacing-xxs:-2px;--letter-spacing-xs:-1px;--letter-spacing-sm:0px;--letter-spacing-md:1px;--letter-spacing-lg:2px;--paragraph-spacing-xxs:0px;--paragraph-spacing-xs:2px;--paragraph-spacing-sm:4px;--paragraph-spacing-md:8px;--paragraph-spacing-lg:12px}.text-h1{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}.text-h2{font-size:var(--font-size-xl);line-height:var(--line-height-xl);font-weight:500}.text-2xs{font-size:var(--font-size-2xs);line-height:var(--line-height-2xs)}.text-xs{font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.text-base{font-size:var(--font-size-base);line-height:var(--line-height-base)}.text-md{font-size:var(--font-size-md);line-height:var(--line-height-md)}.text-lg{font-size:var(--font-size-lg);line-height:var(--line-height-lg)}.text-xl{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}.text-2xl{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}.text-3xl{font-size:var(--font-size-3xl);line-height:var(--line-height-3xl)}.text-4xl{font-size:var(--font-size-4xl);line-height:var(--line-height-4xl)}.text-5xl{font-size:var(--font-size-5xl);line-height:var(--line-height-5xl)}.font-light{font-weight:var(--font-weight-light)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-bold{font-weight:var(--font-weight-bold)}.color-primary{color:var(--color-primary)}.color-secondary{color:var(--color-secondary)}.color-tertiary{color:var(--color-tertiary)}.color-quaternary{color:var(--color-quaternary)}.color-white{color:var(--color-white)}.color-black{color:var(--color-black)}.color-gray-50{color:var(--color-gray-50)}.color-gray-100{color:var(--color-gray-100)}.color-gray-200{color:var(--color-gray-200)}.color-gray-300{color:var(--color-gray-300)}.color-gray-400{color:var(--color-gray-400)}.color-gray-500{color:var(--color-gray-500)}.color-gray-600{color:var(--color-gray-600)}.color-gray-700{color:var(--color-gray-700)}.color-gray-800{color:var(--color-gray-800)}.color-gray-900{color:var(--color-gray-900)}.color-gray-950{color:var(--color-gray-950)}.font-weight-100{font-weight:var(--font-weight-100)}.font-weight-400{font-weight:var(--font-weight-400)}.font-weight-500{font-weight:var(--font-weight-500)}.font-weight-700{font-weight:var(--font-weight-700)}.card-currency{background:#fff;border-radius:20px;align-items:center;padding:16px 20px;display:flex;position:relative}.card-currency:before{content:"";background:var(--color-secondary-500);border-radius:16px;width:5px;height:48px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.card-currency .card-flag{width:48px;height:48px}.card-currency .card-detail-right{justify-content:space-between;width:calc(100% - 48px);padding:0 0 0 12px;display:flex}.card-currency .card-title{letter-spacing:.02em;color:#111827;margin:0;font-size:16px;font-weight:600;line-height:24px}
:root{--color-primary-100:#eaebf4;--color-primary-200:#d8dbf3;--color-primary-300:#657aef;--color-primary-400:#3e49c1;--color-primary-500:#2e368f;--color-primary-600:#252c74;--color-primary-700:#191d4d;--color-secondary-100:#f5f0df;--color-secondary-200:#f2e7bf;--color-secondary-300:#efd783;--color-secondary-400:#e5c043;--color-secondary-500:#da9e25;--color-secondary-600:#cd892a;--color-secondary-700:#c97c12;--color-black:#000;--color-white:#fff;--color-gray-100:#171719;--color-gray-200:#211f23;--color-gray-300:#5e5e5e;--color-gray-400:#949495;--color-gray-500:#f6f6f6;--color-gray-600:#fcffff;--color-gray-alpha-100:#22222914;--color-gray-alpha-200:#2222291f;--color-gray-alpha-300:#22222929;--color-gray-alpha-400:#22222947;--color-gray-alpha-500:#22222966;--color-gray-alpha-600:#22222985;--color-gray-alpha-700:#222229a3;--color-gray-alpha-800:#222229c2;--color-gray-alpha-900:#222229e0;--color-gray-alpha-1000:#222229f5;--color-white-alpha-100:#ffffff14;--color-white-alpha-200:#ffffff1f;--color-white-alpha-300:#ffffff29;--color-white-alpha-400:#ffffff47;--color-white-alpha-500:#fff6;--color-white-alpha-600:#ffffff85;--color-white-alpha-700:#ffffffa3;--color-white-alpha-800:#ffffffc2;--color-white-alpha-900:#ffffffe0;--color-white-alpha-1000:#fffffff5;--color-error-100:#fbebe9;--color-error-200:#f0aea8;--color-error-300:#e05e52;--color-error-400:#d93526;--color-error-500:#ad2b1f;--color-warning-100:#fff8e8;--color-warning-200:#ffe19f;--color-warning-300:#ffb514;--color-warning-400:#ffd477;--color-warning-500:#e8a512;--color-success-100:#eaf8ee;--color-success-200:#abe2b8;--color-success-300:#88d69b;--color-success-400:#28a462;--color-success-500:#1e7b49;--font-family-base:"IBM Plex Sans Thai",sans-serif;--font-weight-light:100;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-100:100;--font-weight-400:400;--font-weight-500:500;--font-weight-700:700;--font-size-3xs:10px;--font-size-2xs:12px;--font-size-xs:14px;--font-size-sm:16px;--font-size-md:18px;--font-size-lg:20px;--font-size-xl:24px;--font-size-2xl:28px;--font-size-3xl:32px;--font-size-4xl:36px;--font-size-5xl:44px;--line-height-3xs:14px;--line-height-2xs:16px;--line-height-xs:20px;--line-height-sm:24px;--line-height-md:28px;--line-height-lg:32px;--line-height-xl:36px;--line-height-2xl:44px;--line-height-3xl:48px;--line-height-4xl:56px;--line-height-5xl:64px;--letter-spacing-xxs:-2px;--letter-spacing-xs:-1px;--letter-spacing-sm:0px;--letter-spacing-md:1px;--letter-spacing-lg:2px;--paragraph-spacing-xxs:0px;--paragraph-spacing-xs:2px;--paragraph-spacing-sm:4px;--paragraph-spacing-md:8px;--paragraph-spacing-lg:12px}.text-h1{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}.text-h2{font-size:var(--font-size-xl);line-height:var(--line-height-xl);font-weight:500}.text-2xs{font-size:var(--font-size-2xs);line-height:var(--line-height-2xs)}.text-xs{font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.text-base{font-size:var(--font-size-base);line-height:var(--line-height-base)}.text-md{font-size:var(--font-size-md);line-height:var(--line-height-md)}.text-lg{font-size:var(--font-size-lg);line-height:var(--line-height-lg)}.text-xl{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}.text-2xl{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}.text-3xl{font-size:var(--font-size-3xl);line-height:var(--line-height-3xl)}.text-4xl{font-size:var(--font-size-4xl);line-height:var(--line-height-4xl)}.text-5xl{font-size:var(--font-size-5xl);line-height:var(--line-height-5xl)}.font-light{font-weight:var(--font-weight-light)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-bold{font-weight:var(--font-weight-bold)}.color-primary{color:var(--color-primary)}.color-secondary{color:var(--color-secondary)}.color-tertiary{color:var(--color-tertiary)}.color-quaternary{color:var(--color-quaternary)}.color-white{color:var(--color-white)}.color-black{color:var(--color-black)}.color-gray-50{color:var(--color-gray-50)}.color-gray-100{color:var(--color-gray-100)}.color-gray-200{color:var(--color-gray-200)}.color-gray-300{color:var(--color-gray-300)}.color-gray-400{color:var(--color-gray-400)}.color-gray-500{color:var(--color-gray-500)}.color-gray-600{color:var(--color-gray-600)}.color-gray-700{color:var(--color-gray-700)}.color-gray-800{color:var(--color-gray-800)}.color-gray-900{color:var(--color-gray-900)}.color-gray-950{color:var(--color-gray-950)}.font-weight-100{font-weight:var(--font-weight-100)}.font-weight-400{font-weight:var(--font-weight-400)}.font-weight-500{font-weight:var(--font-weight-500)}.font-weight-700{font-weight:var(--font-weight-700)}.currency-section{grid-template-columns:repeat(1,1fr);gap:12px;padding:16px 0;display:grid}.currency-section .currency-section-head{justify-content:space-between;align-items:center;display:flex}.currency-section .currency-section-head .currency-section-title{color:var(--color-gray-200);font-size:var(--font-size-sm);margin:0;font-weight:400}
:root{--color-primary-100:#eaebf4;--color-primary-200:#d8dbf3;--color-primary-300:#657aef;--color-primary-400:#3e49c1;--color-primary-500:#2e368f;--color-primary-600:#252c74;--color-primary-700:#191d4d;--color-secondary-100:#f5f0df;--color-secondary-200:#f2e7bf;--color-secondary-300:#efd783;--color-secondary-400:#e5c043;--color-secondary-500:#da9e25;--color-secondary-600:#cd892a;--color-secondary-700:#c97c12;--color-black:#000;--color-white:#fff;--color-gray-100:#171719;--color-gray-200:#211f23;--color-gray-300:#5e5e5e;--color-gray-400:#949495;--color-gray-500:#f6f6f6;--color-gray-600:#fcffff;--color-gray-alpha-100:#22222914;--color-gray-alpha-200:#2222291f;--color-gray-alpha-300:#22222929;--color-gray-alpha-400:#22222947;--color-gray-alpha-500:#22222966;--color-gray-alpha-600:#22222985;--color-gray-alpha-700:#222229a3;--color-gray-alpha-800:#222229c2;--color-gray-alpha-900:#222229e0;--color-gray-alpha-1000:#222229f5;--color-white-alpha-100:#ffffff14;--color-white-alpha-200:#ffffff1f;--color-white-alpha-300:#ffffff29;--color-white-alpha-400:#ffffff47;--color-white-alpha-500:#fff6;--color-white-alpha-600:#ffffff85;--color-white-alpha-700:#ffffffa3;--color-white-alpha-800:#ffffffc2;--color-white-alpha-900:#ffffffe0;--color-white-alpha-1000:#fffffff5;--color-error-100:#fbebe9;--color-error-200:#f0aea8;--color-error-300:#e05e52;--color-error-400:#d93526;--color-error-500:#ad2b1f;--color-warning-100:#fff8e8;--color-warning-200:#ffe19f;--color-warning-300:#ffb514;--color-warning-400:#ffd477;--color-warning-500:#e8a512;--color-success-100:#eaf8ee;--color-success-200:#abe2b8;--color-success-300:#88d69b;--color-success-400:#28a462;--color-success-500:#1e7b49;--font-family-base:"IBM Plex Sans Thai",sans-serif;--font-weight-light:100;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-100:100;--font-weight-400:400;--font-weight-500:500;--font-weight-700:700;--font-size-3xs:10px;--font-size-2xs:12px;--font-size-xs:14px;--font-size-sm:16px;--font-size-md:18px;--font-size-lg:20px;--font-size-xl:24px;--font-size-2xl:28px;--font-size-3xl:32px;--font-size-4xl:36px;--font-size-5xl:44px;--line-height-3xs:14px;--line-height-2xs:16px;--line-height-xs:20px;--line-height-sm:24px;--line-height-md:28px;--line-height-lg:32px;--line-height-xl:36px;--line-height-2xl:44px;--line-height-3xl:48px;--line-height-4xl:56px;--line-height-5xl:64px;--letter-spacing-xxs:-2px;--letter-spacing-xs:-1px;--letter-spacing-sm:0px;--letter-spacing-md:1px;--letter-spacing-lg:2px;--paragraph-spacing-xxs:0px;--paragraph-spacing-xs:2px;--paragraph-spacing-sm:4px;--paragraph-spacing-md:8px;--paragraph-spacing-lg:12px}.text-h1{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}.text-h2{font-size:var(--font-size-xl);line-height:var(--line-height-xl);font-weight:500}.text-2xs{font-size:var(--font-size-2xs);line-height:var(--line-height-2xs)}.text-xs{font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.text-base{font-size:var(--font-size-base);line-height:var(--line-height-base)}.text-md{font-size:var(--font-size-md);line-height:var(--line-height-md)}.text-lg{font-size:var(--font-size-lg);line-height:var(--line-height-lg)}.text-xl{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}.text-2xl{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}.text-3xl{font-size:var(--font-size-3xl);line-height:var(--line-height-3xl)}.text-4xl{font-size:var(--font-size-4xl);line-height:var(--line-height-4xl)}.text-5xl{font-size:var(--font-size-5xl);line-height:var(--line-height-5xl)}.font-light{font-weight:var(--font-weight-light)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-bold{font-weight:var(--font-weight-bold)}.color-primary{color:var(--color-primary)}.color-secondary{color:var(--color-secondary)}.color-tertiary{color:var(--color-tertiary)}.color-quaternary{color:var(--color-quaternary)}.color-white{color:var(--color-white)}.color-black{color:var(--color-black)}.color-gray-50{color:var(--color-gray-50)}.color-gray-100{color:var(--color-gray-100)}.color-gray-200{color:var(--color-gray-200)}.color-gray-300{color:var(--color-gray-300)}.color-gray-400{color:var(--color-gray-400)}.color-gray-500{color:var(--color-gray-500)}.color-gray-600{color:var(--color-gray-600)}.color-gray-700{color:var(--color-gray-700)}.color-gray-800{color:var(--color-gray-800)}.color-gray-900{color:var(--color-gray-900)}.color-gray-950{color:var(--color-gray-950)}.font-weight-100{font-weight:var(--font-weight-100)}.font-weight-400{font-weight:var(--font-weight-400)}.font-weight-500{font-weight:var(--font-weight-500)}.font-weight-700{font-weight:var(--font-weight-700)}
:root{--color-primary-100:#eaebf4;--color-primary-200:#d8dbf3;--color-primary-300:#657aef;--color-primary-400:#3e49c1;--color-primary-500:#2e368f;--color-primary-600:#252c74;--color-primary-700:#191d4d;--color-secondary-100:#f5f0df;--color-secondary-200:#f2e7bf;--color-secondary-300:#efd783;--color-secondary-400:#e5c043;--color-secondary-500:#da9e25;--color-secondary-600:#cd892a;--color-secondary-700:#c97c12;--color-black:#000;--color-white:#fff;--color-gray-100:#171719;--color-gray-200:#211f23;--color-gray-300:#5e5e5e;--color-gray-400:#949495;--color-gray-500:#f6f6f6;--color-gray-600:#fcffff;--color-gray-alpha-100:#22222914;--color-gray-alpha-200:#2222291f;--color-gray-alpha-300:#22222929;--color-gray-alpha-400:#22222947;--color-gray-alpha-500:#22222966;--color-gray-alpha-600:#22222985;--color-gray-alpha-700:#222229a3;--color-gray-alpha-800:#222229c2;--color-gray-alpha-900:#222229e0;--color-gray-alpha-1000:#222229f5;--color-white-alpha-100:#ffffff14;--color-white-alpha-200:#ffffff1f;--color-white-alpha-300:#ffffff29;--color-white-alpha-400:#ffffff47;--color-white-alpha-500:#fff6;--color-white-alpha-600:#ffffff85;--color-white-alpha-700:#ffffffa3;--color-white-alpha-800:#ffffffc2;--color-white-alpha-900:#ffffffe0;--color-white-alpha-1000:#fffffff5;--color-error-100:#fbebe9;--color-error-200:#f0aea8;--color-error-300:#e05e52;--color-error-400:#d93526;--color-error-500:#ad2b1f;--color-warning-100:#fff8e8;--color-warning-200:#ffe19f;--color-warning-300:#ffb514;--color-warning-400:#ffd477;--color-warning-500:#e8a512;--color-success-100:#eaf8ee;--color-success-200:#abe2b8;--color-success-300:#88d69b;--color-success-400:#28a462;--color-success-500:#1e7b49;--font-family-base:"IBM Plex Sans Thai",sans-serif;--font-weight-light:100;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-100:100;--font-weight-400:400;--font-weight-500:500;--font-weight-700:700;--font-size-3xs:10px;--font-size-2xs:12px;--font-size-xs:14px;--font-size-sm:16px;--font-size-md:18px;--font-size-lg:20px;--font-size-xl:24px;--font-size-2xl:28px;--font-size-3xl:32px;--font-size-4xl:36px;--font-size-5xl:44px;--line-height-3xs:14px;--line-height-2xs:16px;--line-height-xs:20px;--line-height-sm:24px;--line-height-md:28px;--line-height-lg:32px;--line-height-xl:36px;--line-height-2xl:44px;--line-height-3xl:48px;--line-height-4xl:56px;--line-height-5xl:64px;--letter-spacing-xxs:-2px;--letter-spacing-xs:-1px;--letter-spacing-sm:0px;--letter-spacing-md:1px;--letter-spacing-lg:2px;--paragraph-spacing-xxs:0px;--paragraph-spacing-xs:2px;--paragraph-spacing-sm:4px;--paragraph-spacing-md:8px;--paragraph-spacing-lg:12px}.text-h1{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}.text-h2{font-size:var(--font-size-xl);line-height:var(--line-height-xl);font-weight:500}.text-2xs{font-size:var(--font-size-2xs);line-height:var(--line-height-2xs)}.text-xs{font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.text-base{font-size:var(--font-size-base);line-height:var(--line-height-base)}.text-md{font-size:var(--font-size-md);line-height:var(--line-height-md)}.text-lg{font-size:var(--font-size-lg);line-height:var(--line-height-lg)}.text-xl{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}.text-2xl{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}.text-3xl{font-size:var(--font-size-3xl);line-height:var(--line-height-3xl)}.text-4xl{font-size:var(--font-size-4xl);line-height:var(--line-height-4xl)}.text-5xl{font-size:var(--font-size-5xl);line-height:var(--line-height-5xl)}.font-light{font-weight:var(--font-weight-light)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-bold{font-weight:var(--font-weight-bold)}.color-primary{color:var(--color-primary)}.color-secondary{color:var(--color-secondary)}.color-tertiary{color:var(--color-tertiary)}.color-quaternary{color:var(--color-quaternary)}.color-white{color:var(--color-white)}.color-black{color:var(--color-black)}.color-gray-50{color:var(--color-gray-50)}.color-gray-100{color:var(--color-gray-100)}.color-gray-200{color:var(--color-gray-200)}.color-gray-300{color:var(--color-gray-300)}.color-gray-400{color:var(--color-gray-400)}.color-gray-500{color:var(--color-gray-500)}.color-gray-600{color:var(--color-gray-600)}.color-gray-700{color:var(--color-gray-700)}.color-gray-800{color:var(--color-gray-800)}.color-gray-900{color:var(--color-gray-900)}.color-gray-950{color:var(--color-gray-950)}.font-weight-100{font-weight:var(--font-weight-100)}.font-weight-400{font-weight:var(--font-weight-400)}.font-weight-500{font-weight:var(--font-weight-500)}.font-weight-700{font-weight:var(--font-weight-700)}.home-top-card{z-index:1;height:auto;min-height:150px;margin-top:-100px;position:relative}.home-top-card .top{align-items:center;gap:12px;display:flex}.home-top-card .top h2{font-size:var(--font-size-sm);color:var(--color-gray-200);margin:0}.home-top-card .top h1{font-size:var(--font-size-xs);color:var(--color-gray-200);margin:0;font-weight:400}.home-top-card .logo-card{flex-shrink:0;width:48px;height:48px}.home-top-card .btn-box{grid-template-columns:repeat(2,1fr);gap:12px;padding:22px 0 0;display:grid}.home-top-card .btn-box .ant-btn{font-size:var(--font-size-xs);border-radius:16px;height:56px;font-weight:500}.home-top-card .btn-box .ant-btn svg{width:24px;height:24px}