next-ucap-messenger/projects/ucap-webmessenger-ui/src/lib/components/sticker-selector.component.scss

::ng-deep .sticker-selector {
  height: 220px;
  border-top: 1px solid #cccccc;
  .mat-tab-header {
    .mat-tab-label {
      padding: 0 10px;
    }
  }
  .mat-tab-body-wrapper {
    height: 180px;
    overflow: auto;
  }
}

.sticker-item-box {
  flex-wrap: wrap;
  padding: 20px 20px 0;
  overflow: auto;

  .sticker-item {
    width: 60px;
    margin-bottom: 20px;
    display: inline-flex;
    cursor: pointer;
  }
}

.selected-sticker {
  position: relative;
  padding: 20px;
  text-align: right;
  background-color: rgba(45, 58, 74, 0.8);
  img {
    margin-right: 40px;
  }
  .btn-close {
    position: absolute;
    top: 2px;
    right: 20px;
    width: 40px;
    height: 40px;
    color: #ffffff;
  }
}