@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto[wdth,wght].ttf") format("truetype"),
       url("https://cdn.jsdelivr.net/gh/google/fonts@5e35378e6bda803962ee6fd257e444a7d459660d/ofl/roboto/Roboto%5Bwdth,wght%5D.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 75% 100%;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-Italic[wdth,wght].ttf") format("truetype"),
       url("https://cdn.jsdelivr.net/gh/google/fonts@5e35378e6bda803962ee6fd257e444a7d459660d/ofl/roboto/Roboto-Italic%5Bwdth,wght%5D.ttf") format("truetype");
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 75% 100%;
  font-display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/opensans/OpenSans[wdth,wght].ttf") format("truetype"),
       url("https://cdn.jsdelivr.net/gh/google/fonts@5e35378e6bda803962ee6fd257e444a7d459660d/ofl/opensans/OpenSans%5Bwdth,wght%5D.ttf") format("truetype");
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 75% 100%;
  font-display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/opensans/OpenSans-Italic[wdth,wght].ttf") format("truetype"),
       url("https://cdn.jsdelivr.net/gh/google/fonts@5e35378e6bda803962ee6fd257e444a7d459660d/ofl/opensans/OpenSans-Italic%5Bwdth,wght%5D.ttf") format("truetype");
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 75% 100%;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat/Montserrat[wght].ttf") format("truetype"),
       url("https://cdn.jsdelivr.net/gh/google/fonts@5e35378e6bda803962ee6fd257e444a7d459660d/ofl/montserrat/Montserrat%5Bwght%5D.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat/Montserrat-Italic[wght].ttf") format("truetype"),
       url("https://cdn.jsdelivr.net/gh/google/fonts@5e35378e6bda803962ee6fd257e444a7d459660d/ofl/montserrat/Montserrat-Italic%5Bwght%5D.ttf") format("truetype");
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter[opsz,wght].ttf") format("truetype"),
       url("https://cdn.jsdelivr.net/gh/google/fonts@5e35378e6bda803962ee6fd257e444a7d459660d/ofl/inter/Inter%5Bopsz,wght%5D.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-Italic[opsz,wght].ttf") format("truetype"),
       url("https://cdn.jsdelivr.net/gh/google/fonts@5e35378e6bda803962ee6fd257e444a7d459660d/ofl/inter/Inter-Italic%5Bopsz,wght%5D.ttf") format("truetype");
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
}

@font-face { font-family: "Be Vietnam Pro"; src: url("../fonts/bevietnampro/BeVietnamPro-Regular.ttf") format("truetype"), url("https://cdn.jsdelivr.net/gh/google/fonts@5e35378e6bda803962ee6fd257e444a7d459660d/ofl/bevietnampro/BeVietnamPro-Regular.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "Be Vietnam Pro"; src: url("../fonts/bevietnampro/BeVietnamPro-Medium.ttf") format("truetype"), url("https://cdn.jsdelivr.net/gh/google/fonts@5e35378e6bda803962ee6fd257e444a7d459660d/ofl/bevietnampro/BeVietnamPro-Medium.ttf") format("truetype"); font-style: normal; font-weight: 500; font-display: swap; }
@font-face { font-family: "Be Vietnam Pro"; src: url("../fonts/bevietnampro/BeVietnamPro-SemiBold.ttf") format("truetype"), url("https://cdn.jsdelivr.net/gh/google/fonts@5e35378e6bda803962ee6fd257e444a7d459660d/ofl/bevietnampro/BeVietnamPro-SemiBold.ttf") format("truetype"); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: "Be Vietnam Pro"; src: url("../fonts/bevietnampro/BeVietnamPro-Bold.ttf") format("truetype"), url("https://cdn.jsdelivr.net/gh/google/fonts@5e35378e6bda803962ee6fd257e444a7d459660d/ofl/bevietnampro/BeVietnamPro-Bold.ttf") format("truetype"); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: "Be Vietnam Pro"; src: url("../fonts/bevietnampro/BeVietnamPro-ExtraBold.ttf") format("truetype"), url("https://cdn.jsdelivr.net/gh/google/fonts@5e35378e6bda803962ee6fd257e444a7d459660d/ofl/bevietnampro/BeVietnamPro-ExtraBold.ttf") format("truetype"); font-style: normal; font-weight: 800; font-display: swap; }
@font-face { font-family: "Be Vietnam Pro"; src: url("../fonts/bevietnampro/BeVietnamPro-Black.ttf") format("truetype"), url("https://cdn.jsdelivr.net/gh/google/fonts@5e35378e6bda803962ee6fd257e444a7d459660d/ofl/bevietnampro/BeVietnamPro-Black.ttf") format("truetype"); font-style: normal; font-weight: 900; font-display: swap; }
@font-face { font-family: "Be Vietnam Pro"; src: url("../fonts/bevietnampro/BeVietnamPro-Italic.ttf") format("truetype"), url("https://cdn.jsdelivr.net/gh/google/fonts@5e35378e6bda803962ee6fd257e444a7d459660d/ofl/bevietnampro/BeVietnamPro-Italic.ttf") format("truetype"); font-style: italic; font-weight: 400; font-display: swap; }

body[data-public-font="roboto"] { --public-font-family: "Roboto", "Noto Sans", "Segoe UI", Arial, sans-serif; }
body[data-public-font="open-sans"] { --public-font-family: "Open Sans", "Noto Sans", "Segoe UI", Arial, sans-serif; }
body[data-public-font="montserrat"] { --public-font-family: "Montserrat", "Roboto", "Noto Sans", "Segoe UI", Arial, sans-serif; }
body[data-public-font="inter"] { --public-font-family: "Inter", "Roboto", "Noto Sans", "Segoe UI", Arial, sans-serif; }
body[data-public-font="be-vietnam-pro"] { --public-font-family: "Be Vietnam Pro", "Roboto", "Noto Sans", "Segoe UI", Arial, sans-serif; }
body[data-public-font="arial"] { --public-font-family: Arial, Helvetica, sans-serif; }
body[data-public-font="helvetica"] { --public-font-family: Helvetica, Arial, sans-serif; }
body[data-public-font="georgia"] { --public-font-family: Georgia, "Times New Roman", serif; }
body[data-public-font="times-new-roman"] { --public-font-family: "Times New Roman", Times, Georgia, serif; }

body[data-public-font] {
  font-family: var(--public-font-family, "Roboto", "Noto Sans", "Segoe UI", Arial, sans-serif);
}