.r-s {
  :global {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 2;
    background-color: #fff;
    overflow-y: auto;
    overflow-x: hidden;

    .am-search {
      height: 48px;
    }

    .am-search-input {
      height: 32px;
    }

    .block {
      width: 100%;
      height: 55px;
    }

    .user-list {
      height: calc(100vh - 147px);
      overflow-y: auto;
    }

    .widget-user-li {
      line-height: 54px;
      font-size: var(--title-default-size);
      color: #000;
      width: calc(~'100% - 15px');
      margin-left: 15px;
      background-color: #fff;

      &::before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-image: url('../../../../assets/images/choose_n.svg');
        background-size: cover;
        vertical-align: middle;
        margin-right: 15px;
      }
    }

    .widget-user-seleted {
      &::before {
        background-image: url('../../../../assets/images/check-circle-fill.svg');
      }
    }

    .widget-user-seleted-button {
      position: fixed;
      display: flex;
      justify-content: center;
      left: 0;
      bottom: 0;
      // height: 55px;
      width: 100%;
      // padding-top: 8px;
      z-index: 2;
      background: #fff;
      box-sizing: border-box;
      padding: 16px;

      .am-button {
        // width: 165px;
        width: 100%;
        height: 40px;
        line-height: 40px;
      }

      .am-button:nth-child(3) {
        margin-left: 15px;
      }
    }
  }
}