This an experiment to load untranspiled styles in modern browsers, but transpiled ones in old ones.
We can use -ms-high-contrast to target browsers running on
Windows. Theoretically, this would also target Edge. Luckily,
-ms-high-contrast: none is not supported in Edge anymore.
The other way round, any well-supported Media Queries Level 4 value will never be supported in IE11.
This means we can use
(pointer: fine), (pointer: coarse), (pointer: none) to target
new browsers.
The following box will be blue and have a border-radius of
0 if your browser supports
-ms-high-contrast: none.
If your browser supports the pointer media query, it will be
violet and have a rounded corner.