ema-collapsible {

  .ema-card-header-title {
    cursor: pointer;
    position: relative;
    // Define the style rules for the 'arrow icons'
    span {
      cursor: pointer;
      position: absolute;
      right: 1em;
      top: 0.6em;
      font-size: 0.6em;
    }
  }

  // Following classes display/hide the 'menu'
  // based on the state change detection in the component class
  .active {
    display: block;
  }

  .inactive {
    display: none;
  }
}