/* Card List Stylings */

#doctors-wrapper {
}

#cards-page-wrapper {
  height: calc(100dvh - 128px);
  display: flex;
  flex-direction: column;
}

#cards-wrapper {
  position: relative;
  overflow: auto;
  flex: 1 1 auto;
}

#cards-wrapper::before {
  content: "";
  position: sticky;
  top: 0;
  display: block;
  height: 10px;
  background: linear-gradient(
    to bottom,
    rgba(250, 250, 250, 1) 0%,
    rgba(250, 250, 250, 0) 100%
  );
  pointer-events: none;
}

#cards-wrapper::after {
  content: "";
  position: sticky;
  bottom: 0;
  display: block;
  height: 10px;
  background: linear-gradient(
    to top,
    rgba(250, 250, 250, 1) 0%,
    /* solid #fafafa */ rgba(250, 250, 250, 0) 100% /* fully transparent */
  );
  pointer-events: none; /* don’t block scrolling */
}

#card-container {
  overflow: auto;
}

#card-loading-img {
  display: block;
  margin: auto;
  width: 70px;
  margin-top: 30px;
}