.pref-desc {
    --pref-line-height: 1.2;
    --pref-collapsed-rows: 3;

    line-height: var(--pref-line-height);
    max-height: calc(1em * var(--pref-line-height) * var(--pref-collapsed-rows));

    display: -webkit-box;
    -webkit-line-clamp: var(--pref-collapsed-rows);
    -webkit-box-orient: vertical;
    overflow: hidden;

    transition: max-height 350ms ease;
}

.pref-card.is-open .pref-desc {
    -webkit-line-clamp: unset;
}