html.js:before {
  position: absolute !important;
  display: block;
  padding: 0;
  border: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
  word-wrap: normal;
}

html.js:before {
  content: 'xs';
}

@media screen and (min-width: 48em) {
  html.js:before {
    content: 'sm';
  }
}

@media screen and (min-width: 64em) {
  html.js:before {
    content: 'md';
  }
}