@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;

@import '/assets/8558a8d018d38338253459eff0e0d3e88cfa551d34fce3206fe72b5b9785cd22/components/grid/grid.css';
@import '/assets/8558a8d018d38338253459eff0e0d3e88cfa551d34fce3206fe72b5b9785cd22/components/choice-grid-item/choice-grid-item.css';

@layer cinder.components {
  /* ========================================
   * CHOICE GRID — parent container
   * ======================================== */

  /* Disabled grid dims every item. Individual item disabled states also apply. */
  .cinder-choice-grid {
    inline-size: 100%;
  }

  .cinder-choice-grid[data-cinder-disabled] {
    opacity: 0.6;
    pointer-events: none;
  }
}