curl --request POST \
  --url https://api.iotools.cloud/v1/tool/css-checkbox-generator \
  --header 'Authorization: Bearer <token>' \
  --header 'Content-Type: application/json' \
  --data '
{
  "style": "filled",
  "size": "24",
  "accentColor": "#2563eb",
  "borderColor": "#9ca3af",
  "checkColor": "#ffffff",
  "radius": "6",
  "duration": "0.2",
  "labelText": "I agree to the terms",
  "classPrefix": "io"
}
'

{
  "tool": "css-checkbox-generator",
  "tool_version": "1.0.1",
  "outputs": {
    "cssCode": ".io-checkbox {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font: inherit;\n  line-height: 1.4;\n  cursor: pointer;\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n.io-checkbox input[type=\"checkbox\"] {\n  appearance: none;\n  -webkit-appearance: none;\n  position: relative;\n  flex: 0 0 auto;\n  margin: 0;\n  box-sizing: border-box;\n  cursor: pointer;\n  width: 24px;\n  height: 24px;\n  border: 2px solid #9ca3af;\n  border-radius: 6px;\n  background-color: transparent;\n  transition: background-color 0.2s ease, border-color 0.2s ease;\n}\n\n.io-checkbox input[type=\"checkbox\"]::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 7px;\n  height: 12px;\n  border: solid #ffffff;\n  border-width: 0 2px 2px 0;\n  transform: translate(-50%, -60%) rotate(45deg) scale(0);\n  transition: transform 0.2s ease;\n}\n\n.io-checkbox input[type=\"checkbox\"]:checked::after {\n  transform: translate(-50%, -60%) rotate(45deg) scale(1);\n}\n\n.io-checkbox input[type=\"checkbox\"]:checked {\n  background-color: #2563eb;\n  border-color: #2563eb;\n}\n\n.io-checkbox input[type=\"checkbox\"]:focus-visible {\n  outline: 2px solid #2563eb;\n  outline-offset: 2px;\n}\n\n.io-checkbox input[type=\"checkbox\"]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.io-checkbox:has(input:disabled) {\n  cursor: not-allowed;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .io-checkbox input[type=\"checkbox\"],\n  .io-checkbox input[type=\"checkbox\"]::after {\n    transition: none;\n    animation: none;\n  }\n}",
    "htmlCode": "<label class=\"io-checkbox\">\n  <input type=\"checkbox\" checked>\n  <span>I agree to the terms</span>\n</label>"
  },
  "credits_used": 3,
  "credits_remaining": null
}