$COLLAPSED_HEIGHT: 120px;

.expandable {
  max-height: 120px;
  position: relative;
  overflow-y: hidden;
}

.expandable--closed,
.expandable--open {
  margin-bottom: var(--spacing-s);
}

.expandable--closed-fade {
  -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%;
}