/**
 * FOUC Prevention for Container CSS
 * 
 * This stylesheet hides custom elements until they are defined by the browser,
 * preventing a flash of unstyled content (FOUC) while JavaScript loads.
 * 
 * Usage:
 *   Import this file in your HTML or CSS:
 *   
 *   HTML:
 *   <link rel="stylesheet" href="node_modules/container-css/fouc-prevention.css">
 *   
 *   CSS:
 *   @import 'container-css/fouc-prevention.css';
 *   
 *   JavaScript (if using a bundler):
 *   import 'container-css/fouc-prevention.css';
 */

container-box:not(:defined),
container-flex:not(:defined),
container-flexrow:not(:defined),
container-flexcol:not(:defined) {
  display: none;
}