/* =================================================== */
/* VIEWPORT SCALER */
/* =================================================== */

@media all and (max-width: 399px) {
  :root {
    --p-root-font-size: calc((10 * 100vw) / 400);
  }
}

@media all and (min-width: 400px) and (max-width: 2000px) {
  :root {
    --p-root-font-size: var(--p-font-size-base-percentage);
  }
}

@media all and (min-width: 2001px) {
  :root {
    --p-root-font-size: var(--p-font-size-base-percentage);
  }

  html.presentation-mode {
    --p-root-font-size: calc((10 * 100vw) / 2000);
  }
}