:root {
  --yellow-hl-rgb: 254, 196, 49;
  --yellow-hl: #eb2;
  --yellow: #fc3;
  --purple-rgb: 154, 76, 236;
  --purple: #9a4cec;
  --blue: #5345d8;
  --indigo: #4c2884;
  --purple-grad: linear-gradient(to right, var(--blue), var(--purple));
}

body {
  background: #fc3;
}

.blur-16 {
  background: #fff8;
  backdrop-filter: blur(16px);
  --webkit-backdrop-filter: blur(16px);
  --moz-backdrop-filter: blur(16px);
}

.blur-8 {
  background: #fff8;
  backdrop-filter: blur(8px);
  --webkit-backdrop-filter: blur(8px);
  --moz-backdrop-filter: blur(8px);
}

.bg-fff {
  background: #fff;
}

.bg-222 {
  background: #222;
  color: #fff !important;
}

.bg-fc3 {
  background: var(--yellow);
  color: #000;
}

.bg-349 {
  background: #349;
  color: #fff;
}

svg {
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.flow-h {
  overflow: hidden;
}