label .fa-chevron-down {
    transform: rotate(180deg);
}

.grid-card {
    box-shadow: lightgray 0px 0px 2px 2px;
    transition: box-shadow 0.3s ease;
    background-color: var(--zu-color-gray-200);
    min-width: 0;
    border-radius: 7.5px;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    margin-bottom: 15px;
}

.fa-chevron-down.icon-chevron {
    transition: transform 0.3s ease;
}

input[id^="card-filter-"]:checked~div>label>.fa-chevron-down.icon-chevron {
    transform: scaleX(-1);
}

.grid-card.selected {
    box-shadow: var(--zu-color-select) 0px 0px 2px 2px;
}

.card-filter-body {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease;
}

input[id^="card-filter-"]:checked~.card-filter-body {
    height: auto;
}

.zu-card-check {
    width: 30px;
    float: left;
    height: 100%;
}

.zu-card-items {
    width: calc(100% - 32px);
    float: left;
}

.zu-card-check div{
    width: 100%;
    height: 100%;
}