feat(api-access): improve provider drag-and-drop sorting animations

src/styles.css

@@ -3690,16 +3690,18 @@ textarea:focus-visible {
   min-height: 88px;
   padding: 14px 0;
   border-bottom: 1px solid var(--theme-eeece6);
-  transition: background 120ms ease, box-shadow 120ms ease, opacity 120ms ease;
+  transition: background 180ms ease, box-shadow 180ms ease, opacity 160ms ease;
 }
 
 .real-provider-row.dragging {
-  opacity: 0.45;
+  border-radius: 10px;
+  background: var(--theme-faf9f5);
+  box-shadow: 0 10px 28px rgb(45 42 38 / 14%);
+  opacity: 0.96;
 }
 
 .real-provider-row.drag-over {
-  background: var(--theme-f4f1ea);
-  box-shadow: inset 0 2px 0 var(--theme-2d2a26);
+  background: color-mix(in srgb, var(--theme-f4f1ea) 65%, transparent);
 }
 
 .provider-drag-handle {
@@ -3717,6 +3719,12 @@ textarea:focus-visible {
   cursor: grabbing;
 }
 
+@media (prefers-reduced-motion: reduce) {
+  .real-provider-row {
+    transition: none;
+  }
+}
+
 .provider-row-main,
 .provider-row-title,
 .provider-row-meta,