#keyboards {
  /* See the new mozpasspointerevents attribute added in bug 796452 */
  pointer-events: none;

  position: absolute;
  bottom: 0;

  width: 100%;
  height: 100%;

  transform: translateY(0);
  transition: opacity 0.2s ease, transform 0.4s ease;
}

#keyboards.hide {
  opacity: 0;
  transform: translateY(100%);
  /* ease-in for disappearing */
  transition: opacity 0.4s ease-in, transform 0.4s ease-in;
}

#keyboards.no-transition {
  transition: none !important;
}

@media not all and (-moz-physical-home-button) {
  #screen:not(.software-button-disabled) #keyboards {
    bottom: 0;
  }
}

#screen.software-button-enabled #keyboards {
  bottom: 0;
}

@media (orientation: landscape) {
  #screen.software-button-enabled #keyboards {
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
  }
}

#keyboards iframe {
  position: absolute;
  bottom: 0;

  width: 100%;
  height: 100%;
  border: 0;
}

#keyboards iframe.hide {
  transform: translateY(100%);
}

/* notification */
#keyboard-show-ime-list > .fake-notification {
  box-sizing: border-box;

  /* wait for activate */
  display: none;
}

#keyboard-show-ime-list > .fake-notification.activated {
  display: block;
}

#keyboard-show-ime-list > .fake-notification > .title-container {
  margin: 1.4rem 0 0 3.7rem;
}

#keyboard-show-ime-list > .fake-notification > .detail {
  margin-left: 3.7rem;
}