:root {
  --color-theme: #404040;
  --color-theme-rgb: 64, 64, 64;
  --color-theme-hue: 0;
  --color-theme-saturation: 0%;
  --color-theme-lightness: 25.098039215686%;
  --color-theme-hover-difference: 10%;
  --color-theme-hover: hsl(var(--color-theme-hue), var(--color-theme-saturation), calc(var(--color-theme-lightness) - var(--color-theme-hover-difference)));
  --color-theme-font: #333333;
  --color-theme-font-rgb: 51, 51, 51;
  --color-theme-font-initial: #333333;
  --color-background: #ffffff;
  --color-background-additional: #f5f3f1;
  --font-family: Onest, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-header: Unbounded, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --border-radius: 20px;
  --gap-base: 30px;
  --gap-base-inner: 20px;
}
@media (max-width: 991.98px) {
  :root {
      --gap-base: calc(30px / 3 * 2);
  }
}