.collapsible-list {
    position: relative;
}

.collapsible-content {
    max-height: 26rem; /* fixed collapsed height */
    overflow: hidden;
    position: relative;
}

.collapsible-content::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 4rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
    pointer-events: none;
}

.collapsible-list.is-expanded .collapsible-content {
    max-height: none;
}

.collapsible-list.is-expanded .collapsible-content::after {
    display: none;
}