paper-header-panel {
  display: block;
  position: relative;
  height: 100%;
  z-index: 0;

  [data-id=mainContainer].paper-header-panel {
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    flex-basis: 0.0001px;
  }

  &[mode=scroll] [data-id=mainContainer].paper-header-panel {
    overflow: visible;
  }

  &[mode=scroll] {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }

  &[mode=cover] [data-id=mainContainer].paper-header-panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  paper-toolbar,
  .paper-header {
    position: relative;
    overflow: visible !important;
  }

  paper-toolbar:after,
  .paper-header:after {
    content: '';
    transition: opacity 0.5s, transform 0.5s;
    opacity: 0;
    width: 100%;
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 1;
    transform: scale3d(1, 0, 1);
    transform-origin: 0% 0%;
  }

  paper-toolbar.has-shadow:after,
  .paper-header.has-shadow:after {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}