@layer component.base {
  .domino {
    display: flex;
    gap: 1rem;
    flex-direction: column;
  }

  .domino__item--1 {
    grid-area: 🟥;
  }
  .domino__item--2 {
    grid-area: 🟧;
  }
  .domino__item--3 {
    grid-area: 🟨;
  }
  .domino__item--4 {
    grid-area: 🟩;
  }
  .domino__item--5 {
    grid-area: 🟦;
  }
  .domino__item--6 {
    grid-area: 🟪;
  }

  .domino__item {
    display: grid;
  }
}