@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./GoogleSans-Thai-400.woff2') format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./GoogleSans-Thai-500.woff2') format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('./GoogleSans-Thai-600.woff2') format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./GoogleSans-Thai-700.woff2') format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./GoogleSans-Latin-400.woff2') format('woff2'),
       url('./GoogleSans-Regular.woff2') format('woff2'),
       url('./GoogleSans-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./GoogleSans-Latin-500.woff2') format('woff2'),
       url('./GoogleSans-Medium.woff2') format('woff2'),
       url('./GoogleSans-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('./GoogleSans-Latin-600.woff2') format('woff2'),
       url('./GoogleSans-Medium.woff2') format('woff2');
}
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./GoogleSans-Latin-700.woff2') format('woff2'),
       url('./GoogleSans-Bold.woff2') format('woff2'),
       url('./GoogleSans-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Google Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('./GoogleSans-Italic.ttf') format('truetype');
}
@font-face {
  font-family: 'Google Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('./GoogleSans-BoldItalic.ttf') format('truetype');
}
@font-face {
  font-family: 'Noto Sans Thai';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./NotoSansThai-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Noto Sans Thai';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./NotoSansThai-Bold.woff2') format('woff2');
}
:root {
  --app-font-family: 'Google Sans', 'Noto Sans Thai', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
body, html, input, button, select, textarea {
  font-family: var(--app-font-family) !important;
}