#keyboard-tips
  position fixed
  top 80px
  left 20px
  z-index 999
  background var(--efu-maskbgdeep)
  border-radius 12px
  border var(--style-border)
  padding 20px
  display flex
  flex-direction column
  backdrop-filter saturate(180%) blur(20px)
  transform translateZ(0)
  pointer-events none
  box-shadow var(--efu-shadow-border)
  opacity 0
  transition .3s

  &.show
    opacity 1
    transition .1s

  .keyboardTitle
    font-size 12px
    color var(--efu-secondtext)
    line-height 1

  .keyboardList
    display flex
    flex-direction column
    margin-top 8px

  .keyboardItem
    display flex
    margin-top 4px

  .keyGroup
    display flex
    align-items center
    width 90px

    .key
      padding 0.2em 0.4em
      font-family inherit
      background-color var(--efu-card-bg)
      color var(--efu-fontcolor)
      border var(--style-border)
      border-color var(--efu-secondtext)
      border-bottom 2px solid var(--efu-secondtext)
      box-shadow var(--efu-shadow-border)
      border-radius 0.25rem
      overflow-wrap break-word
      overflow-x auto
      font-weight 500
      font-size .875em
      margin-right 4px
      vertical-align baseline
      line-height 1
      height 24px