.layoutSelector {
  display: flex;
  flex-wrap: wrap;
  max-width: 306px;

  :global {
    .item-wrap {
      width: 94px;
      height: 70px;
      background: #F5F6F7;
      // border: 1px solid #D2D9E5;
      border-radius: 8px;
      margin-bottom: 12px;
      margin-right: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      overflow: hidden;

      &>img {
        width: 100%;
        height: 100%;
      }

      &:nth-of-type(3n) {
        margin-right: 0;
      }

      &.active {
        background: #FFFFFF;
        border: 2px solid #2F54EB;
      }
    }
  }
}