.swipe-indicator {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 80px;
  background-color: #007bff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease-out, background-color 0.3s ease-out;
  /* Animation for bounce back and color change */
  z-index: 20;
  outline: 1px solid #ffffff33;
  /* Style for the disabled state */
}
.swipe-indicator.disabled {
  background-color: #aaa;
  opacity: 1;
}
.swipe-indicator.left {
  left: 0;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  transform: translate(-100%, -50%);
  /* Initially hidden off-screen */
}
.swipe-indicator.right {
  right: 0;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  transform: translate(100%, -50%);
  /* Initially hidden off-screen */
}
.swipe-indicator .arrow {
  width: 0;
  height: 0;
  border-style: solid;
}
.swipe-indicator.left .arrow {
  border-width: 15px 15px 15px 0;
  border-color: transparent #ffffff transparent transparent;
}
.swipe-indicator.right .arrow {
  border-width: 15px 0 15px 15px;
  border-color: transparent transparent transparent #ffffff;
}

/*# sourceMappingURL=swipe-pager.css.map */