mavend/octoboard

.grid {
  background: #717171;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(18.5 * 46px);
  height: calc(18.5 * 46px);
  border-radius: 3px;

  & table {
    border: 2px solid #e4e4e4;
    border-radius: 5px;
    background: #e4e4e4;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px 2px;
    border-spacing: 5px;
    transition: background-color 0.3s 0.08s, border-color 0.3s 0.08s;
  }

  .cell {
    width: 46px;
    height: 46px;
    padding: 0;
    position: relative;
  }

  &_selection {
    & table {
      border-color: #b1b1b1;
      background: #b1b1b1;
    }
  }
}