.wv-tilegrid {
  --wv-tile-divider: solid 1rpx var(--wv-border-color);
  --wv-tile-round-radius: var(--wv-border-radius-default);
  --wv-tile-padding-x: var(--wv-padding-small);
  --wv-tile-padding-y: var(--wv-padding-small);
  
  overflow-x: auto;
}

/* Tile items */
.wv-tile {
    box-sizing: border-box;
    position: relative;
    padding: var(--wv-tile-padding-y) var(--wv-tile-padding-x);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.wv-tile.horizontal {
    flex-direction: row;
    align-items: center;
}

.wv-tile.vertical {
    flex-direction: column;
}


/* Icon and label styling */
.wv-tile .icon-area {
    display: flex;
    align-items: center;
    justify-content: center;
}

.wv-tile .label {
    font-size: 28rpx;
    text-align: center;
    color: var(--wv-font-color-default);
    white-space: normal;
}
.wv-tile .label.nowrap, .wv-tile.nowrap .label, .wv-tilegrid.item-nowrap .wv-tile .label {
    white-space: nowrap;
}

.wv-tilegrid.with-dividers .wv-tile::after {
    content: '';
    position: absolute;
    right: -0.5rpx;
    top: 20%;
    bottom: 20%;
    width: 1rpx;
    background: rgba(var(--wv-rgb-content-theme, var(--wv-border-color-rgb)), 1);
    z-index: 1;
}

.wv-tilegrid.grid-1.with-dividers .wv-tile:nth-child(1n)::after {display: none;}
.wv-tilegrid.grid-2.with-dividers .wv-tile:nth-child(2n)::after {display: none;}
.wv-tilegrid.grid-3.with-dividers .wv-tile:nth-child(3n)::after {display: none;}
.wv-tilegrid.grid-4.with-dividers .wv-tile:nth-child(4n)::after {display: none;}
.wv-tilegrid.grid-5.with-dividers .wv-tile:nth-child(5n)::after {display: none;}
.wv-tilegrid.grid-6.with-dividers .wv-tile:nth-child(6n)::after {display: none;}
.wv-tilegrid.grid-7.with-dividers .wv-tile:nth-child(7n)::after {display: none;}
.wv-tilegrid.grid-8.with-dividers .wv-tile:nth-child(8n)::after {display: none;}
.wv-tilegrid.grid-9.with-dividers .wv-tile:nth-child(9n)::after {display: none;}
.wv-tilegrid.grid-10.with-dividers .wv-tile:nth-child(10n)::after {display: none;}
.wv-tilegrid.grid-11.with-dividers .wv-tile:nth-child(11n)::after {display: none;}
.wv-tilegrid.grid-12.with-dividers .wv-tile:nth-child(12n)::after {display: none;}
.wv-tilegrid.grid-13.with-dividers .wv-tile:nth-child(13n)::after {display: none;}
.wv-tilegrid.grid-14.with-dividers .wv-tile:nth-child(14n)::after {display: none;}
.wv-tilegrid.grid-15.with-dividers .wv-tile:nth-child(15n)::after {display: none;}
.wv-tilegrid.grid-16.with-dividers .wv-tile:nth-child(16n)::after {display: none;}
.wv-tilegrid.grid-17.with-dividers .wv-tile:nth-child(17n)::after {display: none;}
.wv-tilegrid.grid-18.with-dividers .wv-tile:nth-child(18n)::after {display: none;}
.wv-tilegrid.grid-19.with-dividers .wv-tile:nth-child(19n)::after {display: none;}
.wv-tilegrid.grid-20.with-dividers .wv-tile:nth-child(20n)::after {display: none;}
.wv-tilegrid.grid-21.with-dividers .wv-tile:nth-child(21n)::after {display: none;}
.wv-tilegrid.grid-22.with-dividers .wv-tile:nth-child(22n)::after {display: none;}
.wv-tilegrid.grid-23.with-dividers .wv-tile:nth-child(23n)::after {display: none;}
.wv-tilegrid.grid-24.with-dividers .wv-tile:nth-child(24n)::after {display: none;}