article.dibsBox {
    display: grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap: 1rem; border-top: 1px solid #000;
    padding:1rem 0;
}
article.dibsBox > div.dibsBox {
    display: flex; flex-direction: column; gap: .5rem;
}
article.dibsBox > div.dibsBox > div.img {
    border:1px solid #ebebeb; cursor: pointer; position: relative;
}
article.dibsBox > div.dibsBox > div.img > button {
    position: absolute; top:0; left:0; aspect-ratio: 1/1; width:30px; line-height: unset;
}
article.dibsBox > div.dibsBox > div.title {
    font-size:.875rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
article.dibsBox > div.dibsBox > div.amount {
    font-size:1rem; font-weight: 500; color:#333; text-align: right;
}