@media (width >= 500px) and (width <= 1200px) {
  .rule {
    color: red;
  }
}

@custom-media --only-medium-screen (width >= 500px) and (width <= 1200px);

@media (--only-medium-screen) {
  .rule {
    color: blue;
  }
}