@import './popup.less';

  @import './cui/base/fn';
  .keyboard-content{
    padding: 20/@w2 10/@w2 25/@w2;
    background-color: #d1d6dc;
    .keyboard-list{
      display: flex;
      justify-content: center;
      &:not(:last-child){
        margin-bottom: 23/@w2;
      }
      li{
        width: 64/@w2;
        height: 90/@w2;
        background-color: #ffffff;
        box-shadow: 0px 2/@w2 8/@w2 0px
        rgba(101, 104, 107, 0.5),
        inset 0px -3/@w2 0px 0px
        rgba(209, 214, 220, 0.5);
        border-radius: 8/@w2;
        text-align: center;
        line-height: 90/@w2;
        list-style-type: none;
        font-size: 15px;
        &:not(:last-child){
          margin-right: 10/@w2;
        }
        &.end{
          width: 138/@w2;
          background-color: #5890ff;
          color: #ffffff;
        }
        &.delete{
          display: flex;
          justify-content: center;
          align-items: center;
        }
        .delete-icon{
          display: block;
          width: 44/@w2;
          height: 40/@w2;
        }
        &.touch-start{
          background-color: #8f969e;
        }
      }

    }
  }