html{--system-red: #ff3b30;--system-orange: #ff9500;--system-yellow: #ffcc00;--system-green: #34c759;--system-teal: #5ac8fa;--system-blue: #007aff;--pastel-blue: #40acf0;--system-indigo: #5856d6;--system-purple: #af52de;--system-pink: #ff2d55;--system-gray: #8e8e93;--system-gray2: #aeaeb2;--system-gray3: #c7c7cc;--system-gray4: #d1d1d6;--system-gray5: #e5e5ea;--system-gray6: #f2f2f7;--background-primary: #ffffff;--background-secondary: #f2f2f7;--background-tertiary: #1BD1D5;--fill-primary: rgba(120, 120, 128, .2);--fill-secondary: rgba(120, 120, 128, .16);--fill-tertiary: rgba(120, 120, 128, .12);--fill-quarternary: rgba(120, 120, 128, .08);--popup-background: rgba(242, 242, 242, .8);--label-primary: #000000;--label-secondary: rgba(60, 60, 67, .6);--label-tertiary: rgba(60, 60, 67, .3);--label-quarternary: rgba(60, 60, 67, .18);--separator-primary: #b9b9bb;--separator-secondary: rgba(60, 60, 67, .36);--primary-color: #19c1c4;--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px}html,body{position:fixed;width:100%;height:100%;overflow:hidden;margin:0;padding:0;border:0;font-family:Sarabun,sans-serif;font-size:16px;line-height:1.5;color:#000;-webkit-tap-highlight-color:transparent}