// === Font ===
@media (min-width: 768px) {
  @font-face {
    font-family: Roboto;
    font-display: swap;
    src: local('Roboto'), local('Roboto Regular'), local('Roboto-Regular'),
      url(/ui/f/Roboto-Regular.woff2) format('woff2'),
      url(/ui/f/Roboto-Regular.woff) format('woff'),
      url(/ui/f/Roboto-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
  }

  @font-face {
    font-family: Roboto;
    font-display: swap;
    src: local('Roboto Bold'), local('Roboto-Bold'),
      url(/ui/f/Roboto-Bold.woff2) format('woff2'),
      url(/ui/f/Roboto-Bold.woff) format('woff'),
      url(/ui/f/Roboto-Bold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
  }
}