/*!
 * hcg-virtual-scroll - styles
 * Author: HTML Code Generator
 * https://www.html-code-generator.com/
 */

/* -- Container - the scroll element the library mounts on -- */
.hcg-vs-container {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

/* Phantom spacer - invisible, just stretches the scrollbar to the full list height */
.hcg-vs-phantom {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  pointer-events: none;
  visibility: hidden;
}

/* Content layer - holds the visible rows, moved into place with translateY */
.hcg-vs-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

/* Empty-data and loading state - centered message inside the container */
.hcg-vs-empty,
.hcg-vs-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 100px;
}