#root{width:100%;margin:0}body{margin:0;display:flex;min-width:320px;min-height:100vh}.body_preview{min-width:800px;background-color:gray}.field{display:flex;background-color:#e0efff;max-width:480px;min-width:300px;width:100%;padding:8px 16px;border-radius:8px;align-items:center;gap:8px}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/kanit-thai-300-normal-BZx2gboJ.woff2) format("woff2"),url(/assets/kanit-thai-300-normal-9B7BJcjo.woff) format("woff");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/kanit-vietnamese-300-normal-DIjUgNOG.woff2) format("woff2"),url(/assets/kanit-vietnamese-300-normal-CPLP64AH.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/kanit-latin-ext-300-normal-HcpnwWkO.woff2) format("woff2"),url(/assets/kanit-latin-ext-300-normal-B2Vumry2.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/kanit-latin-300-normal-BccMLZPg.woff2) format("woff2"),url(/assets/kanit-latin-300-normal-Dvs9qCWG.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kanit-thai-400-normal-C27eAtU1.woff2) format("woff2"),url(/assets/kanit-thai-400-normal-Hyy0rknX.woff) format("woff");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kanit-vietnamese-400-normal-Df4w_CRj.woff2) format("woff2"),url(/assets/kanit-vietnamese-400-normal-DgGp_vOO.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kanit-latin-ext-400-normal-Bm4OOh_o.woff2) format("woff2"),url(/assets/kanit-latin-ext-400-normal-DeIk6MGO.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kanit-latin-400-normal-C1Jk-JCr.woff2) format("woff2"),url(/assets/kanit-latin-400-normal-DXKHzkjg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/kanit-thai-500-normal-BDuJ4o_K.woff2) format("woff2"),url(/assets/kanit-thai-500-normal-DpGKNmIS.woff) format("woff");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/kanit-vietnamese-500-normal-BO198YDh.woff2) format("woff2"),url(/assets/kanit-vietnamese-500-normal-Mdnt_Rd6.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/kanit-latin-ext-500-normal-WczR-lci.woff2) format("woff2"),url(/assets/kanit-latin-ext-500-normal-DEvTqcjA.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/kanit-latin-500-normal-DIvLIuow.woff2) format("woff2"),url(/assets/kanit-latin-500-normal-CEMOP4Py.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/kanit-thai-700-normal-lMuxtNHC.woff2) format("woff2"),url(/assets/kanit-thai-700-normal-CZrRvC_H.woff) format("woff");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/kanit-vietnamese-700-normal-CExTwA2I.woff2) format("woff2"),url(/assets/kanit-vietnamese-700-normal-jfHVsOFe.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/kanit-latin-ext-700-normal-DAu9dVSC.woff2) format("woff2"),url(/assets/kanit-latin-ext-700-normal-yIjqmQ5k.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/kanit-latin-700-normal-exUo0LM1.woff2) format("woff2"),url(/assets/kanit-latin-700-normal-BTjphXuw.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}