/*!
  *  Copyright (C) 2019 Robert Bosch GmbH Copyright (C) 2019 Robert Bosch Manufacturing Solutions GmbH, Germany. All rights reserved.
 */

@import '@bci-web-core/common-styles/sass/bci/bci-variables';

:host {
  display: inline-block;
  cursor: pointer;
  transition: 0.5s ease-in-out;
  font-size: 24px;
  position: absolute;
  right: 17px;
  top: 20px;

  .burger-line {
    height: 1px;
    width: 16px;
    background-color: currentColor;
    transition: 0.4s;

    &:not(:last-child) {
      margin-bottom: 4px;
    }

    &.burgerMiddle {
      opacity: 0;
    }

    &.burgerTop {
      transform: translateY(calc(4px + 1px)) rotate(-45deg);
      transform-origin: 50% 50%;
      opacity: 1;
    }

    &.burgerBottom {
      transform: translateY(calc(-4px + -1px)) rotate(45deg);
      transform-origin: 50% 50%;
      opacity: 1;
    }
  }
}

:host[ng-reflect-open='true'] {
  right: 13px;
  top: 18px;
  .burger-line {
    width: 21px;
  }
}
