:host {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000;
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
}

* {
  transform: translate3d(0, 0, 0);
}

.content {
  position: fixed;
  display: flex;
  flex-direction: column;
  bottom: 0;
  left: 0;
  right: 0;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
.content.transition {
  transition: transform 0.4s ease;
}
.content.fullExpand {
  overflow-y: scroll;
}
.content .full-content {
  flex: 1;
  background-color: #fff;
}

.hide {
  display: none;
}

.bottomOverlay {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  height: 40vh;
}