@font-face {
  font-family: "Onest";
  src: url("../fonts/onest.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --ml-red: #dd2628;
  --ml-red-2: #f1373e;
  --ml-yellow: #ffd323;
  --ml-ink: #122033;
  --ml-muted: #586273;
  --ml-line: #e5e7ed;
  --ml-soft: #fff3f1;
  --ml-soft-strong: #ffe6e5;
  --ml-panel: #fff8f6;
}

body.ml-mockup {
  margin: 0;
  padding: 0;
  background: #fff;
  color: var(--ml-ink);
  font-family: "Onest", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.45;
}

.ml-mockup a { text-decoration: none; }

.ml-mockup .sprite {
  display: none;
}

.ml-mockup .ml-icon {
  width: 1em;
  height: 1em;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.2;
}