.str-chat__panel {
  position: absolute;
  bottom: calc(100%);
  left: 10px;
  width: calc(100% - 20px);
  background: $grey;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.31), 0 0 6px 0 rgba(0, 0, 0, 0.12);
  z-index: 11;

  &-list {
    list-style-type: none;
    margin: 0;
    padding: 0;

    &-item {
      display: flex;
      align-items: center;
      border-bottom: 1px solid rgba(0, 0, 0, 0.06);

      label {
        padding: 15px;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        border: 1px solid transparent;
        background: transparent;
        cursor: pointer;
        font-size: 14px;

        &:focus {
          outline: 0;
          border-color: $secondary-color;
          box-shadow: inset 0 0 0 2px rgba(0, 108, 255, 0.36);
        }

        &:hover {
          background-color: lighten($grey, 2%);
        }
      }

      span {
        margin-right: 15px;
      }

      &:first-of-type {
        label {
          border-radius: 4px 4px 0 0;
        }
      }

      &:last-of-type {
        border-color: transparent;
      }
    }
  }
}
