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

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