.demio-collapse-container {
  width: 100%;
  visibility: hidden;
  max-height: 0;

  &.--show-left-border {
    border-left: 1px solid #EFF3F6;
    padding-left: 16px;
  }

  &.--open {
    visibility: visible;
    animation: collapseFadeIn 0.3s;
    max-height: 100rem;
    transition: max-height 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    overflow: hidden;
  }
}

@keyframes collapseFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}