merged

resources/input.css

@@ -26,6 +26,29 @@
 }
 
 
+
+.htmx-added.swipe-left-swap , .htmx-added .swipe-left-swap{
+   @apply opacity-100 !important;
+   @apply scale-100 !important;
+   @apply -translate-x-1/2 !important;
+
+}
+
+.htmx-added.swipe-left-swap , .htmx-added .swipe-left-swap{
+   @apply opacity-100;
+   @apply scale-100;
+   @apply translate-x-0;
+
+}
+.htmx-settling.htmx-added .swipe-left-swap, .htmx-settling.htmx-added.swipe-left-swap{
+
+   @apply opacity-0 !important;
+   @apply scale-75 !important;
+   @apply translate-x-1/2 !important;
+
+}
+
+
 .htmx-settling .slide-up-settle {
     @apply translate-y-5 !important;
 }
@@ -165,3 +188,26 @@
 .choices[data-type*="select-one"] .choices__button {
     right:auto !important;
 }
+
+.arrow,
+.arrow::before {
+  position: absolute;
+  width: 24px;
+  height: 24px;
+  background: inherit;
+}
+
+.arrow {
+  visibility: hidden;
+}
+
+
+.arrow::before {
+  visibility: visible;
+  content: '';
+  transform: rotate(45deg);
+}
+
+.arrow {
+  bottom: -4px;
+}