/* thai */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIoapSCOBt_aeQQ7ftydoa8W_oGkqoi0yygg_vbd-E.woff2) format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIoapSCOBt_aeQQ7ftydoa8W_oGkqo50yygg_vbd-E.woff2) format('woff2');
  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;
}
/* latin-ext */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIoapSCOBt_aeQQ7ftydoa8W_oGkqo40yygg_vbd-E.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIoapSCOBt_aeQQ7ftydoa8W_oGkqo20yygg_vb.woff2) format('woff2');
  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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIoapSCOBt_aeQQ7ftydoa8W_pikaoi0yygg_vbd-E.woff2) format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIoapSCOBt_aeQQ7ftydoa8W_pikao50yygg_vbd-E.woff2) format('woff2');
  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;
}
/* latin-ext */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIoapSCOBt_aeQQ7ftydoa8W_pikao40yygg_vbd-E.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIoapSCOBt_aeQQ7ftydoa8W_pikao20yygg_vb.woff2) format('woff2');
  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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIrapSCOBt_aeQQ7ftydoa8W_Lds78b8SGKufI.woff2) format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIrapSCOBt_aeQQ7ftydoa8W_LGs78b8SGKufI.woff2) format('woff2');
  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;
}
/* latin-ext */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIrapSCOBt_aeQQ7ftydoa8W_LHs78b8SGKufI.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIrapSCOBt_aeQQ7ftydoa8W_LJs78b8SGK.woff2) format('woff2');
  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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIoapSCOBt_aeQQ7ftydoa8W_o6kKoi0yygg_vbd-E.woff2) format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIoapSCOBt_aeQQ7ftydoa8W_o6kKo50yygg_vbd-E.woff2) format('woff2');
  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;
}
/* latin-ext */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIoapSCOBt_aeQQ7ftydoa8W_o6kKo40yygg_vbd-E.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIoapSCOBt_aeQQ7ftydoa8W_o6kKo20yygg_vb.woff2) format('woff2');
  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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIoapSCOBt_aeQQ7ftydoa8W_oWl6oi0yygg_vbd-E.woff2) format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIoapSCOBt_aeQQ7ftydoa8W_oWl6o50yygg_vbd-E.woff2) format('woff2');
  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;
}
/* latin-ext */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIoapSCOBt_aeQQ7ftydoa8W_oWl6o40yygg_vbd-E.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIoapSCOBt_aeQQ7ftydoa8W_oWl6o20yygg_vb.woff2) format('woff2');
  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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIoapSCOBt_aeQQ7ftydoa8W_pylqoi0yygg_vbd-E.woff2) format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIoapSCOBt_aeQQ7ftydoa8W_pylqo50yygg_vbd-E.woff2) format('woff2');
  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;
}
/* latin-ext */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIoapSCOBt_aeQQ7ftydoa8W_pylqo40yygg_vbd-E.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIoapSCOBt_aeQQ7ftydoa8W_pylqo20yygg_vb.woff2) format('woff2');
  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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIqapSCOBt_aeQQ7ftydoa0kePegJo02SuCgcva.woff2) format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIqapSCOBt_aeQQ7ftydoa0kePem5o02SuCgcva.woff2) format('woff2');
  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;
}
/* latin-ext */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIqapSCOBt_aeQQ7ftydoa0kePempo02SuCgcva.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIqapSCOBt_aeQQ7ftydoa0kePelJo02SuCgQ.woff2) format('woff2');
  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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIqapSCOBt_aeQQ7ftydoa09eDegJo02SuCgcva.woff2) format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIqapSCOBt_aeQQ7ftydoa09eDem5o02SuCgcva.woff2) format('woff2');
  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;
}
/* latin-ext */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIqapSCOBt_aeQQ7ftydoa09eDempo02SuCgcva.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIqapSCOBt_aeQQ7ftydoa09eDelJo02SuCgQ.woff2) format('woff2');
  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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDI1apSCOBt_aeQQ7ftydoa8SsLLubg58xGL.woff2) format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDI1apSCOBt_aeQQ7ftydoa8UcLLubg58xGL.woff2) format('woff2');
  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;
}
/* latin-ext */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDI1apSCOBt_aeQQ7ftydoa8UMLLubg58xGL.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDI1apSCOBt_aeQQ7ftydoa8XsLLubg58w.woff2) format('woff2');
  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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIqapSCOBt_aeQQ7ftydoa0reHegJo02SuCgcva.woff2) format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIqapSCOBt_aeQQ7ftydoa0reHem5o02SuCgcva.woff2) format('woff2');
  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;
}
/* latin-ext */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIqapSCOBt_aeQQ7ftydoa0reHempo02SuCgcva.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIqapSCOBt_aeQQ7ftydoa0reHelJo02SuCgQ.woff2) format('woff2');
  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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIqapSCOBt_aeQQ7ftydoa0gebegJo02SuCgcva.woff2) format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIqapSCOBt_aeQQ7ftydoa0gebem5o02SuCgcva.woff2) format('woff2');
  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;
}
/* latin-ext */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIqapSCOBt_aeQQ7ftydoa0gebempo02SuCgcva.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIqapSCOBt_aeQQ7ftydoa0gebelJo02SuCgQ.woff2) format('woff2');
  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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIqapSCOBt_aeQQ7ftydoa05efegJo02SuCgcva.woff2) format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIqapSCOBt_aeQQ7ftydoa05efem5o02SuCgcva.woff2) format('woff2');
  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;
}
/* latin-ext */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIqapSCOBt_aeQQ7ftydoa05efempo02SuCgcva.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/baijamjuree/v13/LDIqapSCOBt_aeQQ7ftydoa05efelJo02SuCgQ.woff2) format('woff2');
  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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Global Styles */
:root {

  --g10: #eee;
  --g30: #ccc;
  --g50: #aaa;
  --g60: #888;
  --g70: #666;
  --g80: #444;
  --g90: #333;

  --b05: rgb(245 250 255);
  --b10: rgb(225 240 255);
  --b15: #86beef;
  --b20: #3e97e7;
  --b40: #375281; /* TODO: need to figure out colors here */
  --b60: #2958ab;
  --b75: #2864a0;
  --b80: #325a82;
  --b85: #32465a;
  --b90: #203241;
  --b92: #20252b;
  --b95: #202428;

  --background: #131518;
  --background2: #202428;
  --background3: linear-gradient(to right, #202428, #1c1f24);
  --backdrop-color: #4f555d40;
  --background-grid: #131518;
  --grid-small: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='10px' viewBox='0 0 10 10' preserveAspectRatio='xMidYMid meet' stroke-width='1px'%3E%3Cpath d='M 0 10 v -10 h 10' fill='none' stroke='%2321252b'%3E%3C/path%3E%3C/svg%3E");
  --grid-medium: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid meet' stroke-width='3px'%3E%3Cpath d='M 0 100 v -100 h 100' fill='none' stroke='%232d333c'%3E%3C/path%3E%3C/svg%3E");
  --grid-large: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1000px' height='1000px' viewBox='0 0 1000 1000' preserveAspectRatio='xMidYMid meet' stroke-width='10px'%3E%3Cpath d='M 0 1000 v -1000 h 1000' fill='none' stroke='%23353d49'%3E%3C/path%3E%3C/svg%3E");
  --color: #eee;
  --color2: #eee;
  --border: #3e4650;
  --input-background: #131518;
  --input-border: #131518;
  --accent: #3987e6;
  --accent-light: #77b4ff;
  --accent-indeterminate: #3987e6aa;
  --button-primary: linear-gradient(to right, var(--b20), var(--b60));
  --button-icon-primary: var(--b20);
  --button-primary-text: #fff;
  --button-disabled: linear-gradient(to right, var(--g30), var(--g70));
  --button-delete: #e74c3c;
  --table-hover: #ffffff1a;
  --shadow: #090a0cf0;
  --shadow2: #4f555d40;
  --placeholder: var(--g60);
  --authorize-header-arrow-color: #aaa;

  --tinfo: #1c71be;
  --terror: #811e1e;
  --tsuccess: #087631;
}

.light {
  
  --background: #f3f3f3;
  --background2: #fff;
  --background3: linear-gradient(to right, #fff, #f3f3f3);
  --backdrop-color: #13151830;
  --background-grid: #fcfcfc;
  --grid-small: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='10px' viewBox='0 0 10 10' preserveAspectRatio='xMidYMid meet' stroke-width='1px'%3E%3Cpath d='M 0 10 v -10 h 10' fill='none' stroke='%23eee'%3E%3C/path%3E%3C/svg%3E");
  --grid-medium: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid meet' stroke-width='3px'%3E%3Cpath d='M 0 100 v -100 h 100' fill='none' stroke='%23ddd'%3E%3C/path%3E%3C/svg%3E");
  --grid-large: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1000px' height='1000px' viewBox='0 0 1000 1000' preserveAspectRatio='xMidYMid meet' stroke-width='10px'%3E%3Cpath d='M 0 1000 v -1000 h 1000' fill='none' stroke='%23ccc'%3E%3C/path%3E%3C/svg%3E");
  --color: #202428;
  --color2: #eee;
  --border: #ccc;
  --input-background: #eee;
  --input-border: #ccc;
  --accent: #3987e6;
  --accent-light: #77b4ff;
  --accent-indeterminate: #3987e6aa;
  --button-primary: linear-gradient(to right, var(--b20), var(--b60));
  --button-primary-text: #fff;
  --button-disabled: linear-gradient(to right, var(--g30), var(--g70));
  --button-delete: #e74c3c;
  --table-hover: #20242826;
  --shadow: #13151820;
  --shadow2: #1315180d;
  --placeholder: var(--g60);
  --authorize-header-arrow-color: #666;

  --tinfo: #7bb3e5;
  --terror: #cf6c6c;
  --tsuccess: #5ac682;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Bai Jamjuree', sans-serif;
  font-style: normal;
  font-size: 16px;
  font-weight: 300;

  accent-color: var(--accent);

  scrollbar-width: thin;
  scrollbar-color: var(--accent) transparent;
  &::-webkit-scrollbar-thumb {
    background-color: var(--accent);
  }
  &::-webkit-scrollbar-track {
    background-color: transparent;
  }
  
  /* Theme transition for all elements */
  transition-duration: 300ms;
  transition-behavior: allow-discrete;
  transition-timing-function: ease;
  transition-property:
    background,
    background-color,
    background-image,
    color,
    border-color,
    box-shadow,
    opacity,
    padding,
    grid-template-columns,
    grid-template-rows;
}

.mono,
code {
  font-family: monaco, 'Courier New', monospace;
}

h1, h2, h3, h4, h5, h6, p, ul, ol {
  margin: 8px 0;
}
ul, ol {
  padding-inline-start: 24px;

  & li {
    margin: 4px 0;
  }
}

/* Lists */
ul.comma {
  display: inline;
  padding: 0;
  margin: 0;
  list-style: none;
}
ul.comma li {
  display: inline
}
ul.comma li:not(:last-child):after {
  content: ', '
}

details {
  interpolate-size: allow-keywords;

  &::details-content {
    opacity: 0;
    block-size: 0;
    overflow-y: clip; 
    transition:
      content-visibility 300ms allow-discrete,
      opacity 300ms,
      block-size 300ms;
  }
  &[open]::details-content {
    opacity: 1;
    block-size: auto;
  }
}

.spacer {
  flex: auto;
}

/* Anchors */
a {
  color: var(--b20);

  cursor: pointer;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  text-align: center;
  text-decoration: none;
  /* vertical-align: middle; */
  white-space: nowrap;

  &:hover {
    opacity: .6;
  }
  /* &:visited {
    color: var(--color);
  }
  &:active {
    color: var(--accent);
  } */
}
a.delete {
  color: var(--button-delete);
}

/* Buttons */
a.b,
button {
  display: inline-block;
  /* min-width: 48px;
  min-height: 48px; */
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 12px;
  border: none;
  color: inherit;
  background: none;

  cursor: pointer;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;

  &:hover {
    opacity: .6;
  }
  &:disabled {
    cursor: not-allowed;
  }

  &::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  > * {
    vertical-align: middle;
  }
}

a.b.p,
button.p,
button.primary {
  padding: 6px 18px;

  border-radius: 24px;
  border: 0px solid transparent;
  background: var(--button-primary);

  color: var(--button-primary-text);

  &:disabled {
    background: var(--button-disabled);
  }
}

a.b.s,
button.s,
button.secondary {
  position: relative;
  padding: 6px 18px;

  border-radius: 24px;
  border: 0px solid transparent;
  background: var(--button-primary);

  background-clip: text;
  color: transparent;

  &::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 24px;
    border: 3px solid transparent;
    background: var(--button-primary);

    background-origin: border-box;
    mask: 
      linear-gradient(#000 0 0) content-box, 
      linear-gradient(#000 0 0);
    mask-composite: exclude; 
  }

  &:disabled {
    background: var(--button-disabled);
  }
}

a.b.d,
button.d,
button.delete {
  position: relative;
  padding: 6px 18px;

  border-radius: 24px;
  border: 0px solid transparent;
  background: var(--button-delete);
  background-clip: text;
  color: transparent;

  &::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 24px;
    border: 2px solid transparent;
    background: var(--button-delete);
    background-origin: border-box;
    mask: 
      linear-gradient(#000 0 0) content-box, 
      linear-gradient(#000 0 0);
    mask-composite: exclude; 
  }

  &:disabled {
    background: var(--button-disabled);
  }
}

a.b.i,
button.i,
button.icon {
  height: 36px;
  width: 36px;
  border: none;
  background: none;
  padding: 0;
  color: inherit;
  stroke: inherit;

  &::before {
    display: none;
  }

  & svg {
    height: 100%;
    width: 100%;
  }
}
a.b.i.d,
button.i.d,
button.icon.d {
  color: var(--button-delete);
  stroke: var(--button-delete);
}

input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  border: none;
  border-radius: 6px;
  padding: 6px;
  background: transparent;
  color: inherit;
  border: 1px solid var(--g80);
  outline-color: var(--b60);

  .light & {
    border: 1px solid var(--g30);
  }

  &::placeholder {
    color: var(--placeholder);
  }
  
  &:hover {
    border: 1px solid var(--b20);
  }
}
input[type="color"] {
  padding: 0;
  border: none;
  border-radius: 0;
  cursor: pointer;
}
input[type="checkbox"],
input[type="radio"] {
  height: 20px;
  width: 20px;
  cursor: pointer;
}

html, body {
  min-height: 100%;

  scroll-padding-top: 90px;
  color: var(--color);
  /* Some weird feature where browsers adjust the size of h1, p, etc. when
  on a mobile browser. Setting this to none fixes the issue... */
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
}

/******************************************************************************/
/* global styles */
/******************************************************************************/

.list-style-none {
  list-style: none;
}

/******************************************************************************/
/* body backround */
/******************************************************************************/
.bg {
  position: fixed;
  z-index: -99999;
  height: 100vh;
  width: 100vw;
  /* background: linear-gradient(237deg, rgb(154, 189, 239), rgb(7 71 184), rgb(13 39 96)); */
  background: linear-gradient(237deg, var(--background), var(--b60), var(--background));
  background-position: center;
  background-repeat: no-repeat;

  .light & {
    /* background: linear-gradient(237deg, rgb(200, 220, 255), rgb(100, 150, 220), rgb(50, 100, 180)); */
    background: linear-gradient(237deg, var(--background), var(--b15), var(--background));
  }
}

  .bg-image {
    z-index: -99999;
    transform: perspective(80rem) rotate3d(1, 1,-.75, 55deg) translateX(20%) translateY(20%) scale(2);
    filter: blur(.5px);
    /* transform: perspective(70rem) rotate3d(1, 1,-.75, 55deg); */
  }

/******************************************************************************/
/* nav */
/******************************************************************************/
.header {
  position: fixed;
  top: 0;
  display: flex;
  align-items: center;
  height: 70px;
  width: 100%;
  gap: 8px;
  padding: 8px;
  overflow: hidden;
  background: var(--background2);
  border-bottom: 1px solid var(--border);
  box-shadow: 
    0px 0px 20px 1px var(--shadow),
    0px 0px 120px 1px var(--shadow2);
}

  .theme-toggle {
    padding: 8px 12px;
    border: 1px solid currentColor;
    border-radius: 6px;
    background: transparent;
    border: none;
    color: inherit;
    font-size: 18px;
    cursor: pointer;
  }
  .theme-toggle:hover {
    background: rgba(255, 255, 255, 0.15);
  }
  html.light .theme-toggle:hover {
    background: rgba(0, 0, 0, 0.08);
  }

  .theme-toggle-wrap {
    flex: none;
  }
  .logo {
    flex: none;
    display: flex;
    align-items: center;
    height: 100%;
    text-decoration: none;
  }
    .logo-icon {
      flex: none;
      width: 44px;
    }
    .logo-text {
      flex: none;
      font-size: 22px;
    }

  .nav-links {
    flex: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    text-align: center;

    & a {
      color: var(--color);
    }
  }

  .app {
    flex: none;
    display: block;
  }

  .menu {
    flex: none;
    display: none;
    padding: 10px;

    font-size: 30px;
    cursor: pointer;
  }

  .header > menu {
    /* display: none; */
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;

    list-style: none;
    
    background: var(--background2);
  }

    .header > menu a, 
    .header > menu a:visited, 
    .header > menu a:active {
      display: inline-block;
      width: 100%;
      padding: 10px 25px;
    }
    .header > menu a:hover {
      color: rgb(46,95,197);
      background: #ccc;
    }

  .header > menu.open {
    /* display: block; */
    visibility: visible;
    opacity: 1;
    /* box-shadow: 0 8px 13px -5px rgba(0,0,0,.4); */
    box-shadow: 
      0px 0px 20px 1px var(--shadow),
      0px 0px 120px 1px var(--shadow2);
  }


/******************************************************************************/
/* main */
/******************************************************************************/
body > main {
  padding-top: 70px;
  padding-bottom: 80px;

  opacity: 1;
}

  .hero {
    padding: 150px;
  }

    .hero header h1 {
      font-size: 40px;
    }

    .hero header p {
      font-size: 24px;
    }

  .blade {

    & h2 {
      font-size: 24px;
    }

    &.alt {
      background: var(--background2);
      color: var(--color);
    }

    &.right {
      /* padding: 100px 100px 100px 45%; */
      padding: 100px;
      display: grid;
      grid-template: 100% / calc(45% - 25px) calc(55% - 25px);
      gap: 50px;
    }
    &.left {
      padding: 100px;
      display: grid;
      grid-template: 100% / calc(55% - 25px) calc(45% - 25px);
      gap: 50px;
    }

    & > * {
      margin: 0;
      align-self: center;
    }

    & summary {
      font-size: 18px;
      font-weight: bold;
      cursor: pointer;
    }
    & figure img {
      width: 100%;
      /* box-shadow: 0 1px 15px rgba(0,0,0,.4); */
      box-shadow:
        0 0 6px 1px var(--shadow),
        0 0 20px 1px var(--shadow2);
    }
  }
  
  nav.jumplinks li a {
    color: var(--color);
  }

/******************************************************************************/
/* footer */
/******************************************************************************/
.footer {
  position: fixed;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  width: 100%;
  padding: 8px;

  /* border-top: 1px solid #fff; */
  background: var(--background2);
  border-top: 1px solid var(--border);
  box-shadow:
    0px 0px 20px 1px var(--shadow),
    0px 0px 120px 1px var(--shadow2);
}

/******************************************************************************/
/* 850px or greater */
/******************************************************************************/
@media (min-width: 850px) {

  .header > menu.open {
    display: none;
  }

}

/******************************************************************************/
/* 850px or less */
/******************************************************************************/
@media (max-width: 850px) {

    .bg-image {
      transform: perspective(80rem) rotate3d(1, 1,-.75, 55deg) translateX(20%) translateY(40%) scale(4);
      filter: blur(.25px);
      /* transform: perspective(70rem) rotate3d(1, 1,-.75, 55deg); */
    }
  
  .header {

  }
  
    .nav-links {
      visibility: hidden;
    }

    .app {
      display: none;
    }

    .menu {
      display: block;
    }

  body > main {

  }
  
    .hero {
      padding: 25px;
    }

    .blade.right, .blade.left {
      padding: 20px;
      display: flex;
      flex-flow: column;
    }

  .o2 {
    order: 2;
  }

  .o1 {
    order: 1;
  }

}