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

@import '/assets/62fd69eaa3ece1b294e1a2547d68d8c2dc7cf5425735c4cb0376d8c40531dac6/components/grid/grid.css';
@import '/assets/62fd69eaa3ece1b294e1a2547d68d8c2dc7cf5425735c4cb0376d8c40531dac6/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;
  }
}