@layer reset{*,:before,:after{box-sizing:border-box}html,body{min-width:320px;min-height:100%}body{margin:0}button,input,textarea{font:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #163fce3d}}@layer base{body{color:#17233c;-webkit-font-smoothing:antialiased;background:#f5f7fb;font-family:IBM Plex Sans Thai,Noto Sans Thai,sans-serif;font-size:16px}}

@layer priority1 {
  :root, .x1ucj9x6 {
    --x1arra3u: #f5f7fb;
    --x198pyda: #17233c;
    --x16fvoq2: #64718a;
    --xazvrqa: #758196;
    --x1ujwryn: #36445d;
    --x15mzaq3: #163fce;
    --xqbcfna: #1234ad;
    --x1gkamdj: #163fce21;
    --x14vaksr: #d8dfeb;
    --x1pv7pey: #fbfcff;
    --x131oxxf: #fff;
    --x61rf6j: #167653;
    --x1h0eboh: #e4f6ed;
    --x1ijd0uv: #bd3e4d;
    --xkb0hna: #fffafb;
    --xid98lu: #4f6080;
    --x10065e4: #f5f7ff;
  }

  :root, .xopy7ep {
    --x1rqulr4: 11px;
    --x1iisf50: 22px;
    --x1py5uaa: 999px;
  }

  :root, .x15m0jq0 {
    --x1xo1x6p: 4px;
    --xfct6fm: 8px;
    --x3isuv7: 12px;
    --xv88jya: 16px;
    --x1s3es4n: 22px;
    --x414hna: 28px;
    --xi62v4f: 38px;
  }

  :root, .xa4apnt {
    --x9oaz2q: "IBM Plex Sans Thai", "Noto Sans Thai", sans-serif;
    --x14bo097: 13px;
    --xn4kc6b: 15px;
    --x18f98cg: 12px;
    --xjnclif: 14px;
    --x1n91qcq: 16px;
    --x1u3qeqf: 22px;
    --xuuholk: 1.6;
  }

  :root, .x3yc7tf {
    --xsr859i: 46px;
    --xiz17z4: 46px;
    --xyu22o8: 92px;
  }
}

@layer priority2 {
  .x160r1ck {
    font: 600 11px Inter, sans-serif;
  }

  .x1ew5352 {
    font: 700 21px Inter, sans-serif;
  }

  .xkdpibf {
    margin: -1px;
  }

  .x13txieo {
    margin: 0 auto 100px;
  }

  .x19bbpc0 {
    margin: 0 auto;
  }

  .x1ghz6dp {
    margin: 0;
  }

  .x108lf0y {
    margin: 10px 0 0;
  }

  .xx6phho {
    margin: 12px auto 20px;
  }

  .xzmowlt {
    margin: 14px 0 0;
  }

  .x1nwhpgf {
    margin: 18px 0;
  }

  .xufuhu2 {
    margin: 30px 0 8px;
  }

  .xqe1szj {
    margin: 4px 0 0;
  }

  .xabx8x8 {
    margin: 6px 0 0;
  }

  .xe6w4ck {
    margin: 8px 0 0;
  }

  .x17juka0 {
    margin: 9px 0 12px;
  }

  .xk43rob {
    margin: var(--x3isuv7) 0 0;
  }

  .xy6k0ii {
    margin: var(--xfct6fm) 0 25px;
  }

  .x35xaa0 {
    margin: var(--xv88jya) 0;
  }

  .xttn237 {
    padding: 0 0 14px;
  }

  .x46zyou {
    padding: 0 3px;
  }

  .xtt7cj9 {
    padding: 0 var(--xv88jya);
  }

  .x1717udv {
    padding: 0;
  }

  .x1b4vry6 {
    padding: 10px 0;
  }

  .x6yrr3s {
    padding: 10px 12px;
  }

  .x1iwkndl {
    padding: 12px 16px;
  }

  .x9xoxk2 {
    padding: 13px 0;
  }

  .x1gnqi22 {
    padding: 14px;
  }

  .x1tamke2 {
    padding: 16px;
  }

  .x1dypa6k {
    padding: 18px;
  }

  .x1t7086c {
    padding: 22px 0;
  }

  .xggk2y7 {
    padding: 24px;
  }

  .xc5c7mc {
    padding: 28px 0 16px;
  }

  .x1evzo7o {
    padding: 28px 0 26px;
  }

  .x1dumkz1 {
    padding: 2px 6px;
  }

  .xfawy5m {
    padding: 4px;
  }

  .x8h5oo0 {
    padding: 5px 9px;
  }

  .x100elos {
    padding: clamp(22px, 4vw, 42px);
  }

  .x1ubehq7 {
    padding: clamp(26px, 5vw, 48px);
  }

  .xvvs7ln {
    padding: var(--x3isuv7) 13px;
  }

  .xz7zwml {
    padding: var(--x3isuv7) 15px;
  }

  @media (width <= 600px) {
    .xyw71ql.xyw71ql {
      margin: 8px auto 16px;
    }

    .xehekfa.xehekfa {
      padding: 0 8px;
    }

    .x18dk1l2.x18dk1l2 {
      padding: 14px 14px 10px;
    }

    .xluttdn.xluttdn {
      padding: 3px;
    }
  }
}

@layer priority3 {
  .x17mnb97 {
    border-color: #163fce;
  }

  .x1j1c7uj {
    border-color: #3152b9;
  }

  .x1fcir5b {
    border-color: #83bea8;
  }

  .xcwenjh {
    border-color: #b8c2d6;
  }

  .x1kynpzy {
    border-color: #d4dceb;
  }

  .x1iqty4i {
    border-color: #db6872;
  }

  .x165katn {
    border-color: #dce4f7;
  }

  .xjr0o5z {
    border-color: #e0e5ef;
  }

  .xvcdgd4 {
    border-color: #e6b54c;
  }

  .xgzqgyt {
    border-color: var(--x14vaksr);
  }

  .x17wa66y {
    border-color: var(--x15mzaq3);
  }

  .x1q4ynmn {
    border-radius: 10px;
  }

  .x1ctf4ec {
    border-radius: 11px;
  }

  .x4pepcl {
    border-radius: 12px;
  }

  .xixl9f9 {
    border-radius: 14px;
  }

  .xgqmno8 {
    border-radius: 16px;
  }

  .x16rqkct {
    border-radius: 50%;
  }

  .xur7f20 {
    border-radius: 8px;
  }

  .x1e6avla {
    border-radius: 999px;
  }

  .x1a7hjyk {
    border-radius: var(--x1iisf50);
  }

  .xb5rzwi {
    border-radius: var(--x1py5uaa);
  }

  .xh04knq {
    border-radius: var(--x1rqulr4);
  }

  .x1y0btm7 {
    border-style: solid;
  }

  .xc342km {
    border-width: 0;
  }

  .xmkeg23 {
    border-width: 1px;
  }

  .x8pd4rx {
    flex: 0 0 18px;
  }

  .x16lfkth {
    flex: 300px;
  }

  .x98rzlu {
    flex: 1;
  }

  .x883omv {
    gap: 10px;
  }

  .x1v2ro7d {
    gap: 12px;
  }

  .x1af02g3 {
    gap: 14px;
  }

  .x2v15s2 {
    gap: 16px 14px;
  }

  .xou54vl {
    gap: 16px;
  }

  .xaobbuh {
    gap: 18px;
  }

  .x1665zp3 {
    gap: 24px;
  }

  .x1nejdyq {
    gap: 5px;
  }

  .x17d4w8g {
    gap: 6px;
  }

  .x167g77z {
    gap: 8px;
  }

  .xu26vae {
    gap: var(--x3isuv7);
  }

  .x1yigvtp {
    gap: var(--xfct6fm);
  }

  .xxqe10m {
    gap: var(--xv88jya) var(--x3isuv7);
  }

  .x1osaytk {
    grid-column: 1 / -1;
  }

  .xe8uvvx {
    list-style: none;
  }

  .xvueqy4 {
    margin-inline: auto;
  }

  .xb3r6kr {
    overflow: hidden;
  }

  .xish69e {
    overscroll-behavior: contain;
  }

  .x1ku5rj1 {
    place-items: center;
  }

  .x1bav7qx:hover {
    border-color: #9cadcf;
  }

  .x1w384hf:focus {
    border-color: var(--x15mzaq3);
  }

  @media (width <= 600px) {
    .x1hz6xon.x1hz6xon {
      border-radius: 14px;
    }

    .x1ute7vf.x1ute7vf {
      gap: 3px;
    }

    .x1wmnxaw.x1wmnxaw {
      gap: 4px;
    }
  }

  @media (width <= 760px) {
    .x1qsrs3b.x1qsrs3b {
      grid-column: auto;
    }
  }
}

@layer priority4 {
  .x1pha0wt {
    align-items: baseline;
  }

  .x6s0dn4 {
    align-items: center;
  }

  .xpqajaz {
    align-items: end;
  }

  .x1cy8zhl {
    align-items: flex-start;
  }

  .x7a106z {
    align-items: start;
  }

  .x1y8v6su {
    align-self: start;
  }

  .x1hfwydp {
    background-color: #163fce;
  }

  .xkmzg6p {
    background-color: #3152b9;
  }

  .xddf2lu {
    background-color: #8da4df;
  }

  .xb14lzi {
    background-color: #d69a25;
  }

  .xcmicmq {
    background-color: #d6ddea;
  }

  .x1ubdwgx {
    background-color: #dfe5f0;
  }

  .x1buuam1 {
    background-color: #ecf1ff;
  }

  .xnf4akg {
    background-color: #edf1ff;
  }

  .xmftpkk {
    background-color: #eef2ff;
  }

  .x828jvw {
    background-color: #f2f4f8;
  }

  .xkuowhs {
    background-color: #f5f7fb;
  }

  .xsbymqk {
    background-color: #f7f9ff;
  }

  .x9ck7cg {
    background-color: #fcfffd;
  }

  .x83z2og {
    background-color: #fff;
  }

  .xmmfre9 {
    background-color: #fff9e9;
  }

  .x1etn5qd {
    background-color: #fffafb;
  }

  .xjbqb8w {
    background-color: #0000;
  }

  .x12cac2n {
    background-color: var(--x10065e4);
  }

  .x8hzscy {
    background-color: var(--x131oxxf);
  }

  .x1gvk7se {
    background-color: var(--x15mzaq3);
  }

  .x1ah241y {
    background-color: var(--x1arra3u);
  }

  .x1ymbpdw {
    background-color: var(--x1h0eboh);
  }

  .x1p451ok {
    background-color: var(--x1pv7pey);
  }

  .x12urvha {
    background-image: linear-gradient(145deg, #dbe5ff, #f5d9d5);
  }

  .x1st72fp {
    box-shadow: 0 10px 28px #142b551f;
  }

  .x7vlnf3 {
    box-shadow: 0 16px 45px #1e356912;
  }

  .x1t1zrm0 {
    box-shadow: 0 2px 7px #1d2d4b1a;
  }

  .x1t2kvji {
    box-shadow: 0 8px 18px #163fce2e;
  }

  .x1pfskvk {
    box-shadow: inset 2px 0 #476bdd;
  }

  .x9f619 {
    box-sizing: border-box;
  }

  .xzpqnlu {
    clip: rect(0,0,0,0);
  }

  .xe3rjdi {
    color: #163fce;
  }

  .x1nubiik {
    color: #17233c;
  }

  .x6j586l {
    color: #182a5b;
  }

  .x2diapt {
    color: #213149;
  }

  .x1u58rh9 {
    color: #2456d8;
  }

  .x1ge8vl4 {
    color: #264187;
  }

  .x1lmfsq6 {
    color: #288260;
  }

  .x1weibab {
    color: #3152b9;
  }

  .x269cxi {
    color: #33415c;
  }

  .x213fkv {
    color: #344565;
  }

  .xfqucj {
    color: #4b5870;
  }

  .xmvv1nv {
    color: #52617b;
  }

  .x12pj4bq {
    color: #64718a;
  }

  .x5db9d6 {
    color: #657084;
  }

  .x1kpg5oc {
    color: #694d0c;
  }

  .x1qfs2ev {
    color: #6a768b;
  }

  .xht3q6d {
    color: #6b7484;
  }

  .x1qckfhs {
    color: #755916;
  }

  .xjvcytm {
    color: #778294;
  }

  .x2io3vv {
    color: #7b8492;
  }

  .x2qbowb {
    color: #a63d49;
  }

  .x1j3ri62 {
    color: #bd3544;
  }

  .xfungia {
    color: #fff;
  }

  .x1fgn3qu {
    color: var(--x131oxxf);
  }

  .x1isa42t {
    color: var(--x15mzaq3);
  }

  .xff0t33 {
    color: var(--x198pyda);
  }

  .x10gmdvi {
    color: var(--x1ijd0uv);
  }

  .xl2kapw {
    color: var(--x1ujwryn);
  }

  .x31s7mz {
    color: var(--x61rf6j);
  }

  .x12x2nco {
    color: var(--xazvrqa);
  }

  .x1jup7y2 {
    color: var(--xid98lu);
  }

  .x1ypdohk {
    cursor: pointer;
  }

  .x1lliihq {
    display: block;
  }

  .x78zum5 {
    display: flex;
  }

  .xrvj5dj {
    display: grid;
  }

  .x1rg5ohu {
    display: inline-block;
  }

  .x3nfvp2 {
    display: inline-flex;
  }

  .x2lah0s {
    flex-shrink: 0;
  }

  .x1a02dak {
    flex-wrap: wrap;
  }

  .xjb2p0i {
    font-family: inherit;
  }

  .xl9tz0y {
    font-family: var(--x9oaz2q);
  }

  .x1k6wstc {
    font-size: 10px;
  }

  .x1j6dyjg {
    font-size: 11px;
  }

  .xfifm61 {
    font-size: 12px;
  }

  .x4z9k3i {
    font-size: 13px;
  }

  .xif65rj {
    font-size: 14px;
  }

  .x1jvydc1 {
    font-size: 15px;
  }

  .x1j61zf2 {
    font-size: 16px;
  }

  .xwsyq91 {
    font-size: 20px;
  }

  .xew7ush {
    font-size: 21px;
  }

  .x13l4h9 {
    font-size: clamp(20px, 3vw, 28px);
  }

  .xot4zjk {
    font-size: clamp(25px, 4vw, 34px);
  }

  .xz4nlru {
    font-size: clamp(27px, 3.4vw, 42px);
  }

  .x1uy4doh {
    font-size: var(--x14bo097);
  }

  .xyemnnc {
    font-size: var(--x18f98cg);
  }

  .xc6gyda {
    font-size: var(--x1u3qeqf);
  }

  .x1yp53v4 {
    font-size: var(--xjnclif);
  }

  .xlrynqh {
    font-size: var(--xn4kc6b);
  }

  .xo1l8bm {
    font-weight: 400;
  }

  .x1s688f {
    font-weight: 600;
  }

  .x1xlr1w8 {
    font-weight: 700;
  }

  .xenca2t {
    grid-template-columns: 150px minmax(0, 1fr);
  }

  .x63e25a {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  }

  .xnby9oq {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .x185a7wo {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .x1sipb5g {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .x1nvov4a {
    grid-template-rows: 28px auto auto;
  }

  .xl56j7k {
    justify-content: center;
  }

  .x1qughib {
    justify-content: space-between;
  }

  .x1o2pa38 {
    justify-items: center;
  }

  .x18sf2q7 {
    letter-spacing: -.02em;
  }

  .xpgpu2e {
    letter-spacing: -.045em;
  }

  .xne9tug {
    letter-spacing: -.04em;
  }

  .x1b4dsll {
    letter-spacing: -.03em;
  }

  .x9pfba7 {
    letter-spacing: .08em;
  }

  .x1159mfc {
    line-height: 1.1;
  }

  .x1u7k74 {
    line-height: 1.2;
  }

  .x1xfvgam {
    line-height: 1.35;
  }

  .xfrs9s4 {
    line-height: 1.45;
  }

  .x1evy7pa {
    line-height: 1.5;
  }

  .x1dbl2gt {
    line-height: 1.6;
  }

  .x11m8ghp {
    line-height: 1.65;
  }

  .xa7kkou {
    line-height: 1.7;
  }

  .x13f4knr {
    line-height: var(--xuuholk);
  }

  .xdzw4kq {
    margin-inline-start: 6px;
  }

  .x1t137rt {
    outline-style: none;
  }

  .xj0a0fe {
    overflow-wrap: anywhere;
  }

  .x47corl {
    pointer-events: none;
  }

  .x10l6tqk {
    position: absolute;
  }

  .x1n2onr6 {
    position: relative;
  }

  .x288g5 {
    resize: vertical;
  }

  .x2b8uid {
    text-align: center;
  }

  .xdpxx8g {
    text-align: left;
  }

  .x1kyqaxf {
    text-transform: lowercase;
  }

  .xtvhhri {
    text-transform: uppercase;
  }

  .xeaf4i8 {
    white-space: normal;
  }

  .xuxw1ft {
    white-space: nowrap;
  }

  .x13faqbe {
    word-break: break-word;
  }

  .x1ja2u2z {
    z-index: 0;
  }

  .x1vjfegm {
    z-index: 1;
  }

  .x1355qak {
    z-index: 20;
  }

  .x1s07b3s:disabled {
    cursor: not-allowed;
  }

  .x1t5pwa4:disabled {
    opacity: .45;
  }

  .xjj87by:hover {
    background-color: #f1f5ff;
  }

  .x1yo3zya:hover {
    background-color: #f8faff;
  }

  .xyjyqgn:hover {
    background-color: var(--xqbcfna);
  }

  .xggldle:focus {
    background-color: var(--x131oxxf);
  }

  .xgwrljr:focus {
    box-shadow: 0 0 0 3px var(--x1gkamdj);
  }

  @media (width <= 600px) {
    .x1nv3ygk.x1nv3ygk {
      align-items: flex-start;
    }

    .xe58nlm.xe58nlm {
      background-color: #e9edf7;
    }
  }

  @media (width <= 760px) {
    .xm89ayo.xm89ayo {
      display: block;
    }
  }

  @media (width <= 600px) {
    .x1vwcs0a.x1vwcs0a {
      display: grid;
    }

    .x1fc7d7z.x1fc7d7z {
      flex-direction: column;
    }

    .x1qrmsns.x1qrmsns {
      font-size: 13px;
    }

    .x1nc4n6v.x1nc4n6v {
      grid-template-columns: 1fr;
    }

    .xf823wh.xf823wh {
      grid-template-columns: minmax(0, 1fr);
    }

    .x11ezrg2.x11ezrg2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
}

@layer priority5 {
  .xmix8c7 {
    height: 18px;
  }

  .xjm9jq1 {
    height: 1px;
  }

  .x1qx5ct2 {
    height: 20px;
  }

  .xd7y6wv {
    height: 26px;
  }

  .x90ne7k {
    height: 34px;
  }

  .xwa7hi {
    height: 58px;
  }

  .xy75621 {
    height: 72px;
  }

  .x1hagigm {
    height: 7px;
  }

  .xu96u03 {
    left: 0;
  }

  .x1u7kmwd {
    margin-bottom: 14px;
  }

  .x1hq5gj4 {
    margin-bottom: 24px;
  }

  .x1ibc7va {
    margin-bottom: 25px;
  }

  .x1iog12x {
    margin-left: 4px;
  }

  .xe0qgnv {
    margin-left: var(--x1xo1x6p);
  }

  .x17ituo4 {
    margin-right: 5px;
  }

  .xhrpt6u {
    margin-top: 18px;
  }

  .x1sgpng {
    margin-top: 22px;
  }

  .xaqh0s9 {
    margin-top: 26px;
  }

  .xjv05ge {
    margin-top: 28px;
  }

  .x7r5mf7 {
    margin-top: 3px;
  }

  .x1xmf6yo {
    margin-top: 8px;
  }

  .x1lkrumg {
    margin-top: var(--x414hna);
  }

  .x1hffdjd {
    max-height: min(280px, 40vh);
  }

  .x1lr1uin {
    max-width: 420px;
  }

  .x7ep2pv {
    max-width: 680px;
  }

  .xrgej4m {
    max-width: 700px;
  }

  .xg6iff7 {
    min-height: 100vh;
  }

  .xisnujt {
    min-height: 20px;
  }

  .x1ba4aug {
    min-height: 40px;
  }

  .x1gg8mnh {
    min-height: 44px;
  }

  .xbktkl8 {
    min-height: 56px;
  }

  .x1r3qdcx {
    min-height: 76px;
  }

  .x8bl700 {
    min-height: var(--xiz17z4);
  }

  .x1p86vnc {
    min-height: var(--xsr859i);
  }

  .x4jkv5h {
    min-height: var(--xyu22o8);
  }

  .xeuugli {
    min-width: 0;
  }

  .x6ikm8r {
    overflow-x: hidden;
  }

  .x1odjw0f {
    overflow-y: auto;
  }

  .x1t4gjm {
    padding-bottom: 22px;
  }

  .xwxc41k {
    padding-bottom: 24px;
  }

  .xj5tbmc {
    padding-right: 40px;
  }

  .x1i80of2 {
    padding-top: 17px;
  }

  .x3m8u43 {
    right: 0;
  }

  .x44moml {
    right: 14px;
  }

  .x1pqncro {
    right: 50%;
  }

  .xfyf068 {
    top: 13px;
  }

  .xwwefxd {
    top: calc(100% + 6px);
  }

  .xh8yej3 {
    width: 100%;
  }

  .x1xp8n7a {
    width: 18px;
  }

  .x1i1rx1s {
    width: 1px;
  }

  .x23j0i4 {
    width: 26px;
  }

  .x1691je0 {
    width: 34px;
  }

  .x1u78mur {
    width: 58px;
  }

  .xni59qk {
    width: 72px;
  }

  .xci0xqf {
    width: 7px;
  }

  .x19f4hht {
    width: min(1120px, 90vw);
  }

  .xvzn5ge {
    width: min(560px, 100%);
  }

  .x1ea540k {
    width: min(760px, 100% - 28px);
  }

  @media (width <= 600px) {
    .x1ixb9k0.x1ixb9k0 {
      min-height: 44px;
    }

    .xix57c5.xix57c5 {
      width: auto;
    }
  }

  @media (width <= 760px) {
    .xyml45g.xyml45g {
      width: min(100% - 28px, 600px);
    }
  }
}