@use '../../styles/mixin/mixin.scss' as *;

.up-list {
  &-virtual {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }

  &-phantom {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
  }

  &-container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
  }

  &-item {
    margin: 0 0 var(--up-spacing-main) 0;
    overflow: hidden;
  }

  .up-virtual-loading-box {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
  }

  .up-loading-box {
    display: inline-block;
    position: absolute;
    width: 100%;
  }

  .up-center-empty {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
    padding-bottom: var(--up-padding-ultra-spacious);
  }

  .up-no-padding-bottom {
    padding-bottom: 0 !important;
  }
}