CSS 代码中的@from-width & @from-table 到底是什么

我正在尝试阅读一些代码，我在样式化的 jsx 中看到以下“注释”：

@from-width tablet {
  h1 {
    font-size: ${`calc(${theme.font.size.xxxl} * 1.2)`};
  }
}

@from-width desktop {
  h1 {
    font-size: ${`calc(${theme.font.size.xxxl} * 1.4)`};
  }
}

@below desktop {
  ul {
    padding-top: 10px;
  }
}

我很想知道此处使用的 @from-width、@below 术语是什么。以及他们的目的是什么。

虽然我知道这些块定义了不同屏幕尺寸的 css，但我在网上找不到任何语法信息。

我也尝试在 google 上搜索，但找不到任何提及。我还在存储库中进行了搜索，但也没有找到这些术语的任何“声明/定义”。