:root {
  --ui-scale: 0.67;
}

/*
  Goal: make 100% browser zoom look like ~67% zoom.
  Prefer `zoom` when supported (better fidelity for canvases/charts).
  Fallback to transform scaling when `zoom` is not supported.
*/

@supports (zoom: 1) {
  html {
    zoom: var(--ui-scale);
  }
}

@supports not (zoom: 1) {
  html {
    transform: scale(var(--ui-scale));
    transform-origin: top left;
    width: calc(100% / var(--ui-scale));
    height: calc(100% / var(--ui-scale));
  }
}

@media print {
  html {
    zoom: 1 !important;
    transform: none !important;
    width: auto !important;
    height: auto !important;
  }
}