/**
 * Custom media definitions, deliberately kept in a file of their own.
 *
 * postcss-custom-media >= 9 resolves each file in isolation, so a component
 * stylesheet cannot see definitions declared elsewhere. postcss-global-data
 * injects this file into every processed stylesheet (see vite.config.ts) by
 * parsing it whole and appending its nodes. That is why only at-rules belong
 * here: a normal rule would be injected into every file too.
 */
@custom-media --mobile (max-width: 767px);
@custom-media --desktop (min-width: 768px);