:host {
  display: block;
}

.sidenav-header {
  position: absolute;
  top: 0;
  left: 0;
  width: -webkit-fill-available;

  display: flex;
  justify-content: space-between;
  background-color: white;
  padding: 10px;
  align-items: center;
  box-shadow: 0 0.5rem 1rem 0 rgb(44 51 73 / 10%);

  .group-left,
  .group-right {
    display: flex;
    
    .mat-icon {
      padding: 0 5px;
    }
  }

  .toggle-sidenav {
    font-size: 20px;
    cursor: pointer;
  }
}