$motionOK: "(prefers-reduced-motion: no-preference)";
$motionNotOK: "(prefers-reduced-motion: reduce)";
$opacityOK: "(prefers-reduced-transparency: no-preference)";
$opacityNotOK: "(prefers-reduced-transparency: reduce)";
$useDataOK: "(prefers-reduced-data: no-preference)";
$useDataNotOK: "(prefers-reduced-data: reduce)";
$OSdark: "(prefers-color-scheme: dark)";
$OSlight: "(prefers-color-scheme: light)";
$highContrast: "(prefers-contrast: more)";
$lowContrast: "(prefers-contrast: less)";
$invertedColors: "(inverted-colors: inverted)";
$forcedColors: "(forced-colors: active)";
$portrait: "(orientation: portrait)";
$landscape: "(orientation: landscape)";
$HDcolor: "(dynamic-range: high) or (color-gamut: p3)";
$touch: "(hover: none) and (pointer: coarse)";
$stylus: "(hover: none) and (pointer: fine)";
$pointer: "(hover) and (pointer: coarse)";
$mouse: "(hover) and (pointer: fine)";
$xxs-only: "(min-width: 0) and (max-width: 239.999px)";
$xxs-n-above: "(min-width: 240px)";
$xxs-n-below: "(max-width: 239.999px)";
$xxs-phone: "(min-width: 0) and (max-width: 239.999px) and (orientation: portrait)";
$xs-only: "(min-width: 240px) and (max-width: 359.999px)";
$xs-n-above: "(min-width: 360px)";
$xs-n-below: "(max-width: 359.999px)";
$xs-phone: "(min-width: 240px) and (max-width: 359.999px) and (orientation: portrait)";
$sm-only: "(min-width: 360px) and (max-width: 479.999px)";
$sm-n-above: "(min-width: 480px)";
$sm-n-below: "(max-width: 479.999px)";
$sm-phone: "(min-width: 360px) and (max-width: 479.999px) and (orientation: portrait)";
$md-only: "(min-width: 480px) and (max-width: 767.999px)";
$md-n-above: "(min-width: 768px)";
$md-n-below: "(max-width: 767.999px)";
$md-phone: "(min-width: 480px) and (max-width: 767.999px) and (orientation: portrait)";
$lg-only: "(min-width: 768px) and (max-width: 1024px)";
$lg-n-above: "(min-width: 1024px)";
$lg-n-below: "(max-width: 1024px)";
$lg-phone: "(min-width: 768px) and (max-width: 1024px) and (orientation: portrait)";
$xl-only: "(min-width: 1024px) and (max-width: 1440px)";
$xl-n-above: "(min-width: 1440px)";
$xl-n-below: "(max-width: 1440px)";
$xxl-only: "(min-width: 1440px) and (max-width: 1920px)";
$xxl-n-above: "(min-width: 1920px)";
$xxl-n-below: "(max-width: 1920px)";