/* One quiet invitation to drag. Its browser preference survives refreshes. */
.mzf-carousel-tools {
  display: flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.mzf-drag-hint {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: #73737c;
  font: 500 11px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.mzf-drag-hint__gesture {
  display: inline-flex;
  position: relative;
  width: 32px;
  height: 26px;
  align-items: center;
  justify-content: center;
}
.mzf-drag-hint__gesture::before {
  content: "";
  position: absolute;
  left: -4px;
  right: -4px;
  top: 14px;
  height: 1px;
  background: #dedee3;
}
.mzf-drag-hint__gesture svg {
  position: relative;
  width: 23px;
  height: 23px;
  color: #585862;
  fill: #fff;
  animation: mzf-hint-drag 4s ease-in-out infinite;
}
.mzf-carousel-tools[hidden], .mzf-drag-hint[hidden] { display: none !important; }
@keyframes mzf-hint-drag {
  0%, 15%, 100% { transform: translateX(7px); }
  45%, 65% { transform: translateX(-7px); }
}
@media (prefers-reduced-motion: reduce) {
  .mzf-drag-hint__gesture svg { animation: none; }
}