.#{$cell-prefix-cls} {
  background-color: $white;

  &__item {
    border-right: $border-width-sm solid $gray-12;
    border-bottom: $border-width-sm solid $gray-12;

    &::after {
      display: block;
      padding-bottom: 100%;
      content: "";
    }

    &--active {
      background-color: $gray-3;
    }
  }

  > .row {
    &:last-child{
      .#{$cell-prefix-cls}__item {
        border-bottom-color: transparent;
      }
    }

    > [class^="col"]:last-child {
      .#{$cell-prefix-cls}__item {
        border-right-color: transparent;
      }
    }
  }

  &__content {
    position: absolute;
    top: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    transform: translateY(-50%);
  }

  &__icon {
    margin-bottom: $cell-icon-margin-y;

    i {
      font-size: $cell-icon-font-size;
    }
  }

  &__text {
    font-size: $cell-text-font-size;
    color: $gray-10;
  }
}
