.expandable--closed, .expandable--open { margin-bottom: var(--spacing-s); } .expandable--closed { max-height: 10rem; overflow: hidden; position: relative; -webkit-mask-image: -webkit-gradient(linear, left 30%, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))); } .expandable--open { max-height: 100%; }