/* scroll snap takes care of restoring scroll position */
.swipe-container {
  display: flex;
  overflow: auto;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
}
/* scrollbar should be hidden */
.swipe-container::-webkit-scrollbar {
  display: none;
}
/* main element should always snap into view */
.swipe-element {
  scroll-snap-align: start;
}
/* actions and element should be 100% wide */
.action,
.swipe-element {
  min-width: 100%;
}
.action {
  display: flex;
  align-items: center;
}
/* icon should remain sticky */
i {
  color: white;
  position: sticky;
  left: 16px;
  right: 16px;
}
/* action background colors */
.left {
  background-color: orchid;
}
.right {
  justify-content: flex-end;
  background-color: cornflowerblue;
}