@media only screen and (min-width: 740px) {
  :root {
    --vel-layout-spacing-01: 4px;
    --vel-layout-spacing-02: 8px;
    --vel-layout-spacing-03: 16px;
    --vel-layout-spacing-04: 24px;
    --vel-layout-spacing-05: 32px;
    --vel-layout-spacing-06: 48px;
    --vel-layout-spacing-07: 64px;
    --vel-layout-spacing-08: 96px;
  }
}
@media only screen and (min-width: 740px) {
  :root {
    --vel-typography-headline-100-font_size: 16px;
    --vel-typography-headline-100-line_height: 1;
    --vel-typography-headline-200-font_size: 20px;
    --vel-typography-headline-200-line_height: 1.2;
    --vel-typography-headline-300-font_size: 24px;
    --vel-typography-headline-300-line_height: 1.3333333333333333;
    --vel-typography-headline-400-font_size: 32px;
    --vel-typography-headline-400-line_height: 1.25;
    --vel-typography-headline-500-font_size: 44px;
    --vel-typography-headline-500-line_height: 1.2727272727272727;
    --vel-typography-headline-600-font_size: 56px;
    --vel-typography-headline-600-line_height: 1.2857142857142858;
  }
}
@media only screen and (min-width: 1278px) {
  :root {
    --vel-typography-headline-100-font_size: 16px;
    --vel-typography-headline-100-line_height: 1.5;
    --vel-typography-headline-200-font_size: 20px;
    --vel-typography-headline-200-line_height: 1.4;
    --vel-typography-headline-300-font_size: 28px;
    --vel-typography-headline-300-line_height: 1.2857142857142858;
    --vel-typography-headline-400-font_size: 40px;
    --vel-typography-headline-400-line_height: 1.2;
    --vel-typography-headline-500-font_size: 52px;
    --vel-typography-headline-500-line_height: 1.2307692307692308;
    --vel-typography-headline-600-font_size: 68px;
    --vel-typography-headline-600-line_height: 1.1764705882352942;
  }
}