@pisell-prefix: pisell-lowcode;

.@{pisell-prefix} {
  &-list-one-line-wrap {
    .pisell-lowcode-row {
      flex-flow: row nowrap;
      overflow: auto;
      & > div {
        flex-shrink: 0;
      }
    }
  }
  &-scroll-list-wrap {
    position: relative;
  }
  &-list-arrow-wrap {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.05);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #0B5FDB;
  }
  &-list-arrow-down {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: rotateX(-50%);
  }
  &-list-arrow-up {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: rotateX(-50%);
  }
}
