/* Basscss Responsive Layout */

@import "./lib/sm-layout";
@import "./lib/md-layout";
@import "./lib/lg-layout";

@custom-media --breakpoint-sm (min-width: 40em);
@custom-media --breakpoint-md (min-width: 52em);
@custom-media --breakpoint-lg (min-width: 64em);

:root {
  --width-1: 24rem;
  --width-2: 32rem;
  --width-3: 48rem;
  --width-4: 64rem;
}