/**
 * Default breakpoint custom properties and media queries
 */
@custom-media --bp1 (min-width: 20rem);
@custom-media --bp2 (min-width: 30rem);
@custom-media --bp3 (min-width: 42.5rem);
@custom-media --bp4 (min-width: 60rem);
@custom-media --bp5 (min-width: 71.25rem);

:root {
  --bp1: calc(320 / 16 * 1rem);
  --bp2: calc(480 / 16 * 1rem);
  --bp3: calc(680 / 16 * 1rem);
  --bp4: calc(960 / 16 * 1rem);
  --bp5: calc(1140 / 16 * 1rem);
}