// src/presets/material/imagecompare/index.ts
var imagecompare_default = {
  handle: {
    size: "20px",
    hoverSize: "40px",
    background: "rgba(255,255,255,0.4)",
    hoverBackground: "rgba(255,255,255,0.6)",
    borderColor: "unset",
    hoverBorderColor: "unset",
    borderWidth: "0",
    borderRadius: "50%",
    transitionDuration: "{transition.duration}",
    focusRing: {
      width: "{focus.ring.width}",
      style: "{focus.ring.style}",
      color: "rgba(255,255,255,0.3)",
      offset: "{focus.ring.offset}",
      shadow: "{focus.ring.shadow}"
    }
  }
};
export {
  imagecompare_default as default
};
//# sourceMappingURL=index.mjs.map