class-list.json

[
  {
    "name": "Box Sizing",
    "list": [
      {
        "className": "box-border",
        "detail": "box-sizing: border-box;"
      },
      {
        "className": "box-content",
        "detail": "box-sizing: content-box;"
      }
    ]
  },
  {
    "name": "Display",
    "list": [
      {
        "className": "block",
        "detail": "display: block;"
      },
      {
        "className": "inline-block",
        "detail": "display: inline-block;"
      },
      {
        "className": "inline",
        "detail": "display: inline;"
      },
      {
        "className": "flex",
        "detail": "display: flex;"
      },
      {
        "className": "inline-flex",
        "detail": "display: inline-flex;"
      },
      {
        "className": "table",
        "detail": "display: table;"
      },
      {
        "className": "inline-table",
        "detail": "display: inline-table;"
      },
      {
        "className": "table-caption",
        "detail": "display: table-caption;"
      },
      {
        "className": "table-cell",
        "detail": "display: table-cell;"
      },
      {
        "className": "table-column",
        "detail": "display: table-column;"
      },
      {
        "className": "table-column-group",
        "detail": "display: table-column-group;"
      },
      {
        "className": "table-footer-group",
        "detail": "display: table-footer-group;"
      },
      {
        "className": "table-header-group",
        "detail": "display: table-header-group;"
      },
      {
        "className": "table-row-group",
        "detail": "display: table-row-group;"
      },
      {
        "className": "table-row",
        "detail": "display: table-row;"
      },
      {
        "className": "flow-root",
        "detail": "display: flow-root;"
      },
      {
        "className": "grid",
        "detail": "display: grid;"
      },
      {
        "className": "inline-grid",
        "detail": "display: inline-grid;"
      },
      {
        "className": "contents",
        "detail": "display: contents;"
      },
      {
        "className": "list-item",
        "detail": "display: list-item;"
      },
      {
        "className": "hidden",
        "detail": "display: none;"
      }
    ]
  },
  {
    "name": "Floats",
    "list": [
      {
        "className": "float-right",
        "detail": "float: right;"
      },
      {
        "className": "float-left",
        "detail": "float: left;"
      },
      {
        "className": "float-none",
        "detail": "float: none;"
      }
    ]
  },
  {
    "name": "Clear",
    "list": [
      {
        "className": "clear-left",
        "detail": "clear: left;"
      },
      {
        "className": "clear-right",
        "detail": "clear: right;"
      },
      {
        "className": "clear-both",
        "detail": "clear: both;"
      },
      {
        "className": "clear-none",
        "detail": "clear: none;"
      }
    ]
  },
  {
    "name": "Overflow",
    "list": [
      {
        "className": "overflow-auto",
        "detail": "overflow: auto;"
      },
      {
        "className": "overflow-hidden",
        "detail": "overflow: hidden;"
      },
      {
        "className": "overflow-clip",
        "detail": "overflow: clip;"
      },
      {
        "className": "overflow-visible",
        "detail": "overflow: visible;"
      },
      {
        "className": "overflow-scroll",
        "detail": "overflow: scroll;"
      },
      {
        "className": "overflow-x-auto",
        "detail": "overflow-x: auto;"
      },
      {
        "className": "overflow-y-auto",
        "detail": "overflow-y: auto;"
      },
      {
        "className": "overflow-x-hidden",
        "detail": "overflow-x: hidden;"
      },
      {
        "className": "overflow-y-hidden",
        "detail": "overflow-y: hidden;"
      },
      {
        "className": "overflow-x-clip",
        "detail": "overflow-x: clip;"
      },
      {
        "className": "overflow-y-clip",
        "detail": "overflow-y: clip;"
      },
      {
        "className": "overflow-x-visible",
        "detail": "overflow-x: visible;"
      },
      {
        "className": "overflow-y-visible",
        "detail": "overflow-y: visible;"
      },
      {
        "className": "overflow-x-scroll",
        "detail": "overflow-x: scroll;"
      },
      {
        "className": "overflow-y-scroll",
        "detail": "overflow-y: scroll;"
      }
    ]
  },
  {
    "name": "Overscroll Behavior",
    "list": [
      {
        "className": "overscroll-auto",
        "detail": "overscroll-behavior: auto;"
      },
      {
        "className": "overscroll-contain",
        "detail": "overscroll-behavior: contain;"
      },
      {
        "className": "overscroll-none",
        "detail": "overscroll-behavior: none;"
      },
      {
        "className": "overscroll-y-auto",
        "detail": "overscroll-behavior-y: auto;"
      },
      {
        "className": "overscroll-y-contain",
        "detail": "overscroll-behavior-y: contain;"
      },
      {
        "className": "overscroll-y-none",
        "detail": "overscroll-behavior-y: none;"
      },
      {
        "className": "overscroll-x-auto",
        "detail": "overscroll-behavior-x: auto;"
      },
      {
        "className": "overscroll-x-contain",
        "detail": "overscroll-behavior-x: contain;"
      },
      {
        "className": "overscroll-x-none",
        "detail": "overscroll-behavior-x: none;"
      }
    ]
  },
  {
    "name": "Position",
    "list": [
      {
        "className": "static",
        "detail": "position: static;"
      },
      {
        "className": "fixed",
        "detail": "position: fixed;"
      },
      {
        "className": "absolute",
        "detail": "position: absolute;"
      },
      {
        "className": "relative",
        "detail": "position: relative;"
      },
      {
        "className": "sticky",
        "detail": "position: sticky;"
      }
    ]
  },
  {
    "name": "Top / Right / Bottom / Left",
    "list": [
      {
        "className": "inset-0",
        "detail": "top: 0px; right: 0px; bottom: 0px; left: 0px;"
      },
      {
        "className": "inset-x-0",
        "detail": "left: 0px; right: 0px;"
      },
      {
        "className": "inset-y-0",
        "detail": "top: 0px; bottom: 0px;"
      },
      {
        "className": "top-0",
        "detail": "top: 0px;"
      },
      {
        "className": "right-0",
        "detail": "right: 0px;"
      },
      {
        "className": "bottom-0",
        "detail": "bottom: 0px;"
      },
      {
        "className": "left-0",
        "detail": "left: 0px;"
      },
      {
        "className": "inset-px",
        "detail": "top: 1px; right: 1px; bottom: 1px; left: 1px;"
      },
      {
        "className": "inset-x-px",
        "detail": "left: 1px; right: 1px;"
      },
      {
        "className": "inset-y-px",
        "detail": "top: 1px; bottom: 1px;"
      },
      {
        "className": "top-px",
        "detail": "top: 1px;"
      },
      {
        "className": "right-px",
        "detail": "right: 1px;"
      },
      {
        "className": "bottom-px",
        "detail": "bottom: 1px;"
      },
      {
        "className": "left-px",
        "detail": "left: 1px;"
      },
      {
        "className": "inset-0.5",
        "detail": "top: 0.125rem; /* 2px */ right: 0.125rem; /* 2px */ bottom: 0.125rem; /* 2px */ left: 0.125rem; /* 2px */"
      },
      {
        "className": "inset-x-0.5",
        "detail": "left: 0.125rem; /* 2px */ right: 0.125rem; /* 2px */"
      },
      {
        "className": "inset-y-0.5",
        "detail": "top: 0.125rem; /* 2px */ bottom: 0.125rem; /* 2px */"
      },
      {
        "className": "top-0.5",
        "detail": "top: 0.125rem; /* 2px */"
      },
      {
        "className": "right-0.5",
        "detail": "right: 0.125rem; /* 2px */"
      },
      {
        "className": "bottom-0.5",
        "detail": "bottom: 0.125rem; /* 2px */"
      },
      {
        "className": "left-0.5",
        "detail": "left: 0.125rem; /* 2px */"
      },
      {
        "className": "inset-1",
        "detail": "top: 0.25rem; /* 4px */ right: 0.25rem; /* 4px */ bottom: 0.25rem; /* 4px */ left: 0.25rem; /* 4px */"
      },
      {
        "className": "inset-x-1",
        "detail": "left: 0.25rem; /* 4px */ right: 0.25rem; /* 4px */"
      },
      {
        "className": "inset-y-1",
        "detail": "top: 0.25rem; /* 4px */ bottom: 0.25rem; /* 4px */"
      },
      {
        "className": "top-1",
        "detail": "top: 0.25rem; /* 4px */"
      },
      {
        "className": "right-1",
        "detail": "right: 0.25rem; /* 4px */"
      },
      {
        "className": "bottom-1",
        "detail": "bottom: 0.25rem; /* 4px */"
      },
      {
        "className": "left-1",
        "detail": "left: 0.25rem; /* 4px */"
      },
      {
        "className": "inset-1.5",
        "detail": "top: 0.375rem; /* 6px */ right: 0.375rem; /* 6px */ bottom: 0.375rem; /* 6px */ left: 0.375rem; /* 6px */"
      },
      {
        "className": "inset-x-1.5",
        "detail": "left: 0.375rem; /* 6px */ right: 0.375rem; /* 6px */"
      },
      {
        "className": "inset-y-1.5",
        "detail": "top: 0.375rem; /* 6px */ bottom: 0.375rem; /* 6px */"
      },
      {
        "className": "top-1.5",
        "detail": "top: 0.375rem; /* 6px */"
      },
      {
        "className": "right-1.5",
        "detail": "right: 0.375rem; /* 6px */"
      },
      {
        "className": "bottom-1.5",
        "detail": "bottom: 0.375rem; /* 6px */"
      },
      {
        "className": "left-1.5",
        "detail": "left: 0.375rem; /* 6px */"
      },
      {
        "className": "inset-2",
        "detail": "top: 0.5rem; /* 8px */ right: 0.5rem; /* 8px */ bottom: 0.5rem; /* 8px */ left: 0.5rem; /* 8px */"
      },
      {
        "className": "inset-x-2",
        "detail": "left: 0.5rem; /* 8px */ right: 0.5rem; /* 8px */"
      },
      {
        "className": "inset-y-2",
        "detail": "top: 0.5rem; /* 8px */ bottom: 0.5rem; /* 8px */"
      },
      {
        "className": "top-2",
        "detail": "top: 0.5rem; /* 8px */"
      },
      {
        "className": "right-2",
        "detail": "right: 0.5rem; /* 8px */"
      },
      {
        "className": "bottom-2",
        "detail": "bottom: 0.5rem; /* 8px */"
      },
      {
        "className": "left-2",
        "detail": "left: 0.5rem; /* 8px */"
      },
      {
        "className": "inset-2.5",
        "detail": "top: 0.625rem; /* 10px */ right: 0.625rem; /* 10px */ bottom: 0.625rem; /* 10px */ left: 0.625rem; /* 10px */"
      },
      {
        "className": "inset-x-2.5",
        "detail": "left: 0.625rem; /* 10px */ right: 0.625rem; /* 10px */"
      },
      {
        "className": "inset-y-2.5",
        "detail": "top: 0.625rem; /* 10px */ bottom: 0.625rem; /* 10px */"
      },
      {
        "className": "top-2.5",
        "detail": "top: 0.625rem; /* 10px */"
      },
      {
        "className": "right-2.5",
        "detail": "right: 0.625rem; /* 10px */"
      },
      {
        "className": "bottom-2.5",
        "detail": "bottom: 0.625rem; /* 10px */"
      },
      {
        "className": "left-2.5",
        "detail": "left: 0.625rem; /* 10px */"
      },
      {
        "className": "inset-3",
        "detail": "top: 0.75rem; /* 12px */ right: 0.75rem; /* 12px */ bottom: 0.75rem; /* 12px */ left: 0.75rem; /* 12px */"
      },
      {
        "className": "inset-x-3",
        "detail": "left: 0.75rem; /* 12px */ right: 0.75rem; /* 12px */"
      },
      {
        "className": "inset-y-3",
        "detail": "top: 0.75rem; /* 12px */ bottom: 0.75rem; /* 12px */"
      },
      {
        "className": "top-3",
        "detail": "top: 0.75rem; /* 12px */"
      },
      {
        "className": "right-3",
        "detail": "right: 0.75rem; /* 12px */"
      },
      {
        "className": "bottom-3",
        "detail": "bottom: 0.75rem; /* 12px */"
      },
      {
        "className": "left-3",
        "detail": "left: 0.75rem; /* 12px */"
      },
      {
        "className": "inset-3.5",
        "detail": "top: 0.875rem; /* 14px */ right: 0.875rem; /* 14px */ bottom: 0.875rem; /* 14px */ left: 0.875rem; /* 14px */"
      },
      {
        "className": "inset-x-3.5",
        "detail": "left: 0.875rem; /* 14px */ right: 0.875rem; /* 14px */"
      },
      {
        "className": "inset-y-3.5",
        "detail": "top: 0.875rem; /* 14px */ bottom: 0.875rem; /* 14px */"
      },
      {
        "className": "top-3.5",
        "detail": "top: 0.875rem; /* 14px */"
      },
      {
        "className": "right-3.5",
        "detail": "right: 0.875rem; /* 14px */"
      },
      {
        "className": "bottom-3.5",
        "detail": "bottom: 0.875rem; /* 14px */"
      },
      {
        "className": "left-3.5",
        "detail": "left: 0.875rem; /* 14px */"
      },
      {
        "className": "inset-4",
        "detail": "top: 1rem; /* 16px */ right: 1rem; /* 16px */ bottom: 1rem; /* 16px */ left: 1rem; /* 16px */"
      },
      {
        "className": "inset-x-4",
        "detail": "left: 1rem; /* 16px */ right: 1rem; /* 16px */"
      },
      {
        "className": "inset-y-4",
        "detail": "top: 1rem; /* 16px */ bottom: 1rem; /* 16px */"
      },
      {
        "className": "top-4",
        "detail": "top: 1rem; /* 16px */"
      },
      {
        "className": "right-4",
        "detail": "right: 1rem; /* 16px */"
      },
      {
        "className": "bottom-4",
        "detail": "bottom: 1rem; /* 16px */"
      },
      {
        "className": "left-4",
        "detail": "left: 1rem; /* 16px */"
      },
      {
        "className": "inset-5",
        "detail": "top: 1.25rem; /* 20px */ right: 1.25rem; /* 20px */ bottom: 1.25rem; /* 20px */ left: 1.25rem; /* 20px */"
      },
      {
        "className": "inset-x-5",
        "detail": "left: 1.25rem; /* 20px */ right: 1.25rem; /* 20px */"
      },
      {
        "className": "inset-y-5",
        "detail": "top: 1.25rem; /* 20px */ bottom: 1.25rem; /* 20px */"
      },
      {
        "className": "top-5",
        "detail": "top: 1.25rem; /* 20px */"
      },
      {
        "className": "right-5",
        "detail": "right: 1.25rem; /* 20px */"
      },
      {
        "className": "bottom-5",
        "detail": "bottom: 1.25rem; /* 20px */"
      },
      {
        "className": "left-5",
        "detail": "left: 1.25rem; /* 20px */"
      },
      {
        "className": "inset-6",
        "detail": "top: 1.5rem; /* 24px */ right: 1.5rem; /* 24px */ bottom: 1.5rem; /* 24px */ left: 1.5rem; /* 24px */"
      },
      {
        "className": "inset-x-6",
        "detail": "left: 1.5rem; /* 24px */ right: 1.5rem; /* 24px */"
      },
      {
        "className": "inset-y-6",
        "detail": "top: 1.5rem; /* 24px */ bottom: 1.5rem; /* 24px */"
      },
      {
        "className": "top-6",
        "detail": "top: 1.5rem; /* 24px */"
      },
      {
        "className": "right-6",
        "detail": "right: 1.5rem; /* 24px */"
      },
      {
        "className": "bottom-6",
        "detail": "bottom: 1.5rem; /* 24px */"
      },
      {
        "className": "left-6",
        "detail": "left: 1.5rem; /* 24px */"
      },
      {
        "className": "inset-7",
        "detail": "top: 1.75rem; /* 28px */ right: 1.75rem; /* 28px */ bottom: 1.75rem; /* 28px */ left: 1.75rem; /* 28px */"
      },
      {
        "className": "inset-x-7",
        "detail": "left: 1.75rem; /* 28px */ right: 1.75rem; /* 28px */"
      },
      {
        "className": "inset-y-7",
        "detail": "top: 1.75rem; /* 28px */ bottom: 1.75rem; /* 28px */"
      },
      {
        "className": "top-7",
        "detail": "top: 1.75rem; /* 28px */"
      },
      {
        "className": "right-7",
        "detail": "right: 1.75rem; /* 28px */"
      },
      {
        "className": "bottom-7",
        "detail": "bottom: 1.75rem; /* 28px */"
      },
      {
        "className": "left-7",
        "detail": "left: 1.75rem; /* 28px */"
      },
      {
        "className": "inset-8",
        "detail": "top: 2rem; /* 32px */ right: 2rem; /* 32px */ bottom: 2rem; /* 32px */ left: 2rem; /* 32px */"
      },
      {
        "className": "inset-x-8",
        "detail": "left: 2rem; /* 32px */ right: 2rem; /* 32px */"
      },
      {
        "className": "inset-y-8",
        "detail": "top: 2rem; /* 32px */ bottom: 2rem; /* 32px */"
      },
      {
        "className": "top-8",
        "detail": "top: 2rem; /* 32px */"
      },
      {
        "className": "right-8",
        "detail": "right: 2rem; /* 32px */"
      },
      {
        "className": "bottom-8",
        "detail": "bottom: 2rem; /* 32px */"
      },
      {
        "className": "left-8",
        "detail": "left: 2rem; /* 32px */"
      },
      {
        "className": "inset-9",
        "detail": "top: 2.25rem; /* 36px */ right: 2.25rem; /* 36px */ bottom: 2.25rem; /* 36px */ left: 2.25rem; /* 36px */"
      },
      {
        "className": "inset-x-9",
        "detail": "left: 2.25rem; /* 36px */ right: 2.25rem; /* 36px */"
      },
      {
        "className": "inset-y-9",
        "detail": "top: 2.25rem; /* 36px */ bottom: 2.25rem; /* 36px */"
      },
      {
        "className": "top-9",
        "detail": "top: 2.25rem; /* 36px */"
      },
      {
        "className": "right-9",
        "detail": "right: 2.25rem; /* 36px */"
      },
      {
        "className": "bottom-9",
        "detail": "bottom: 2.25rem; /* 36px */"
      },
      {
        "className": "left-9",
        "detail": "left: 2.25rem; /* 36px */"
      },
      {
        "className": "inset-10",
        "detail": "top: 2.5rem; /* 40px */ right: 2.5rem; /* 40px */ bottom: 2.5rem; /* 40px */ left: 2.5rem; /* 40px */"
      },
      {
        "className": "inset-x-10",
        "detail": "left: 2.5rem; /* 40px */ right: 2.5rem; /* 40px */"
      },
      {
        "className": "inset-y-10",
        "detail": "top: 2.5rem; /* 40px */ bottom: 2.5rem; /* 40px */"
      },
      {
        "className": "top-10",
        "detail": "top: 2.5rem; /* 40px */"
      },
      {
        "className": "right-10",
        "detail": "right: 2.5rem; /* 40px */"
      },
      {
        "className": "bottom-10",
        "detail": "bottom: 2.5rem; /* 40px */"
      },
      {
        "className": "left-10",
        "detail": "left: 2.5rem; /* 40px */"
      },
      {
        "className": "inset-11",
        "detail": "top: 2.75rem; /* 44px */ right: 2.75rem; /* 44px */ bottom: 2.75rem; /* 44px */ left: 2.75rem; /* 44px */"
      },
      {
        "className": "inset-x-11",
        "detail": "left: 2.75rem; /* 44px */ right: 2.75rem; /* 44px */"
      },
      {
        "className": "inset-y-11",
        "detail": "top: 2.75rem; /* 44px */ bottom: 2.75rem; /* 44px */"
      },
      {
        "className": "top-11",
        "detail": "top: 2.75rem; /* 44px */"
      },
      {
        "className": "right-11",
        "detail": "right: 2.75rem; /* 44px */"
      },
      {
        "className": "bottom-11",
        "detail": "bottom: 2.75rem; /* 44px */"
      },
      {
        "className": "left-11",
        "detail": "left: 2.75rem; /* 44px */"
      },
      {
        "className": "inset-12",
        "detail": "top: 3rem; /* 48px */ right: 3rem; /* 48px */ bottom: 3rem; /* 48px */ left: 3rem; /* 48px */"
      },
      {
        "className": "inset-x-12",
        "detail": "left: 3rem; /* 48px */ right: 3rem; /* 48px */"
      },
      {
        "className": "inset-y-12",
        "detail": "top: 3rem; /* 48px */ bottom: 3rem; /* 48px */"
      },
      {
        "className": "top-12",
        "detail": "top: 3rem; /* 48px */"
      },
      {
        "className": "right-12",
        "detail": "right: 3rem; /* 48px */"
      },
      {
        "className": "bottom-12",
        "detail": "bottom: 3rem; /* 48px */"
      },
      {
        "className": "left-12",
        "detail": "left: 3rem; /* 48px */"
      },
      {
        "className": "inset-14",
        "detail": "top: 3.5rem; /* 56px */ right: 3.5rem; /* 56px */ bottom: 3.5rem; /* 56px */ left: 3.5rem; /* 56px */"
      },
      {
        "className": "inset-x-14",
        "detail": "left: 3.5rem; /* 56px */ right: 3.5rem; /* 56px */"
      },
      {
        "className": "inset-y-14",
        "detail": "top: 3.5rem; /* 56px */ bottom: 3.5rem; /* 56px */"
      },
      {
        "className": "top-14",
        "detail": "top: 3.5rem; /* 56px */"
      },
      {
        "className": "right-14",
        "detail": "right: 3.5rem; /* 56px */"
      },
      {
        "className": "bottom-14",
        "detail": "bottom: 3.5rem; /* 56px */"
      },
      {
        "className": "left-14",
        "detail": "left: 3.5rem; /* 56px */"
      },
      {
        "className": "inset-16",
        "detail": "top: 4rem; /* 64px */ right: 4rem; /* 64px */ bottom: 4rem; /* 64px */ left: 4rem; /* 64px */"
      },
      {
        "className": "inset-x-16",
        "detail": "left: 4rem; /* 64px */ right: 4rem; /* 64px */"
      },
      {
        "className": "inset-y-16",
        "detail": "top: 4rem; /* 64px */ bottom: 4rem; /* 64px */"
      },
      {
        "className": "top-16",
        "detail": "top: 4rem; /* 64px */"
      },
      {
        "className": "right-16",
        "detail": "right: 4rem; /* 64px */"
      },
      {
        "className": "bottom-16",
        "detail": "bottom: 4rem; /* 64px */"
      },
      {
        "className": "left-16",
        "detail": "left: 4rem; /* 64px */"
      },
      {
        "className": "inset-20",
        "detail": "top: 5rem; /* 80px */ right: 5rem; /* 80px */ bottom: 5rem; /* 80px */ left: 5rem; /* 80px */"
      },
      {
        "className": "inset-x-20",
        "detail": "left: 5rem; /* 80px */ right: 5rem; /* 80px */"
      },
      {
        "className": "inset-y-20",
        "detail": "top: 5rem; /* 80px */ bottom: 5rem; /* 80px */"
      },
      {
        "className": "top-20",
        "detail": "top: 5rem; /* 80px */"
      },
      {
        "className": "right-20",
        "detail": "right: 5rem; /* 80px */"
      },
      {
        "className": "bottom-20",
        "detail": "bottom: 5rem; /* 80px */"
      },
      {
        "className": "left-20",
        "detail": "left: 5rem; /* 80px */"
      },
      {
        "className": "inset-24",
        "detail": "top: 6rem; /* 96px */ right: 6rem; /* 96px */ bottom: 6rem; /* 96px */ left: 6rem; /* 96px */"
      },
      {
        "className": "inset-x-24",
        "detail": "left: 6rem; /* 96px */ right: 6rem; /* 96px */"
      },
      {
        "className": "inset-y-24",
        "detail": "top: 6rem; /* 96px */ bottom: 6rem; /* 96px */"
      },
      {
        "className": "top-24",
        "detail": "top: 6rem; /* 96px */"
      },
      {
        "className": "right-24",
        "detail": "right: 6rem; /* 96px */"
      },
      {
        "className": "bottom-24",
        "detail": "bottom: 6rem; /* 96px */"
      },
      {
        "className": "left-24",
        "detail": "left: 6rem; /* 96px */"
      },
      {
        "className": "inset-28",
        "detail": "top: 7rem; /* 112px */ right: 7rem; /* 112px */ bottom: 7rem; /* 112px */ left: 7rem; /* 112px */"
      },
      {
        "className": "inset-x-28",
        "detail": "left: 7rem; /* 112px */ right: 7rem; /* 112px */"
      },
      {
        "className": "inset-y-28",
        "detail": "top: 7rem; /* 112px */ bottom: 7rem; /* 112px */"
      },
      {
        "className": "top-28",
        "detail": "top: 7rem; /* 112px */"
      },
      {
        "className": "right-28",
        "detail": "right: 7rem; /* 112px */"
      },
      {
        "className": "bottom-28",
        "detail": "bottom: 7rem; /* 112px */"
      },
      {
        "className": "left-28",
        "detail": "left: 7rem; /* 112px */"
      },
      {
        "className": "inset-32",
        "detail": "top: 8rem; /* 128px */ right: 8rem; /* 128px */ bottom: 8rem; /* 128px */ left: 8rem; /* 128px */"
      },
      {
        "className": "inset-x-32",
        "detail": "left: 8rem; /* 128px */ right: 8rem; /* 128px */"
      },
      {
        "className": "inset-y-32",
        "detail": "top: 8rem; /* 128px */ bottom: 8rem; /* 128px */"
      },
      {
        "className": "top-32",
        "detail": "top: 8rem; /* 128px */"
      },
      {
        "className": "right-32",
        "detail": "right: 8rem; /* 128px */"
      },
      {
        "className": "bottom-32",
        "detail": "bottom: 8rem; /* 128px */"
      },
      {
        "className": "left-32",
        "detail": "left: 8rem; /* 128px */"
      },
      {
        "className": "inset-36",
        "detail": "top: 9rem; /* 144px */ right: 9rem; /* 144px */ bottom: 9rem; /* 144px */ left: 9rem; /* 144px */"
      },
      {
        "className": "inset-x-36",
        "detail": "left: 9rem; /* 144px */ right: 9rem; /* 144px */"
      },
      {
        "className": "inset-y-36",
        "detail": "top: 9rem; /* 144px */ bottom: 9rem; /* 144px */"
      },
      {
        "className": "top-36",
        "detail": "top: 9rem; /* 144px */"
      },
      {
        "className": "right-36",
        "detail": "right: 9rem; /* 144px */"
      },
      {
        "className": "bottom-36",
        "detail": "bottom: 9rem; /* 144px */"
      },
      {
        "className": "left-36",
        "detail": "left: 9rem; /* 144px */"
      },
      {
        "className": "inset-40",
        "detail": "top: 10rem; /* 160px */ right: 10rem; /* 160px */ bottom: 10rem; /* 160px */ left: 10rem; /* 160px */"
      },
      {
        "className": "inset-x-40",
        "detail": "left: 10rem; /* 160px */ right: 10rem; /* 160px */"
      },
      {
        "className": "inset-y-40",
        "detail": "top: 10rem; /* 160px */ bottom: 10rem; /* 160px */"
      },
      {
        "className": "top-40",
        "detail": "top: 10rem; /* 160px */"
      },
      {
        "className": "right-40",
        "detail": "right: 10rem; /* 160px */"
      },
      {
        "className": "bottom-40",
        "detail": "bottom: 10rem; /* 160px */"
      },
      {
        "className": "left-40",
        "detail": "left: 10rem; /* 160px */"
      },
      {
        "className": "inset-44",
        "detail": "top: 11rem; /* 176px */ right: 11rem; /* 176px */ bottom: 11rem; /* 176px */ left: 11rem; /* 176px */"
      },
      {
        "className": "inset-x-44",
        "detail": "left: 11rem; /* 176px */ right: 11rem; /* 176px */"
      },
      {
        "className": "inset-y-44",
        "detail": "top: 11rem; /* 176px */ bottom: 11rem; /* 176px */"
      },
      {
        "className": "top-44",
        "detail": "top: 11rem; /* 176px */"
      },
      {
        "className": "right-44",
        "detail": "right: 11rem; /* 176px */"
      },
      {
        "className": "bottom-44",
        "detail": "bottom: 11rem; /* 176px */"
      },
      {
        "className": "left-44",
        "detail": "left: 11rem; /* 176px */"
      },
      {
        "className": "inset-48",
        "detail": "top: 12rem; /* 192px */ right: 12rem; /* 192px */ bottom: 12rem; /* 192px */ left: 12rem; /* 192px */"
      },
      {
        "className": "inset-x-48",
        "detail": "left: 12rem; /* 192px */ right: 12rem; /* 192px */"
      },
      {
        "className": "inset-y-48",
        "detail": "top: 12rem; /* 192px */ bottom: 12rem; /* 192px */"
      },
      {
        "className": "top-48",
        "detail": "top: 12rem; /* 192px */"
      },
      {
        "className": "right-48",
        "detail": "right: 12rem; /* 192px */"
      },
      {
        "className": "bottom-48",
        "detail": "bottom: 12rem; /* 192px */"
      },
      {
        "className": "left-48",
        "detail": "left: 12rem; /* 192px */"
      },
      {
        "className": "inset-52",
        "detail": "top: 13rem; /* 208px */ right: 13rem; /* 208px */ bottom: 13rem; /* 208px */ left: 13rem; /* 208px */"
      },
      {
        "className": "inset-x-52",
        "detail": "left: 13rem; /* 208px */ right: 13rem; /* 208px */"
      },
      {
        "className": "inset-y-52",
        "detail": "top: 13rem; /* 208px */ bottom: 13rem; /* 208px */"
      },
      {
        "className": "top-52",
        "detail": "top: 13rem; /* 208px */"
      },
      {
        "className": "right-52",
        "detail": "right: 13rem; /* 208px */"
      },
      {
        "className": "bottom-52",
        "detail": "bottom: 13rem; /* 208px */"
      },
      {
        "className": "left-52",
        "detail": "left: 13rem; /* 208px */"
      },
      {
        "className": "inset-56",
        "detail": "top: 14rem; /* 224px */ right: 14rem; /* 224px */ bottom: 14rem; /* 224px */ left: 14rem; /* 224px */"
      },
      {
        "className": "inset-x-56",
        "detail": "left: 14rem; /* 224px */ right: 14rem; /* 224px */"
      },
      {
        "className": "inset-y-56",
        "detail": "top: 14rem; /* 224px */ bottom: 14rem; /* 224px */"
      },
      {
        "className": "top-56",
        "detail": "top: 14rem; /* 224px */"
      },
      {
        "className": "right-56",
        "detail": "right: 14rem; /* 224px */"
      },
      {
        "className": "bottom-56",
        "detail": "bottom: 14rem; /* 224px */"
      },
      {
        "className": "left-56",
        "detail": "left: 14rem; /* 224px */"
      },
      {
        "className": "inset-60",
        "detail": "top: 15rem; /* 240px */ right: 15rem; /* 240px */ bottom: 15rem; /* 240px */ left: 15rem; /* 240px */"
      },
      {
        "className": "inset-x-60",
        "detail": "left: 15rem; /* 240px */ right: 15rem; /* 240px */"
      },
      {
        "className": "inset-y-60",
        "detail": "top: 15rem; /* 240px */ bottom: 15rem; /* 240px */"
      },
      {
        "className": "top-60",
        "detail": "top: 15rem; /* 240px */"
      },
      {
        "className": "right-60",
        "detail": "right: 15rem; /* 240px */"
      },
      {
        "className": "bottom-60",
        "detail": "bottom: 15rem; /* 240px */"
      },
      {
        "className": "left-60",
        "detail": "left: 15rem; /* 240px */"
      },
      {
        "className": "inset-64",
        "detail": "top: 16rem; /* 256px */ right: 16rem; /* 256px */ bottom: 16rem; /* 256px */ left: 16rem; /* 256px */"
      },
      {
        "className": "inset-x-64",
        "detail": "left: 16rem; /* 256px */ right: 16rem; /* 256px */"
      },
      {
        "className": "inset-y-64",
        "detail": "top: 16rem; /* 256px */ bottom: 16rem; /* 256px */"
      },
      {
        "className": "top-64",
        "detail": "top: 16rem; /* 256px */"
      },
      {
        "className": "right-64",
        "detail": "right: 16rem; /* 256px */"
      },
      {
        "className": "bottom-64",
        "detail": "bottom: 16rem; /* 256px */"
      },
      {
        "className": "left-64",
        "detail": "left: 16rem; /* 256px */"
      },
      {
        "className": "inset-72",
        "detail": "top: 18rem; /* 288px */ right: 18rem; /* 288px */ bottom: 18rem; /* 288px */ left: 18rem; /* 288px */"
      },
      {
        "className": "inset-x-72",
        "detail": "left: 18rem; /* 288px */ right: 18rem; /* 288px */"
      },
      {
        "className": "inset-y-72",
        "detail": "top: 18rem; /* 288px */ bottom: 18rem; /* 288px */"
      },
      {
        "className": "top-72",
        "detail": "top: 18rem; /* 288px */"
      },
      {
        "className": "right-72",
        "detail": "right: 18rem; /* 288px */"
      },
      {
        "className": "bottom-72",
        "detail": "bottom: 18rem; /* 288px */"
      },
      {
        "className": "left-72",
        "detail": "left: 18rem; /* 288px */"
      },
      {
        "className": "inset-80",
        "detail": "top: 20rem; /* 320px */ right: 20rem; /* 320px */ bottom: 20rem; /* 320px */ left: 20rem; /* 320px */"
      },
      {
        "className": "inset-x-80",
        "detail": "left: 20rem; /* 320px */ right: 20rem; /* 320px */"
      },
      {
        "className": "inset-y-80",
        "detail": "top: 20rem; /* 320px */ bottom: 20rem; /* 320px */"
      },
      {
        "className": "top-80",
        "detail": "top: 20rem; /* 320px */"
      },
      {
        "className": "right-80",
        "detail": "right: 20rem; /* 320px */"
      },
      {
        "className": "bottom-80",
        "detail": "bottom: 20rem; /* 320px */"
      },
      {
        "className": "left-80",
        "detail": "left: 20rem; /* 320px */"
      },
      {
        "className": "inset-96",
        "detail": "top: 24rem; /* 384px */ right: 24rem; /* 384px */ bottom: 24rem; /* 384px */ left: 24rem; /* 384px */"
      },
      {
        "className": "inset-x-96",
        "detail": "left: 24rem; /* 384px */ right: 24rem; /* 384px */"
      },
      {
        "className": "inset-y-96",
        "detail": "top: 24rem; /* 384px */ bottom: 24rem; /* 384px */"
      },
      {
        "className": "top-96",
        "detail": "top: 24rem; /* 384px */"
      },
      {
        "className": "right-96",
        "detail": "right: 24rem; /* 384px */"
      },
      {
        "className": "bottom-96",
        "detail": "bottom: 24rem; /* 384px */"
      },
      {
        "className": "left-96",
        "detail": "left: 24rem; /* 384px */"
      },
      {
        "className": "inset-auto",
        "detail": "top: auto; right: auto; bottom: auto; left: auto;"
      },
      {
        "className": "inset-1/2",
        "detail": "top: 50%; right: 50%; bottom: 50%; left: 50%;"
      },
      {
        "className": "inset-1/3",
        "detail": "top: 33.333333%; right: 33.333333%; bottom: 33.333333%; left: 33.333333%;"
      },
      {
        "className": "inset-2/3",
        "detail": "top: 66.666667%; right: 66.666667%; bottom: 66.666667%; left: 66.666667%;"
      },
      {
        "className": "inset-1/4",
        "detail": "top: 25%; right: 25%; bottom: 25%; left: 25%;"
      },
      {
        "className": "inset-2/4",
        "detail": "top: 50%; right: 50%; bottom: 50%; left: 50%;"
      },
      {
        "className": "inset-3/4",
        "detail": "top: 75%; right: 75%; bottom: 75%; left: 75%;"
      },
      {
        "className": "inset-full",
        "detail": "top: 100%; right: 100%; bottom: 100%; left: 100%;"
      },
      {
        "className": "inset-x-auto",
        "detail": "left: auto; right: auto;"
      },
      {
        "className": "inset-x-1/2",
        "detail": "left: 50%; right: 50%;"
      },
      {
        "className": "inset-x-1/3",
        "detail": "left: 33.333333%; right: 33.333333%;"
      },
      {
        "className": "inset-x-2/3",
        "detail": "left: 66.666667%; right: 66.666667%;"
      },
      {
        "className": "inset-x-1/4",
        "detail": "left: 25%; right: 25%;"
      },
      {
        "className": "inset-x-2/4",
        "detail": "left: 50%; right: 50%;"
      },
      {
        "className": "inset-x-3/4",
        "detail": "left: 75%; right: 75%;"
      },
      {
        "className": "inset-x-full",
        "detail": "left: 100%; right: 100%;"
      },
      {
        "className": "inset-y-auto",
        "detail": "top: auto; bottom: auto;"
      },
      {
        "className": "inset-y-1/2",
        "detail": "top: 50%; bottom: 50%;"
      },
      {
        "className": "inset-y-1/3",
        "detail": "top: 33.333333%; bottom: 33.333333%;"
      },
      {
        "className": "inset-y-2/3",
        "detail": "top: 66.666667%; bottom: 66.666667%;"
      },
      {
        "className": "inset-y-1/4",
        "detail": "top: 25%; bottom: 25%;"
      },
      {
        "className": "inset-y-2/4",
        "detail": "top: 50%; bottom: 50%;"
      },
      {
        "className": "inset-y-3/4",
        "detail": "top: 75%; bottom: 75%;"
      },
      {
        "className": "inset-y-full",
        "detail": "top: 100%; bottom: 100%;"
      },
      {
        "className": "top-auto",
        "detail": "top: auto;"
      },
      {
        "className": "top-1/2",
        "detail": "top: 50%;"
      },
      {
        "className": "top-1/3",
        "detail": "top: 33.333333%;"
      },
      {
        "className": "top-2/3",
        "detail": "top: 66.666667%;"
      },
      {
        "className": "top-1/4",
        "detail": "top: 25%;"
      },
      {
        "className": "top-2/4",
        "detail": "top: 50%;"
      },
      {
        "className": "top-3/4",
        "detail": "top: 75%;"
      },
      {
        "className": "top-full",
        "detail": "top: 100%;"
      },
      {
        "className": "right-auto",
        "detail": "right: auto;"
      },
      {
        "className": "right-1/2",
        "detail": "right: 50%;"
      },
      {
        "className": "right-1/3",
        "detail": "right: 33.333333%;"
      },
      {
        "className": "right-2/3",
        "detail": "right: 66.666667%;"
      },
      {
        "className": "right-1/4",
        "detail": "right: 25%;"
      },
      {
        "className": "right-2/4",
        "detail": "right: 50%;"
      },
      {
        "className": "right-3/4",
        "detail": "right: 75%;"
      },
      {
        "className": "right-full",
        "detail": "right: 100%;"
      },
      {
        "className": "bottom-auto",
        "detail": "bottom: auto;"
      },
      {
        "className": "bottom-1/2",
        "detail": "bottom: 50%;"
      },
      {
        "className": "bottom-1/3",
        "detail": "bottom: 33.333333%;"
      },
      {
        "className": "bottom-2/3",
        "detail": "bottom: 66.666667%;"
      },
      {
        "className": "bottom-1/4",
        "detail": "bottom: 25%;"
      },
      {
        "className": "bottom-2/4",
        "detail": "bottom: 50%;"
      },
      {
        "className": "bottom-3/4",
        "detail": "bottom: 75%;"
      },
      {
        "className": "bottom-full",
        "detail": "bottom: 100%;"
      },
      {
        "className": "left-auto",
        "detail": "left: auto;"
      },
      {
        "className": "left-1/2",
        "detail": "left: 50%;"
      },
      {
        "className": "left-1/3",
        "detail": "left: 33.333333%;"
      },
      {
        "className": "left-2/3",
        "detail": "left: 66.666667%;"
      },
      {
        "className": "left-1/4",
        "detail": "left: 25%;"
      },
      {
        "className": "left-2/4",
        "detail": "left: 50%;"
      },
      {
        "className": "left-3/4",
        "detail": "left: 75%;"
      },
      {
        "className": "left-full",
        "detail": "left: 100%;"
      }
    ]
  },
  {
    "name": "Visibility",
    "list": [
      {
        "className": "visible",
        "detail": "visibility: visible;"
      },
      {
        "className": "invisible",
        "detail": "visibility: hidden;"
      },
      {
        "className": "collapse",
        "detail": "visibility: collapse;"
      }
    ]
  },
  {
    "name": "Z-Index",
    "list": [
      {
        "className": "z-0",
        "detail": "z-index: 0;"
      },
      {
        "className": "z-10",
        "detail": "z-index: 10;"
      },
      {
        "className": "z-20",
        "detail": "z-index: 20;"
      },
      {
        "className": "z-30",
        "detail": "z-index: 30;"
      },
      {
        "className": "z-40",
        "detail": "z-index: 40;"
      },
      {
        "className": "z-50",
        "detail": "z-index: 50;"
      },
      {
        "className": "z-auto",
        "detail": "z-index: auto;"
      }
    ]
  },
  {
    "name": "Flex Basis",
    "list": [
      {
        "className": "basis-0",
        "detail": "flex-basis: 0px;"
      },
      {
        "className": "basis-1",
        "detail": "flex-basis: 0.25rem; /* 4px */"
      },
      {
        "className": "basis-2",
        "detail": "flex-basis: 0.5rem; /* 8px */"
      },
      {
        "className": "basis-3",
        "detail": "flex-basis: 0.75rem; /* 12px */"
      },
      {
        "className": "basis-4",
        "detail": "flex-basis: 1rem; /* 16px */"
      },
      {
        "className": "basis-5",
        "detail": "flex-basis: 1.25rem; /* 20px */"
      },
      {
        "className": "basis-6",
        "detail": "flex-basis: 1.5rem; /* 24px */"
      },
      {
        "className": "basis-7",
        "detail": "flex-basis: 1.75rem; /* 28px */"
      },
      {
        "className": "basis-8",
        "detail": "flex-basis: 2rem; /* 32px */"
      },
      {
        "className": "basis-9",
        "detail": "flex-basis: 2.25rem; /* 36px */"
      },
      {
        "className": "basis-10",
        "detail": "flex-basis: 2.5rem; /* 40px */"
      },
      {
        "className": "basis-11",
        "detail": "flex-basis: 2.75rem; /* 44px */"
      },
      {
        "className": "basis-12",
        "detail": "flex-basis: 3rem; /* 48px */"
      },
      {
        "className": "basis-14",
        "detail": "flex-basis: 3.5rem; /* 56px */"
      },
      {
        "className": "basis-16",
        "detail": "flex-basis: 4rem; /* 64px */"
      },
      {
        "className": "basis-20",
        "detail": "flex-basis: 5rem; /* 80px */"
      },
      {
        "className": "basis-24",
        "detail": "flex-basis: 6rem; /* 96px */"
      },
      {
        "className": "basis-28",
        "detail": "flex-basis: 7rem; /* 112px */"
      },
      {
        "className": "basis-32",
        "detail": "flex-basis: 8rem; /* 128px */"
      },
      {
        "className": "basis-36",
        "detail": "flex-basis: 9rem; /* 144px */"
      },
      {
        "className": "basis-40",
        "detail": "flex-basis: 10rem; /* 160px */"
      },
      {
        "className": "basis-44",
        "detail": "flex-basis: 11rem; /* 176px */"
      },
      {
        "className": "basis-48",
        "detail": "flex-basis: 12rem; /* 192px */"
      },
      {
        "className": "basis-52",
        "detail": "flex-basis: 13rem; /* 208px */"
      },
      {
        "className": "basis-56",
        "detail": "flex-basis: 14rem; /* 224px */"
      },
      {
        "className": "basis-60",
        "detail": "flex-basis: 15rem; /* 240px */"
      },
      {
        "className": "basis-64",
        "detail": "flex-basis: 16rem; /* 256px */"
      },
      {
        "className": "basis-72",
        "detail": "flex-basis: 18rem; /* 288px */"
      },
      {
        "className": "basis-80",
        "detail": "flex-basis: 20rem; /* 320px */"
      },
      {
        "className": "basis-96",
        "detail": "flex-basis: 24rem; /* 384px */"
      },
      {
        "className": "basis-auto",
        "detail": "flex-basis: auto;"
      },
      {
        "className": "basis-px",
        "detail": "flex-basis: 1px;"
      },
      {
        "className": "basis-0.5",
        "detail": "flex-basis: 0.125rem; /* 2px */"
      },
      {
        "className": "basis-1.5",
        "detail": "flex-basis: 0.375rem; /* 6px */"
      },
      {
        "className": "basis-2.5",
        "detail": "flex-basis: 0.625rem; /* 10px */"
      },
      {
        "className": "basis-3.5",
        "detail": "flex-basis: 0.875rem; /* 14px */"
      },
      {
        "className": "basis-1/2",
        "detail": "flex-basis: 50%;"
      },
      {
        "className": "basis-1/3",
        "detail": "flex-basis: 33.333333%;"
      },
      {
        "className": "basis-2/3",
        "detail": "flex-basis: 66.666667%;"
      },
      {
        "className": "basis-1/4",
        "detail": "flex-basis: 25%;"
      },
      {
        "className": "basis-2/4",
        "detail": "flex-basis: 50%;"
      },
      {
        "className": "basis-3/4",
        "detail": "flex-basis: 75%;"
      },
      {
        "className": "basis-1/5",
        "detail": "flex-basis: 20%;"
      },
      {
        "className": "basis-2/5",
        "detail": "flex-basis: 40%;"
      },
      {
        "className": "basis-3/5",
        "detail": "flex-basis: 60%;"
      },
      {
        "className": "basis-4/5",
        "detail": "flex-basis: 80%;"
      },
      {
        "className": "basis-1/6",
        "detail": "flex-basis: 16.666667%;"
      },
      {
        "className": "basis-2/6",
        "detail": "flex-basis: 33.333333%;"
      },
      {
        "className": "basis-3/6",
        "detail": "flex-basis: 50%;"
      },
      {
        "className": "basis-4/6",
        "detail": "flex-basis: 66.666667%;"
      },
      {
        "className": "basis-5/6",
        "detail": "flex-basis: 83.333333%;"
      },
      {
        "className": "basis-1/12",
        "detail": "flex-basis: 8.333333%;"
      },
      {
        "className": "basis-2/12",
        "detail": "flex-basis: 16.666667%;"
      },
      {
        "className": "basis-3/12",
        "detail": "flex-basis: 25%;"
      },
      {
        "className": "basis-4/12",
        "detail": "flex-basis: 33.333333%;"
      },
      {
        "className": "basis-5/12",
        "detail": "flex-basis: 41.666667%;"
      },
      {
        "className": "basis-6/12",
        "detail": "flex-basis: 50%;"
      },
      {
        "className": "basis-7/12",
        "detail": "flex-basis: 58.333333%;"
      },
      {
        "className": "basis-8/12",
        "detail": "flex-basis: 66.666667%;"
      },
      {
        "className": "basis-9/12",
        "detail": "flex-basis: 75%;"
      },
      {
        "className": "basis-10/12",
        "detail": "flex-basis: 83.333333%;"
      },
      {
        "className": "basis-11/12",
        "detail": "flex-basis: 91.666667%;"
      },
      {
        "className": "basis-full",
        "detail": "flex-basis: 100%;"
      }
    ]
  },
  {
    "name": "Flex Direction",
    "list": [
      {
        "className": "flex-row",
        "detail": "flex-direction: row;"
      },
      {
        "className": "flex-row-reverse",
        "detail": "flex-direction: row-reverse;"
      },
      {
        "className": "flex-col",
        "detail": "flex-direction: column;"
      },
      {
        "className": "flex-col-reverse",
        "detail": "flex-direction: column-reverse;"
      }
    ]
  },
  {
    "name": "Flex Wrap",
    "list": [
      {
        "className": "flex-wrap",
        "detail": "flex-wrap: wrap;"
      },
      {
        "className": "flex-wrap-reverse",
        "detail": "flex-wrap: wrap-reverse;"
      },
      {
        "className": "flex-nowrap",
        "detail": "flex-wrap: nowrap;"
      }
    ]
  },
  {
    "name": "Flex",
    "list": [
      {
        "className": "flex-1",
        "detail": "flex: 1 1 0%;"
      },
      {
        "className": "flex-auto",
        "detail": "flex: 1 1 auto;"
      },
      {
        "className": "flex-initial",
        "detail": "flex: 0 1 auto;"
      },
      {
        "className": "flex-none",
        "detail": "flex: none;"
      }
    ]
  },
  {
    "name": "Flex Grow",
    "list": [
      {
        "className": "grow",
        "detail": "flex-grow: 1;"
      },
      {
        "className": "grow-0",
        "detail": "flex-grow: 0;"
      }
    ]
  },
  {
    "name": "Flex Shrink",
    "list": [
      {
        "className": "shrink",
        "detail": "flex-shrink: 1;"
      },
      {
        "className": "shrink-0",
        "detail": "flex-shrink: 0;"
      }
    ]
  },
  {
    "name": "Order",
    "list": [
      {
        "className": "order-1",
        "detail": "order: 1;"
      },
      {
        "className": "order-2",
        "detail": "order: 2;"
      },
      {
        "className": "order-3",
        "detail": "order: 3;"
      },
      {
        "className": "order-4",
        "detail": "order: 4;"
      },
      {
        "className": "order-5",
        "detail": "order: 5;"
      },
      {
        "className": "order-6",
        "detail": "order: 6;"
      },
      {
        "className": "order-7",
        "detail": "order: 7;"
      },
      {
        "className": "order-8",
        "detail": "order: 8;"
      },
      {
        "className": "order-9",
        "detail": "order: 9;"
      },
      {
        "className": "order-10",
        "detail": "order: 10;"
      },
      {
        "className": "order-11",
        "detail": "order: 11;"
      },
      {
        "className": "order-12",
        "detail": "order: 12;"
      },
      {
        "className": "order-first",
        "detail": "order: -9999;"
      },
      {
        "className": "order-last",
        "detail": "order: 9999;"
      },
      {
        "className": "order-none",
        "detail": "order: 0;"
      }
    ]
  },
  {
    "name": "Gap",
    "list": [
      {
        "className": "gap-0",
        "detail": "gap: 0px;"
      },
      {
        "className": "gap-x-0",
        "detail": "column-gap: 0px;"
      },
      {
        "className": "gap-y-0",
        "detail": "row-gap: 0px;"
      },
      {
        "className": "gap-px",
        "detail": "gap: 1px;"
      },
      {
        "className": "gap-x-px",
        "detail": "column-gap: 1px;"
      },
      {
        "className": "gap-y-px",
        "detail": "row-gap: 1px;"
      },
      {
        "className": "gap-0.5",
        "detail": "gap: 0.125rem; /* 2px */"
      },
      {
        "className": "gap-x-0.5",
        "detail": "column-gap: 0.125rem; /* 2px */"
      },
      {
        "className": "gap-y-0.5",
        "detail": "row-gap: 0.125rem; /* 2px */"
      },
      {
        "className": "gap-1",
        "detail": "gap: 0.25rem; /* 4px */"
      },
      {
        "className": "gap-x-1",
        "detail": "column-gap: 0.25rem; /* 4px */"
      },
      {
        "className": "gap-y-1",
        "detail": "row-gap: 0.25rem; /* 4px */"
      },
      {
        "className": "gap-1.5",
        "detail": "gap: 0.375rem; /* 6px */"
      },
      {
        "className": "gap-x-1.5",
        "detail": "column-gap: 0.375rem; /* 6px */"
      },
      {
        "className": "gap-y-1.5",
        "detail": "row-gap: 0.375rem; /* 6px */"
      },
      {
        "className": "gap-2",
        "detail": "gap: 0.5rem; /* 8px */"
      },
      {
        "className": "gap-x-2",
        "detail": "column-gap: 0.5rem; /* 8px */"
      },
      {
        "className": "gap-y-2",
        "detail": "row-gap: 0.5rem; /* 8px */"
      },
      {
        "className": "gap-2.5",
        "detail": "gap: 0.625rem; /* 10px */"
      },
      {
        "className": "gap-x-2.5",
        "detail": "column-gap: 0.625rem; /* 10px */"
      },
      {
        "className": "gap-y-2.5",
        "detail": "row-gap: 0.625rem; /* 10px */"
      },
      {
        "className": "gap-3",
        "detail": "gap: 0.75rem; /* 12px */"
      },
      {
        "className": "gap-x-3",
        "detail": "column-gap: 0.75rem; /* 12px */"
      },
      {
        "className": "gap-y-3",
        "detail": "row-gap: 0.75rem; /* 12px */"
      },
      {
        "className": "gap-3.5",
        "detail": "gap: 0.875rem; /* 14px */"
      },
      {
        "className": "gap-x-3.5",
        "detail": "column-gap: 0.875rem; /* 14px */"
      },
      {
        "className": "gap-y-3.5",
        "detail": "row-gap: 0.875rem; /* 14px */"
      },
      {
        "className": "gap-4",
        "detail": "gap: 1rem; /* 16px */"
      },
      {
        "className": "gap-x-4",
        "detail": "column-gap: 1rem; /* 16px */"
      },
      {
        "className": "gap-y-4",
        "detail": "row-gap: 1rem; /* 16px */"
      },
      {
        "className": "gap-5",
        "detail": "gap: 1.25rem; /* 20px */"
      },
      {
        "className": "gap-x-5",
        "detail": "column-gap: 1.25rem; /* 20px */"
      },
      {
        "className": "gap-y-5",
        "detail": "row-gap: 1.25rem; /* 20px */"
      },
      {
        "className": "gap-6",
        "detail": "gap: 1.5rem; /* 24px */"
      },
      {
        "className": "gap-x-6",
        "detail": "column-gap: 1.5rem; /* 24px */"
      },
      {
        "className": "gap-y-6",
        "detail": "row-gap: 1.5rem; /* 24px */"
      },
      {
        "className": "gap-7",
        "detail": "gap: 1.75rem; /* 28px */"
      },
      {
        "className": "gap-x-7",
        "detail": "column-gap: 1.75rem; /* 28px */"
      },
      {
        "className": "gap-y-7",
        "detail": "row-gap: 1.75rem; /* 28px */"
      },
      {
        "className": "gap-8",
        "detail": "gap: 2rem; /* 32px */"
      },
      {
        "className": "gap-x-8",
        "detail": "column-gap: 2rem; /* 32px */"
      },
      {
        "className": "gap-y-8",
        "detail": "row-gap: 2rem; /* 32px */"
      },
      {
        "className": "gap-9",
        "detail": "gap: 2.25rem; /* 36px */"
      },
      {
        "className": "gap-x-9",
        "detail": "column-gap: 2.25rem; /* 36px */"
      },
      {
        "className": "gap-y-9",
        "detail": "row-gap: 2.25rem; /* 36px */"
      },
      {
        "className": "gap-10",
        "detail": "gap: 2.5rem; /* 40px */"
      },
      {
        "className": "gap-x-10",
        "detail": "column-gap: 2.5rem; /* 40px */"
      },
      {
        "className": "gap-y-10",
        "detail": "row-gap: 2.5rem; /* 40px */"
      },
      {
        "className": "gap-11",
        "detail": "gap: 2.75rem; /* 44px */"
      },
      {
        "className": "gap-x-11",
        "detail": "column-gap: 2.75rem; /* 44px */"
      },
      {
        "className": "gap-y-11",
        "detail": "row-gap: 2.75rem; /* 44px */"
      },
      {
        "className": "gap-12",
        "detail": "gap: 3rem; /* 48px */"
      },
      {
        "className": "gap-x-12",
        "detail": "column-gap: 3rem; /* 48px */"
      },
      {
        "className": "gap-y-12",
        "detail": "row-gap: 3rem; /* 48px */"
      },
      {
        "className": "gap-14",
        "detail": "gap: 3.5rem; /* 56px */"
      },
      {
        "className": "gap-x-14",
        "detail": "column-gap: 3.5rem; /* 56px */"
      },
      {
        "className": "gap-y-14",
        "detail": "row-gap: 3.5rem; /* 56px */"
      },
      {
        "className": "gap-16",
        "detail": "gap: 4rem; /* 64px */"
      },
      {
        "className": "gap-x-16",
        "detail": "column-gap: 4rem; /* 64px */"
      },
      {
        "className": "gap-y-16",
        "detail": "row-gap: 4rem; /* 64px */"
      },
      {
        "className": "gap-20",
        "detail": "gap: 5rem; /* 80px */"
      },
      {
        "className": "gap-x-20",
        "detail": "column-gap: 5rem; /* 80px */"
      },
      {
        "className": "gap-y-20",
        "detail": "row-gap: 5rem; /* 80px */"
      },
      {
        "className": "gap-24",
        "detail": "gap: 6rem; /* 96px */"
      },
      {
        "className": "gap-x-24",
        "detail": "column-gap: 6rem; /* 96px */"
      },
      {
        "className": "gap-y-24",
        "detail": "row-gap: 6rem; /* 96px */"
      },
      {
        "className": "gap-28",
        "detail": "gap: 7rem; /* 112px */"
      },
      {
        "className": "gap-x-28",
        "detail": "column-gap: 7rem; /* 112px */"
      },
      {
        "className": "gap-y-28",
        "detail": "row-gap: 7rem; /* 112px */"
      },
      {
        "className": "gap-32",
        "detail": "gap: 8rem; /* 128px */"
      },
      {
        "className": "gap-x-32",
        "detail": "column-gap: 8rem; /* 128px */"
      },
      {
        "className": "gap-y-32",
        "detail": "row-gap: 8rem; /* 128px */"
      },
      {
        "className": "gap-36",
        "detail": "gap: 9rem; /* 144px */"
      },
      {
        "className": "gap-x-36",
        "detail": "column-gap: 9rem; /* 144px */"
      },
      {
        "className": "gap-y-36",
        "detail": "row-gap: 9rem; /* 144px */"
      },
      {
        "className": "gap-40",
        "detail": "gap: 10rem; /* 160px */"
      },
      {
        "className": "gap-x-40",
        "detail": "column-gap: 10rem; /* 160px */"
      },
      {
        "className": "gap-y-40",
        "detail": "row-gap: 10rem; /* 160px */"
      },
      {
        "className": "gap-44",
        "detail": "gap: 11rem; /* 176px */"
      },
      {
        "className": "gap-x-44",
        "detail": "column-gap: 11rem; /* 176px */"
      },
      {
        "className": "gap-y-44",
        "detail": "row-gap: 11rem; /* 176px */"
      },
      {
        "className": "gap-48",
        "detail": "gap: 12rem; /* 192px */"
      },
      {
        "className": "gap-x-48",
        "detail": "column-gap: 12rem; /* 192px */"
      },
      {
        "className": "gap-y-48",
        "detail": "row-gap: 12rem; /* 192px */"
      },
      {
        "className": "gap-52",
        "detail": "gap: 13rem; /* 208px */"
      },
      {
        "className": "gap-x-52",
        "detail": "column-gap: 13rem; /* 208px */"
      },
      {
        "className": "gap-y-52",
        "detail": "row-gap: 13rem; /* 208px */"
      },
      {
        "className": "gap-56",
        "detail": "gap: 14rem; /* 224px */"
      },
      {
        "className": "gap-x-56",
        "detail": "column-gap: 14rem; /* 224px */"
      },
      {
        "className": "gap-y-56",
        "detail": "row-gap: 14rem; /* 224px */"
      },
      {
        "className": "gap-60",
        "detail": "gap: 15rem; /* 240px */"
      },
      {
        "className": "gap-x-60",
        "detail": "column-gap: 15rem; /* 240px */"
      },
      {
        "className": "gap-y-60",
        "detail": "row-gap: 15rem; /* 240px */"
      },
      {
        "className": "gap-64",
        "detail": "gap: 16rem; /* 256px */"
      },
      {
        "className": "gap-x-64",
        "detail": "column-gap: 16rem; /* 256px */"
      },
      {
        "className": "gap-y-64",
        "detail": "row-gap: 16rem; /* 256px */"
      },
      {
        "className": "gap-72",
        "detail": "gap: 18rem; /* 288px */"
      },
      {
        "className": "gap-x-72",
        "detail": "column-gap: 18rem; /* 288px */"
      },
      {
        "className": "gap-y-72",
        "detail": "row-gap: 18rem; /* 288px */"
      },
      {
        "className": "gap-80",
        "detail": "gap: 20rem; /* 320px */"
      },
      {
        "className": "gap-x-80",
        "detail": "column-gap: 20rem; /* 320px */"
      },
      {
        "className": "gap-y-80",
        "detail": "row-gap: 20rem; /* 320px */"
      },
      {
        "className": "gap-96",
        "detail": "gap: 24rem; /* 384px */"
      },
      {
        "className": "gap-x-96",
        "detail": "column-gap: 24rem; /* 384px */"
      },
      {
        "className": "gap-y-96",
        "detail": "row-gap: 24rem; /* 384px */"
      }
    ]
  },
  {
    "name": "Justify Content",
    "list": [
      {
        "className": "justify-start",
        "detail": "justify-content: flex-start;"
      },
      {
        "className": "justify-end",
        "detail": "justify-content: flex-end;"
      },
      {
        "className": "justify-center",
        "detail": "justify-content: center;"
      },
      {
        "className": "justify-between",
        "detail": "justify-content: space-between;"
      },
      {
        "className": "justify-around",
        "detail": "justify-content: space-around;"
      },
      {
        "className": "justify-evenly",
        "detail": "justify-content: space-evenly;"
      }
    ]
  },
  {
    "name": "Justify Items",
    "list": [
      {
        "className": "justify-items-start",
        "detail": "justify-items: start;"
      },
      {
        "className": "justify-items-end",
        "detail": "justify-items: end;"
      },
      {
        "className": "justify-items-center",
        "detail": "justify-items: center;"
      },
      {
        "className": "justify-items-stretch",
        "detail": "justify-items: stretch;"
      }
    ]
  },
  {
    "name": "Justify Self",
    "list": [
      {
        "className": "justify-self-auto",
        "detail": "justify-self: auto;"
      },
      {
        "className": "justify-self-start",
        "detail": "justify-self: start;"
      },
      {
        "className": "justify-self-end",
        "detail": "justify-self: end;"
      },
      {
        "className": "justify-self-center",
        "detail": "justify-self: center;"
      },
      {
        "className": "justify-self-stretch",
        "detail": "justify-self: stretch;"
      }
    ]
  },
  {
    "name": "Align Content",
    "list": [
      {
        "className": "content-center",
        "detail": "align-content: center;"
      },
      {
        "className": "content-start",
        "detail": "align-content: flex-start;"
      },
      {
        "className": "content-end",
        "detail": "align-content: flex-end;"
      },
      {
        "className": "content-between",
        "detail": "align-content: space-between;"
      },
      {
        "className": "content-around",
        "detail": "align-content: space-around;"
      },
      {
        "className": "content-evenly",
        "detail": "align-content: space-evenly;"
      },
      {
        "className": "content-baseline",
        "detail": "align-content: baseline;"
      }
    ]
  },
  {
    "name": "Align Items",
    "list": [
      {
        "className": "items-start",
        "detail": "align-items: flex-start;"
      },
      {
        "className": "items-end",
        "detail": "align-items: flex-end;"
      },
      {
        "className": "items-center",
        "detail": "align-items: center;"
      },
      {
        "className": "items-baseline",
        "detail": "align-items: baseline;"
      },
      {
        "className": "items-stretch",
        "detail": "align-items: stretch;"
      }
    ]
  },
  {
    "name": "Align Self",
    "list": [
      {
        "className": "self-auto",
        "detail": "align-self: auto;"
      },
      {
        "className": "self-start",
        "detail": "align-self: flex-start;"
      },
      {
        "className": "self-end",
        "detail": "align-self: flex-end;"
      },
      {
        "className": "self-center",
        "detail": "align-self: center;"
      },
      {
        "className": "self-stretch",
        "detail": "align-self: stretch;"
      },
      {
        "className": "self-baseline",
        "detail": "align-self: baseline;"
      }
    ]
  },
  {
    "name": "Padding",
    "list": [
      {
        "className": "p-0",
        "detail": "padding: 0px;"
      },
      {
        "className": "px-0",
        "detail": "padding-left: 0px; padding-right: 0px;"
      },
      {
        "className": "py-0",
        "detail": "padding-top: 0px; padding-bottom: 0px;"
      },
      {
        "className": "pt-0",
        "detail": "padding-top: 0px;"
      },
      {
        "className": "pr-0",
        "detail": "padding-right: 0px;"
      },
      {
        "className": "pb-0",
        "detail": "padding-bottom: 0px;"
      },
      {
        "className": "pl-0",
        "detail": "padding-left: 0px;"
      },
      {
        "className": "p-px",
        "detail": "padding: 1px;"
      },
      {
        "className": "px-px",
        "detail": "padding-left: 1px; padding-right: 1px;"
      },
      {
        "className": "py-px",
        "detail": "padding-top: 1px; padding-bottom: 1px;"
      },
      {
        "className": "pt-px",
        "detail": "padding-top: 1px;"
      },
      {
        "className": "pr-px",
        "detail": "padding-right: 1px;"
      },
      {
        "className": "pb-px",
        "detail": "padding-bottom: 1px;"
      },
      {
        "className": "pl-px",
        "detail": "padding-left: 1px;"
      },
      {
        "className": "p-0.5",
        "detail": "padding: 0.125rem; /* 2px */"
      },
      {
        "className": "px-0.5",
        "detail": "padding-left: 0.125rem; /* 2px */ padding-right: 0.125rem; /* 2px */"
      },
      {
        "className": "py-0.5",
        "detail": "padding-top: 0.125rem; /* 2px */ padding-bottom: 0.125rem; /* 2px */"
      },
      {
        "className": "pt-0.5",
        "detail": "padding-top: 0.125rem; /* 2px */"
      },
      {
        "className": "pr-0.5",
        "detail": "padding-right: 0.125rem; /* 2px */"
      },
      {
        "className": "pb-0.5",
        "detail": "padding-bottom: 0.125rem; /* 2px */"
      },
      {
        "className": "pl-0.5",
        "detail": "padding-left: 0.125rem; /* 2px */"
      },
      {
        "className": "p-1",
        "detail": "padding: 0.25rem; /* 4px */"
      },
      {
        "className": "px-1",
        "detail": "padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */"
      },
      {
        "className": "py-1",
        "detail": "padding-top: 0.25rem; /* 4px */ padding-bottom: 0.25rem; /* 4px */"
      },
      {
        "className": "pt-1",
        "detail": "padding-top: 0.25rem; /* 4px */"
      },
      {
        "className": "pr-1",
        "detail": "padding-right: 0.25rem; /* 4px */"
      },
      {
        "className": "pb-1",
        "detail": "padding-bottom: 0.25rem; /* 4px */"
      },
      {
        "className": "pl-1",
        "detail": "padding-left: 0.25rem; /* 4px */"
      },
      {
        "className": "p-1.5",
        "detail": "padding: 0.375rem; /* 6px */"
      },
      {
        "className": "px-1.5",
        "detail": "padding-left: 0.375rem; /* 6px */ padding-right: 0.375rem; /* 6px */"
      },
      {
        "className": "py-1.5",
        "detail": "padding-top: 0.375rem; /* 6px */ padding-bottom: 0.375rem; /* 6px */"
      },
      {
        "className": "pt-1.5",
        "detail": "padding-top: 0.375rem; /* 6px */"
      },
      {
        "className": "pr-1.5",
        "detail": "padding-right: 0.375rem; /* 6px */"
      },
      {
        "className": "pb-1.5",
        "detail": "padding-bottom: 0.375rem; /* 6px */"
      },
      {
        "className": "pl-1.5",
        "detail": "padding-left: 0.375rem; /* 6px */"
      },
      {
        "className": "p-2",
        "detail": "padding: 0.5rem; /* 8px */"
      },
      {
        "className": "px-2",
        "detail": "padding-left: 0.5rem; /* 8px */ padding-right: 0.5rem; /* 8px */"
      },
      {
        "className": "py-2",
        "detail": "padding-top: 0.5rem; /* 8px */ padding-bottom: 0.5rem; /* 8px */"
      },
      {
        "className": "pt-2",
        "detail": "padding-top: 0.5rem; /* 8px */"
      },
      {
        "className": "pr-2",
        "detail": "padding-right: 0.5rem; /* 8px */"
      },
      {
        "className": "pb-2",
        "detail": "padding-bottom: 0.5rem; /* 8px */"
      },
      {
        "className": "pl-2",
        "detail": "padding-left: 0.5rem; /* 8px */"
      },
      {
        "className": "p-2.5",
        "detail": "padding: 0.625rem; /* 10px */"
      },
      {
        "className": "px-2.5",
        "detail": "padding-left: 0.625rem; /* 10px */ padding-right: 0.625rem; /* 10px */"
      },
      {
        "className": "py-2.5",
        "detail": "padding-top: 0.625rem; /* 10px */ padding-bottom: 0.625rem; /* 10px */"
      },
      {
        "className": "pt-2.5",
        "detail": "padding-top: 0.625rem; /* 10px */"
      },
      {
        "className": "pr-2.5",
        "detail": "padding-right: 0.625rem; /* 10px */"
      },
      {
        "className": "pb-2.5",
        "detail": "padding-bottom: 0.625rem; /* 10px */"
      },
      {
        "className": "pl-2.5",
        "detail": "padding-left: 0.625rem; /* 10px */"
      },
      {
        "className": "p-3",
        "detail": "padding: 0.75rem; /* 12px */"
      },
      {
        "className": "px-3",
        "detail": "padding-left: 0.75rem; /* 12px */ padding-right: 0.75rem; /* 12px */"
      },
      {
        "className": "py-3",
        "detail": "padding-top: 0.75rem; /* 12px */ padding-bottom: 0.75rem; /* 12px */"
      },
      {
        "className": "pt-3",
        "detail": "padding-top: 0.75rem; /* 12px */"
      },
      {
        "className": "pr-3",
        "detail": "padding-right: 0.75rem; /* 12px */"
      },
      {
        "className": "pb-3",
        "detail": "padding-bottom: 0.75rem; /* 12px */"
      },
      {
        "className": "pl-3",
        "detail": "padding-left: 0.75rem; /* 12px */"
      },
      {
        "className": "p-3.5",
        "detail": "padding: 0.875rem; /* 14px */"
      },
      {
        "className": "px-3.5",
        "detail": "padding-left: 0.875rem; /* 14px */ padding-right: 0.875rem; /* 14px */"
      },
      {
        "className": "py-3.5",
        "detail": "padding-top: 0.875rem; /* 14px */ padding-bottom: 0.875rem; /* 14px */"
      },
      {
        "className": "pt-3.5",
        "detail": "padding-top: 0.875rem; /* 14px */"
      },
      {
        "className": "pr-3.5",
        "detail": "padding-right: 0.875rem; /* 14px */"
      },
      {
        "className": "pb-3.5",
        "detail": "padding-bottom: 0.875rem; /* 14px */"
      },
      {
        "className": "pl-3.5",
        "detail": "padding-left: 0.875rem; /* 14px */"
      },
      {
        "className": "p-4",
        "detail": "padding: 1rem; /* 16px */"
      },
      {
        "className": "px-4",
        "detail": "padding-left: 1rem; /* 16px */ padding-right: 1rem; /* 16px */"
      },
      {
        "className": "py-4",
        "detail": "padding-top: 1rem; /* 16px */ padding-bottom: 1rem; /* 16px */"
      },
      {
        "className": "pt-4",
        "detail": "padding-top: 1rem; /* 16px */"
      },
      {
        "className": "pr-4",
        "detail": "padding-right: 1rem; /* 16px */"
      },
      {
        "className": "pb-4",
        "detail": "padding-bottom: 1rem; /* 16px */"
      },
      {
        "className": "pl-4",
        "detail": "padding-left: 1rem; /* 16px */"
      },
      {
        "className": "p-5",
        "detail": "padding: 1.25rem; /* 20px */"
      },
      {
        "className": "px-5",
        "detail": "padding-left: 1.25rem; /* 20px */ padding-right: 1.25rem; /* 20px */"
      },
      {
        "className": "py-5",
        "detail": "padding-top: 1.25rem; /* 20px */ padding-bottom: 1.25rem; /* 20px */"
      },
      {
        "className": "pt-5",
        "detail": "padding-top: 1.25rem; /* 20px */"
      },
      {
        "className": "pr-5",
        "detail": "padding-right: 1.25rem; /* 20px */"
      },
      {
        "className": "pb-5",
        "detail": "padding-bottom: 1.25rem; /* 20px */"
      },
      {
        "className": "pl-5",
        "detail": "padding-left: 1.25rem; /* 20px */"
      },
      {
        "className": "p-6",
        "detail": "padding: 1.5rem; /* 24px */"
      },
      {
        "className": "px-6",
        "detail": "padding-left: 1.5rem; /* 24px */ padding-right: 1.5rem; /* 24px */"
      },
      {
        "className": "py-6",
        "detail": "padding-top: 1.5rem; /* 24px */ padding-bottom: 1.5rem; /* 24px */"
      },
      {
        "className": "pt-6",
        "detail": "padding-top: 1.5rem; /* 24px */"
      },
      {
        "className": "pr-6",
        "detail": "padding-right: 1.5rem; /* 24px */"
      },
      {
        "className": "pb-6",
        "detail": "padding-bottom: 1.5rem; /* 24px */"
      },
      {
        "className": "pl-6",
        "detail": "padding-left: 1.5rem; /* 24px */"
      },
      {
        "className": "p-7",
        "detail": "padding: 1.75rem; /* 28px */"
      },
      {
        "className": "px-7",
        "detail": "padding-left: 1.75rem; /* 28px */ padding-right: 1.75rem; /* 28px */"
      },
      {
        "className": "py-7",
        "detail": "padding-top: 1.75rem; /* 28px */ padding-bottom: 1.75rem; /* 28px */"
      },
      {
        "className": "pt-7",
        "detail": "padding-top: 1.75rem; /* 28px */"
      },
      {
        "className": "pr-7",
        "detail": "padding-right: 1.75rem; /* 28px */"
      },
      {
        "className": "pb-7",
        "detail": "padding-bottom: 1.75rem; /* 28px */"
      },
      {
        "className": "pl-7",
        "detail": "padding-left: 1.75rem; /* 28px */"
      },
      {
        "className": "p-8",
        "detail": "padding: 2rem; /* 32px */"
      },
      {
        "className": "px-8",
        "detail": "padding-left: 2rem; /* 32px */ padding-right: 2rem; /* 32px */"
      },
      {
        "className": "py-8",
        "detail": "padding-top: 2rem; /* 32px */ padding-bottom: 2rem; /* 32px */"
      },
      {
        "className": "pt-8",
        "detail": "padding-top: 2rem; /* 32px */"
      },
      {
        "className": "pr-8",
        "detail": "padding-right: 2rem; /* 32px */"
      },
      {
        "className": "pb-8",
        "detail": "padding-bottom: 2rem; /* 32px */"
      },
      {
        "className": "pl-8",
        "detail": "padding-left: 2rem; /* 32px */"
      },
      {
        "className": "p-9",
        "detail": "padding: 2.25rem; /* 36px */"
      },
      {
        "className": "px-9",
        "detail": "padding-left: 2.25rem; /* 36px */ padding-right: 2.25rem; /* 36px */"
      },
      {
        "className": "py-9",
        "detail": "padding-top: 2.25rem; /* 36px */ padding-bottom: 2.25rem; /* 36px */"
      },
      {
        "className": "pt-9",
        "detail": "padding-top: 2.25rem; /* 36px */"
      },
      {
        "className": "pr-9",
        "detail": "padding-right: 2.25rem; /* 36px */"
      },
      {
        "className": "pb-9",
        "detail": "padding-bottom: 2.25rem; /* 36px */"
      },
      {
        "className": "pl-9",
        "detail": "padding-left: 2.25rem; /* 36px */"
      },
      {
        "className": "p-10",
        "detail": "padding: 2.5rem; /* 40px */"
      },
      {
        "className": "px-10",
        "detail": "padding-left: 2.5rem; /* 40px */ padding-right: 2.5rem; /* 40px */"
      },
      {
        "className": "py-10",
        "detail": "padding-top: 2.5rem; /* 40px */ padding-bottom: 2.5rem; /* 40px */"
      },
      {
        "className": "pt-10",
        "detail": "padding-top: 2.5rem; /* 40px */"
      },
      {
        "className": "pr-10",
        "detail": "padding-right: 2.5rem; /* 40px */"
      },
      {
        "className": "pb-10",
        "detail": "padding-bottom: 2.5rem; /* 40px */"
      },
      {
        "className": "pl-10",
        "detail": "padding-left: 2.5rem; /* 40px */"
      },
      {
        "className": "p-11",
        "detail": "padding: 2.75rem; /* 44px */"
      },
      {
        "className": "px-11",
        "detail": "padding-left: 2.75rem; /* 44px */ padding-right: 2.75rem; /* 44px */"
      },
      {
        "className": "py-11",
        "detail": "padding-top: 2.75rem; /* 44px */ padding-bottom: 2.75rem; /* 44px */"
      },
      {
        "className": "pt-11",
        "detail": "padding-top: 2.75rem; /* 44px */"
      },
      {
        "className": "pr-11",
        "detail": "padding-right: 2.75rem; /* 44px */"
      },
      {
        "className": "pb-11",
        "detail": "padding-bottom: 2.75rem; /* 44px */"
      },
      {
        "className": "pl-11",
        "detail": "padding-left: 2.75rem; /* 44px */"
      },
      {
        "className": "p-12",
        "detail": "padding: 3rem; /* 48px */"
      },
      {
        "className": "px-12",
        "detail": "padding-left: 3rem; /* 48px */ padding-right: 3rem; /* 48px */"
      },
      {
        "className": "py-12",
        "detail": "padding-top: 3rem; /* 48px */ padding-bottom: 3rem; /* 48px */"
      },
      {
        "className": "pt-12",
        "detail": "padding-top: 3rem; /* 48px */"
      },
      {
        "className": "pr-12",
        "detail": "padding-right: 3rem; /* 48px */"
      },
      {
        "className": "pb-12",
        "detail": "padding-bottom: 3rem; /* 48px */"
      },
      {
        "className": "pl-12",
        "detail": "padding-left: 3rem; /* 48px */"
      },
      {
        "className": "p-14",
        "detail": "padding: 3.5rem; /* 56px */"
      },
      {
        "className": "px-14",
        "detail": "padding-left: 3.5rem; /* 56px */ padding-right: 3.5rem; /* 56px */"
      },
      {
        "className": "py-14",
        "detail": "padding-top: 3.5rem; /* 56px */ padding-bottom: 3.5rem; /* 56px */"
      },
      {
        "className": "pt-14",
        "detail": "padding-top: 3.5rem; /* 56px */"
      },
      {
        "className": "pr-14",
        "detail": "padding-right: 3.5rem; /* 56px */"
      },
      {
        "className": "pb-14",
        "detail": "padding-bottom: 3.5rem; /* 56px */"
      },
      {
        "className": "pl-14",
        "detail": "padding-left: 3.5rem; /* 56px */"
      },
      {
        "className": "p-16",
        "detail": "padding: 4rem; /* 64px */"
      },
      {
        "className": "px-16",
        "detail": "padding-left: 4rem; /* 64px */ padding-right: 4rem; /* 64px */"
      },
      {
        "className": "py-16",
        "detail": "padding-top: 4rem; /* 64px */ padding-bottom: 4rem; /* 64px */"
      },
      {
        "className": "pt-16",
        "detail": "padding-top: 4rem; /* 64px */"
      },
      {
        "className": "pr-16",
        "detail": "padding-right: 4rem; /* 64px */"
      },
      {
        "className": "pb-16",
        "detail": "padding-bottom: 4rem; /* 64px */"
      },
      {
        "className": "pl-16",
        "detail": "padding-left: 4rem; /* 64px */"
      },
      {
        "className": "p-20",
        "detail": "padding: 5rem; /* 80px */"
      },
      {
        "className": "px-20",
        "detail": "padding-left: 5rem; /* 80px */ padding-right: 5rem; /* 80px */"
      },
      {
        "className": "py-20",
        "detail": "padding-top: 5rem; /* 80px */ padding-bottom: 5rem; /* 80px */"
      },
      {
        "className": "pt-20",
        "detail": "padding-top: 5rem; /* 80px */"
      },
      {
        "className": "pr-20",
        "detail": "padding-right: 5rem; /* 80px */"
      },
      {
        "className": "pb-20",
        "detail": "padding-bottom: 5rem; /* 80px */"
      },
      {
        "className": "pl-20",
        "detail": "padding-left: 5rem; /* 80px */"
      },
      {
        "className": "p-24",
        "detail": "padding: 6rem; /* 96px */"
      },
      {
        "className": "px-24",
        "detail": "padding-left: 6rem; /* 96px */ padding-right: 6rem; /* 96px */"
      },
      {
        "className": "py-24",
        "detail": "padding-top: 6rem; /* 96px */ padding-bottom: 6rem; /* 96px */"
      },
      {
        "className": "pt-24",
        "detail": "padding-top: 6rem; /* 96px */"
      },
      {
        "className": "pr-24",
        "detail": "padding-right: 6rem; /* 96px */"
      },
      {
        "className": "pb-24",
        "detail": "padding-bottom: 6rem; /* 96px */"
      },
      {
        "className": "pl-24",
        "detail": "padding-left: 6rem; /* 96px */"
      },
      {
        "className": "p-28",
        "detail": "padding: 7rem; /* 112px */"
      },
      {
        "className": "px-28",
        "detail": "padding-left: 7rem; /* 112px */ padding-right: 7rem; /* 112px */"
      },
      {
        "className": "py-28",
        "detail": "padding-top: 7rem; /* 112px */ padding-bottom: 7rem; /* 112px */"
      },
      {
        "className": "pt-28",
        "detail": "padding-top: 7rem; /* 112px */"
      },
      {
        "className": "pr-28",
        "detail": "padding-right: 7rem; /* 112px */"
      },
      {
        "className": "pb-28",
        "detail": "padding-bottom: 7rem; /* 112px */"
      },
      {
        "className": "pl-28",
        "detail": "padding-left: 7rem; /* 112px */"
      },
      {
        "className": "p-32",
        "detail": "padding: 8rem; /* 128px */"
      },
      {
        "className": "px-32",
        "detail": "padding-left: 8rem; /* 128px */ padding-right: 8rem; /* 128px */"
      },
      {
        "className": "py-32",
        "detail": "padding-top: 8rem; /* 128px */ padding-bottom: 8rem; /* 128px */"
      },
      {
        "className": "pt-32",
        "detail": "padding-top: 8rem; /* 128px */"
      },
      {
        "className": "pr-32",
        "detail": "padding-right: 8rem; /* 128px */"
      },
      {
        "className": "pb-32",
        "detail": "padding-bottom: 8rem; /* 128px */"
      },
      {
        "className": "pl-32",
        "detail": "padding-left: 8rem; /* 128px */"
      },
      {
        "className": "p-36",
        "detail": "padding: 9rem; /* 144px */"
      },
      {
        "className": "px-36",
        "detail": "padding-left: 9rem; /* 144px */ padding-right: 9rem; /* 144px */"
      },
      {
        "className": "py-36",
        "detail": "padding-top: 9rem; /* 144px */ padding-bottom: 9rem; /* 144px */"
      },
      {
        "className": "pt-36",
        "detail": "padding-top: 9rem; /* 144px */"
      },
      {
        "className": "pr-36",
        "detail": "padding-right: 9rem; /* 144px */"
      },
      {
        "className": "pb-36",
        "detail": "padding-bottom: 9rem; /* 144px */"
      },
      {
        "className": "pl-36",
        "detail": "padding-left: 9rem; /* 144px */"
      },
      {
        "className": "p-40",
        "detail": "padding: 10rem; /* 160px */"
      },
      {
        "className": "px-40",
        "detail": "padding-left: 10rem; /* 160px */ padding-right: 10rem; /* 160px */"
      },
      {
        "className": "py-40",
        "detail": "padding-top: 10rem; /* 160px */ padding-bottom: 10rem; /* 160px */"
      },
      {
        "className": "pt-40",
        "detail": "padding-top: 10rem; /* 160px */"
      },
      {
        "className": "pr-40",
        "detail": "padding-right: 10rem; /* 160px */"
      },
      {
        "className": "pb-40",
        "detail": "padding-bottom: 10rem; /* 160px */"
      },
      {
        "className": "pl-40",
        "detail": "padding-left: 10rem; /* 160px */"
      },
      {
        "className": "p-44",
        "detail": "padding: 11rem; /* 176px */"
      },
      {
        "className": "px-44",
        "detail": "padding-left: 11rem; /* 176px */ padding-right: 11rem; /* 176px */"
      },
      {
        "className": "py-44",
        "detail": "padding-top: 11rem; /* 176px */ padding-bottom: 11rem; /* 176px */"
      },
      {
        "className": "pt-44",
        "detail": "padding-top: 11rem; /* 176px */"
      },
      {
        "className": "pr-44",
        "detail": "padding-right: 11rem; /* 176px */"
      },
      {
        "className": "pb-44",
        "detail": "padding-bottom: 11rem; /* 176px */"
      },
      {
        "className": "pl-44",
        "detail": "padding-left: 11rem; /* 176px */"
      },
      {
        "className": "p-48",
        "detail": "padding: 12rem; /* 192px */"
      },
      {
        "className": "px-48",
        "detail": "padding-left: 12rem; /* 192px */ padding-right: 12rem; /* 192px */"
      },
      {
        "className": "py-48",
        "detail": "padding-top: 12rem; /* 192px */ padding-bottom: 12rem; /* 192px */"
      },
      {
        "className": "pt-48",
        "detail": "padding-top: 12rem; /* 192px */"
      },
      {
        "className": "pr-48",
        "detail": "padding-right: 12rem; /* 192px */"
      },
      {
        "className": "pb-48",
        "detail": "padding-bottom: 12rem; /* 192px */"
      },
      {
        "className": "pl-48",
        "detail": "padding-left: 12rem; /* 192px */"
      },
      {
        "className": "p-52",
        "detail": "padding: 13rem; /* 208px */"
      },
      {
        "className": "px-52",
        "detail": "padding-left: 13rem; /* 208px */ padding-right: 13rem; /* 208px */"
      },
      {
        "className": "py-52",
        "detail": "padding-top: 13rem; /* 208px */ padding-bottom: 13rem; /* 208px */"
      },
      {
        "className": "pt-52",
        "detail": "padding-top: 13rem; /* 208px */"
      },
      {
        "className": "pr-52",
        "detail": "padding-right: 13rem; /* 208px */"
      },
      {
        "className": "pb-52",
        "detail": "padding-bottom: 13rem; /* 208px */"
      },
      {
        "className": "pl-52",
        "detail": "padding-left: 13rem; /* 208px */"
      },
      {
        "className": "p-56",
        "detail": "padding: 14rem; /* 224px */"
      },
      {
        "className": "px-56",
        "detail": "padding-left: 14rem; /* 224px */ padding-right: 14rem; /* 224px */"
      },
      {
        "className": "py-56",
        "detail": "padding-top: 14rem; /* 224px */ padding-bottom: 14rem; /* 224px */"
      },
      {
        "className": "pt-56",
        "detail": "padding-top: 14rem; /* 224px */"
      },
      {
        "className": "pr-56",
        "detail": "padding-right: 14rem; /* 224px */"
      },
      {
        "className": "pb-56",
        "detail": "padding-bottom: 14rem; /* 224px */"
      },
      {
        "className": "pl-56",
        "detail": "padding-left: 14rem; /* 224px */"
      },
      {
        "className": "p-60",
        "detail": "padding: 15rem; /* 240px */"
      },
      {
        "className": "px-60",
        "detail": "padding-left: 15rem; /* 240px */ padding-right: 15rem; /* 240px */"
      },
      {
        "className": "py-60",
        "detail": "padding-top: 15rem; /* 240px */ padding-bottom: 15rem; /* 240px */"
      },
      {
        "className": "pt-60",
        "detail": "padding-top: 15rem; /* 240px */"
      },
      {
        "className": "pr-60",
        "detail": "padding-right: 15rem; /* 240px */"
      },
      {
        "className": "pb-60",
        "detail": "padding-bottom: 15rem; /* 240px */"
      },
      {
        "className": "pl-60",
        "detail": "padding-left: 15rem; /* 240px */"
      },
      {
        "className": "p-64",
        "detail": "padding: 16rem; /* 256px */"
      },
      {
        "className": "px-64",
        "detail": "padding-left: 16rem; /* 256px */ padding-right: 16rem; /* 256px */"
      },
      {
        "className": "py-64",
        "detail": "padding-top: 16rem; /* 256px */ padding-bottom: 16rem; /* 256px */"
      },
      {
        "className": "pt-64",
        "detail": "padding-top: 16rem; /* 256px */"
      },
      {
        "className": "pr-64",
        "detail": "padding-right: 16rem; /* 256px */"
      },
      {
        "className": "pb-64",
        "detail": "padding-bottom: 16rem; /* 256px */"
      },
      {
        "className": "pl-64",
        "detail": "padding-left: 16rem; /* 256px */"
      },
      {
        "className": "p-72",
        "detail": "padding: 18rem; /* 288px */"
      },
      {
        "className": "px-72",
        "detail": "padding-left: 18rem; /* 288px */ padding-right: 18rem; /* 288px */"
      },
      {
        "className": "py-72",
        "detail": "padding-top: 18rem; /* 288px */ padding-bottom: 18rem; /* 288px */"
      },
      {
        "className": "pt-72",
        "detail": "padding-top: 18rem; /* 288px */"
      },
      {
        "className": "pr-72",
        "detail": "padding-right: 18rem; /* 288px */"
      },
      {
        "className": "pb-72",
        "detail": "padding-bottom: 18rem; /* 288px */"
      },
      {
        "className": "pl-72",
        "detail": "padding-left: 18rem; /* 288px */"
      },
      {
        "className": "p-80",
        "detail": "padding: 20rem; /* 320px */"
      },
      {
        "className": "px-80",
        "detail": "padding-left: 20rem; /* 320px */ padding-right: 20rem; /* 320px */"
      },
      {
        "className": "py-80",
        "detail": "padding-top: 20rem; /* 320px */ padding-bottom: 20rem; /* 320px */"
      },
      {
        "className": "pt-80",
        "detail": "padding-top: 20rem; /* 320px */"
      },
      {
        "className": "pr-80",
        "detail": "padding-right: 20rem; /* 320px */"
      },
      {
        "className": "pb-80",
        "detail": "padding-bottom: 20rem; /* 320px */"
      },
      {
        "className": "pl-80",
        "detail": "padding-left: 20rem; /* 320px */"
      },
      {
        "className": "p-96",
        "detail": "padding: 24rem; /* 384px */"
      },
      {
        "className": "px-96",
        "detail": "padding-left: 24rem; /* 384px */ padding-right: 24rem; /* 384px */"
      },
      {
        "className": "py-96",
        "detail": "padding-top: 24rem; /* 384px */ padding-bottom: 24rem; /* 384px */"
      },
      {
        "className": "pt-96",
        "detail": "padding-top: 24rem; /* 384px */"
      },
      {
        "className": "pr-96",
        "detail": "padding-right: 24rem; /* 384px */"
      },
      {
        "className": "pb-96",
        "detail": "padding-bottom: 24rem; /* 384px */"
      },
      {
        "className": "pl-96",
        "detail": "padding-left: 24rem; /* 384px */"
      }
    ]
  },
  {
    "name": "Margin",
    "list": [
      {
        "className": "m-0",
        "detail": "margin: 0px;"
      },
      {
        "className": "mx-0",
        "detail": "margin-left: 0px; margin-right: 0px;"
      },
      {
        "className": "my-0",
        "detail": "margin-top: 0px; margin-bottom: 0px;"
      },
      {
        "className": "mt-0",
        "detail": "margin-top: 0px;"
      },
      {
        "className": "mr-0",
        "detail": "margin-right: 0px;"
      },
      {
        "className": "mb-0",
        "detail": "margin-bottom: 0px;"
      },
      {
        "className": "ml-0",
        "detail": "margin-left: 0px;"
      },
      {
        "className": "m-px",
        "detail": "margin: 1px;"
      },
      {
        "className": "mx-px",
        "detail": "margin-left: 1px; margin-right: 1px;"
      },
      {
        "className": "my-px",
        "detail": "margin-top: 1px; margin-bottom: 1px;"
      },
      {
        "className": "mt-px",
        "detail": "margin-top: 1px;"
      },
      {
        "className": "mr-px",
        "detail": "margin-right: 1px;"
      },
      {
        "className": "mb-px",
        "detail": "margin-bottom: 1px;"
      },
      {
        "className": "ml-px",
        "detail": "margin-left: 1px;"
      },
      {
        "className": "m-0.5",
        "detail": "margin: 0.125rem; /* 2px */"
      },
      {
        "className": "mx-0.5",
        "detail": "margin-left: 0.125rem; /* 2px */ margin-right: 0.125rem; /* 2px */"
      },
      {
        "className": "my-0.5",
        "detail": "margin-top: 0.125rem; /* 2px */ margin-bottom: 0.125rem; /* 2px */"
      },
      {
        "className": "mt-0.5",
        "detail": "margin-top: 0.125rem; /* 2px */"
      },
      {
        "className": "mr-0.5",
        "detail": "margin-right: 0.125rem; /* 2px */"
      },
      {
        "className": "mb-0.5",
        "detail": "margin-bottom: 0.125rem; /* 2px */"
      },
      {
        "className": "ml-0.5",
        "detail": "margin-left: 0.125rem; /* 2px */"
      },
      {
        "className": "m-1",
        "detail": "margin: 0.25rem; /* 4px */"
      },
      {
        "className": "mx-1",
        "detail": "margin-left: 0.25rem; /* 4px */ margin-right: 0.25rem; /* 4px */"
      },
      {
        "className": "my-1",
        "detail": "margin-top: 0.25rem; /* 4px */ margin-bottom: 0.25rem; /* 4px */"
      },
      {
        "className": "mt-1",
        "detail": "margin-top: 0.25rem; /* 4px */"
      },
      {
        "className": "mr-1",
        "detail": "margin-right: 0.25rem; /* 4px */"
      },
      {
        "className": "mb-1",
        "detail": "margin-bottom: 0.25rem; /* 4px */"
      },
      {
        "className": "ml-1",
        "detail": "margin-left: 0.25rem; /* 4px */"
      },
      {
        "className": "m-1.5",
        "detail": "margin: 0.375rem; /* 6px */"
      },
      {
        "className": "mx-1.5",
        "detail": "margin-left: 0.375rem; /* 6px */ margin-right: 0.375rem; /* 6px */"
      },
      {
        "className": "my-1.5",
        "detail": "margin-top: 0.375rem; /* 6px */ margin-bottom: 0.375rem; /* 6px */"
      },
      {
        "className": "mt-1.5",
        "detail": "margin-top: 0.375rem; /* 6px */"
      },
      {
        "className": "mr-1.5",
        "detail": "margin-right: 0.375rem; /* 6px */"
      },
      {
        "className": "mb-1.5",
        "detail": "margin-bottom: 0.375rem; /* 6px */"
      },
      {
        "className": "ml-1.5",
        "detail": "margin-left: 0.375rem; /* 6px */"
      },
      {
        "className": "m-2",
        "detail": "margin: 0.5rem; /* 8px */"
      },
      {
        "className": "mx-2",
        "detail": "margin-left: 0.5rem; /* 8px */ margin-right: 0.5rem; /* 8px */"
      },
      {
        "className": "my-2",
        "detail": "margin-top: 0.5rem; /* 8px */ margin-bottom: 0.5rem; /* 8px */"
      },
      {
        "className": "mt-2",
        "detail": "margin-top: 0.5rem; /* 8px */"
      },
      {
        "className": "mr-2",
        "detail": "margin-right: 0.5rem; /* 8px */"
      },
      {
        "className": "mb-2",
        "detail": "margin-bottom: 0.5rem; /* 8px */"
      },
      {
        "className": "ml-2",
        "detail": "margin-left: 0.5rem; /* 8px */"
      },
      {
        "className": "m-2.5",
        "detail": "margin: 0.625rem; /* 10px */"
      },
      {
        "className": "mx-2.5",
        "detail": "margin-left: 0.625rem; /* 10px */ margin-right: 0.625rem; /* 10px */"
      },
      {
        "className": "my-2.5",
        "detail": "margin-top: 0.625rem; /* 10px */ margin-bottom: 0.625rem; /* 10px */"
      },
      {
        "className": "mt-2.5",
        "detail": "margin-top: 0.625rem; /* 10px */"
      },
      {
        "className": "mr-2.5",
        "detail": "margin-right: 0.625rem; /* 10px */"
      },
      {
        "className": "mb-2.5",
        "detail": "margin-bottom: 0.625rem; /* 10px */"
      },
      {
        "className": "ml-2.5",
        "detail": "margin-left: 0.625rem; /* 10px */"
      },
      {
        "className": "m-3",
        "detail": "margin: 0.75rem; /* 12px */"
      },
      {
        "className": "mx-3",
        "detail": "margin-left: 0.75rem; /* 12px */ margin-right: 0.75rem; /* 12px */"
      },
      {
        "className": "my-3",
        "detail": "margin-top: 0.75rem; /* 12px */ margin-bottom: 0.75rem; /* 12px */"
      },
      {
        "className": "mt-3",
        "detail": "margin-top: 0.75rem; /* 12px */"
      },
      {
        "className": "mr-3",
        "detail": "margin-right: 0.75rem; /* 12px */"
      },
      {
        "className": "mb-3",
        "detail": "margin-bottom: 0.75rem; /* 12px */"
      },
      {
        "className": "ml-3",
        "detail": "margin-left: 0.75rem; /* 12px */"
      },
      {
        "className": "m-3.5",
        "detail": "margin: 0.875rem; /* 14px */"
      },
      {
        "className": "mx-3.5",
        "detail": "margin-left: 0.875rem; /* 14px */ margin-right: 0.875rem; /* 14px */"
      },
      {
        "className": "my-3.5",
        "detail": "margin-top: 0.875rem; /* 14px */ margin-bottom: 0.875rem; /* 14px */"
      },
      {
        "className": "mt-3.5",
        "detail": "margin-top: 0.875rem; /* 14px */"
      },
      {
        "className": "mr-3.5",
        "detail": "margin-right: 0.875rem; /* 14px */"
      },
      {
        "className": "mb-3.5",
        "detail": "margin-bottom: 0.875rem; /* 14px */"
      },
      {
        "className": "ml-3.5",
        "detail": "margin-left: 0.875rem; /* 14px */"
      },
      {
        "className": "m-4",
        "detail": "margin: 1rem; /* 16px */"
      },
      {
        "className": "mx-4",
        "detail": "margin-left: 1rem; /* 16px */ margin-right: 1rem; /* 16px */"
      },
      {
        "className": "my-4",
        "detail": "margin-top: 1rem; /* 16px */ margin-bottom: 1rem; /* 16px */"
      },
      {
        "className": "mt-4",
        "detail": "margin-top: 1rem; /* 16px */"
      },
      {
        "className": "mr-4",
        "detail": "margin-right: 1rem; /* 16px */"
      },
      {
        "className": "mb-4",
        "detail": "margin-bottom: 1rem; /* 16px */"
      },
      {
        "className": "ml-4",
        "detail": "margin-left: 1rem; /* 16px */"
      },
      {
        "className": "m-5",
        "detail": "margin: 1.25rem; /* 20px */"
      },
      {
        "className": "mx-5",
        "detail": "margin-left: 1.25rem; /* 20px */ margin-right: 1.25rem; /* 20px */"
      },
      {
        "className": "my-5",
        "detail": "margin-top: 1.25rem; /* 20px */ margin-bottom: 1.25rem; /* 20px */"
      },
      {
        "className": "mt-5",
        "detail": "margin-top: 1.25rem; /* 20px */"
      },
      {
        "className": "mr-5",
        "detail": "margin-right: 1.25rem; /* 20px */"
      },
      {
        "className": "mb-5",
        "detail": "margin-bottom: 1.25rem; /* 20px */"
      },
      {
        "className": "ml-5",
        "detail": "margin-left: 1.25rem; /* 20px */"
      },
      {
        "className": "m-6",
        "detail": "margin: 1.5rem; /* 24px */"
      },
      {
        "className": "mx-6",
        "detail": "margin-left: 1.5rem; /* 24px */ margin-right: 1.5rem; /* 24px */"
      },
      {
        "className": "my-6",
        "detail": "margin-top: 1.5rem; /* 24px */ margin-bottom: 1.5rem; /* 24px */"
      },
      {
        "className": "mt-6",
        "detail": "margin-top: 1.5rem; /* 24px */"
      },
      {
        "className": "mr-6",
        "detail": "margin-right: 1.5rem; /* 24px */"
      },
      {
        "className": "mb-6",
        "detail": "margin-bottom: 1.5rem; /* 24px */"
      },
      {
        "className": "ml-6",
        "detail": "margin-left: 1.5rem; /* 24px */"
      },
      {
        "className": "m-7",
        "detail": "margin: 1.75rem; /* 28px */"
      },
      {
        "className": "mx-7",
        "detail": "margin-left: 1.75rem; /* 28px */ margin-right: 1.75rem; /* 28px */"
      },
      {
        "className": "my-7",
        "detail": "margin-top: 1.75rem; /* 28px */ margin-bottom: 1.75rem; /* 28px */"
      },
      {
        "className": "mt-7",
        "detail": "margin-top: 1.75rem; /* 28px */"
      },
      {
        "className": "mr-7",
        "detail": "margin-right: 1.75rem; /* 28px */"
      },
      {
        "className": "mb-7",
        "detail": "margin-bottom: 1.75rem; /* 28px */"
      },
      {
        "className": "ml-7",
        "detail": "margin-left: 1.75rem; /* 28px */"
      },
      {
        "className": "m-8",
        "detail": "margin: 2rem; /* 32px */"
      },
      {
        "className": "mx-8",
        "detail": "margin-left: 2rem; /* 32px */ margin-right: 2rem; /* 32px */"
      },
      {
        "className": "my-8",
        "detail": "margin-top: 2rem; /* 32px */ margin-bottom: 2rem; /* 32px */"
      },
      {
        "className": "mt-8",
        "detail": "margin-top: 2rem; /* 32px */"
      },
      {
        "className": "mr-8",
        "detail": "margin-right: 2rem; /* 32px */"
      },
      {
        "className": "mb-8",
        "detail": "margin-bottom: 2rem; /* 32px */"
      },
      {
        "className": "ml-8",
        "detail": "margin-left: 2rem; /* 32px */"
      },
      {
        "className": "m-9",
        "detail": "margin: 2.25rem; /* 36px */"
      },
      {
        "className": "mx-9",
        "detail": "margin-left: 2.25rem; /* 36px */ margin-right: 2.25rem; /* 36px */"
      },
      {
        "className": "my-9",
        "detail": "margin-top: 2.25rem; /* 36px */ margin-bottom: 2.25rem; /* 36px */"
      },
      {
        "className": "mt-9",
        "detail": "margin-top: 2.25rem; /* 36px */"
      },
      {
        "className": "mr-9",
        "detail": "margin-right: 2.25rem; /* 36px */"
      },
      {
        "className": "mb-9",
        "detail": "margin-bottom: 2.25rem; /* 36px */"
      },
      {
        "className": "ml-9",
        "detail": "margin-left: 2.25rem; /* 36px */"
      },
      {
        "className": "m-10",
        "detail": "margin: 2.5rem; /* 40px */"
      },
      {
        "className": "mx-10",
        "detail": "margin-left: 2.5rem; /* 40px */ margin-right: 2.5rem; /* 40px */"
      },
      {
        "className": "my-10",
        "detail": "margin-top: 2.5rem; /* 40px */ margin-bottom: 2.5rem; /* 40px */"
      },
      {
        "className": "mt-10",
        "detail": "margin-top: 2.5rem; /* 40px */"
      },
      {
        "className": "mr-10",
        "detail": "margin-right: 2.5rem; /* 40px */"
      },
      {
        "className": "mb-10",
        "detail": "margin-bottom: 2.5rem; /* 40px */"
      },
      {
        "className": "ml-10",
        "detail": "margin-left: 2.5rem; /* 40px */"
      },
      {
        "className": "m-11",
        "detail": "margin: 2.75rem; /* 44px */"
      },
      {
        "className": "mx-11",
        "detail": "margin-left: 2.75rem; /* 44px */ margin-right: 2.75rem; /* 44px */"
      },
      {
        "className": "my-11",
        "detail": "margin-top: 2.75rem; /* 44px */ margin-bottom: 2.75rem; /* 44px */"
      },
      {
        "className": "mt-11",
        "detail": "margin-top: 2.75rem; /* 44px */"
      },
      {
        "className": "mr-11",
        "detail": "margin-right: 2.75rem; /* 44px */"
      },
      {
        "className": "mb-11",
        "detail": "margin-bottom: 2.75rem; /* 44px */"
      },
      {
        "className": "ml-11",
        "detail": "margin-left: 2.75rem; /* 44px */"
      },
      {
        "className": "m-12",
        "detail": "margin: 3rem; /* 48px */"
      },
      {
        "className": "mx-12",
        "detail": "margin-left: 3rem; /* 48px */ margin-right: 3rem; /* 48px */"
      },
      {
        "className": "my-12",
        "detail": "margin-top: 3rem; /* 48px */ margin-bottom: 3rem; /* 48px */"
      },
      {
        "className": "mt-12",
        "detail": "margin-top: 3rem; /* 48px */"
      },
      {
        "className": "mr-12",
        "detail": "margin-right: 3rem; /* 48px */"
      },
      {
        "className": "mb-12",
        "detail": "margin-bottom: 3rem; /* 48px */"
      },
      {
        "className": "ml-12",
        "detail": "margin-left: 3rem; /* 48px */"
      },
      {
        "className": "m-14",
        "detail": "margin: 3.5rem; /* 56px */"
      },
      {
        "className": "mx-14",
        "detail": "margin-left: 3.5rem; /* 56px */ margin-right: 3.5rem; /* 56px */"
      },
      {
        "className": "my-14",
        "detail": "margin-top: 3.5rem; /* 56px */ margin-bottom: 3.5rem; /* 56px */"
      },
      {
        "className": "mt-14",
        "detail": "margin-top: 3.5rem; /* 56px */"
      },
      {
        "className": "mr-14",
        "detail": "margin-right: 3.5rem; /* 56px */"
      },
      {
        "className": "mb-14",
        "detail": "margin-bottom: 3.5rem; /* 56px */"
      },
      {
        "className": "ml-14",
        "detail": "margin-left: 3.5rem; /* 56px */"
      },
      {
        "className": "m-16",
        "detail": "margin: 4rem; /* 64px */"
      },
      {
        "className": "mx-16",
        "detail": "margin-left: 4rem; /* 64px */ margin-right: 4rem; /* 64px */"
      },
      {
        "className": "my-16",
        "detail": "margin-top: 4rem; /* 64px */ margin-bottom: 4rem; /* 64px */"
      },
      {
        "className": "mt-16",
        "detail": "margin-top: 4rem; /* 64px */"
      },
      {
        "className": "mr-16",
        "detail": "margin-right: 4rem; /* 64px */"
      },
      {
        "className": "mb-16",
        "detail": "margin-bottom: 4rem; /* 64px */"
      },
      {
        "className": "ml-16",
        "detail": "margin-left: 4rem; /* 64px */"
      },
      {
        "className": "m-20",
        "detail": "margin: 5rem; /* 80px */"
      },
      {
        "className": "mx-20",
        "detail": "margin-left: 5rem; /* 80px */ margin-right: 5rem; /* 80px */"
      },
      {
        "className": "my-20",
        "detail": "margin-top: 5rem; /* 80px */ margin-bottom: 5rem; /* 80px */"
      },
      {
        "className": "mt-20",
        "detail": "margin-top: 5rem; /* 80px */"
      },
      {
        "className": "mr-20",
        "detail": "margin-right: 5rem; /* 80px */"
      },
      {
        "className": "mb-20",
        "detail": "margin-bottom: 5rem; /* 80px */"
      },
      {
        "className": "ml-20",
        "detail": "margin-left: 5rem; /* 80px */"
      },
      {
        "className": "m-24",
        "detail": "margin: 6rem; /* 96px */"
      },
      {
        "className": "mx-24",
        "detail": "margin-left: 6rem; /* 96px */ margin-right: 6rem; /* 96px */"
      },
      {
        "className": "my-24",
        "detail": "margin-top: 6rem; /* 96px */ margin-bottom: 6rem; /* 96px */"
      },
      {
        "className": "mt-24",
        "detail": "margin-top: 6rem; /* 96px */"
      },
      {
        "className": "mr-24",
        "detail": "margin-right: 6rem; /* 96px */"
      },
      {
        "className": "mb-24",
        "detail": "margin-bottom: 6rem; /* 96px */"
      },
      {
        "className": "ml-24",
        "detail": "margin-left: 6rem; /* 96px */"
      },
      {
        "className": "m-28",
        "detail": "margin: 7rem; /* 112px */"
      },
      {
        "className": "mx-28",
        "detail": "margin-left: 7rem; /* 112px */ margin-right: 7rem; /* 112px */"
      },
      {
        "className": "my-28",
        "detail": "margin-top: 7rem; /* 112px */ margin-bottom: 7rem; /* 112px */"
      },
      {
        "className": "mt-28",
        "detail": "margin-top: 7rem; /* 112px */"
      },
      {
        "className": "mr-28",
        "detail": "margin-right: 7rem; /* 112px */"
      },
      {
        "className": "mb-28",
        "detail": "margin-bottom: 7rem; /* 112px */"
      },
      {
        "className": "ml-28",
        "detail": "margin-left: 7rem; /* 112px */"
      },
      {
        "className": "m-32",
        "detail": "margin: 8rem; /* 128px */"
      },
      {
        "className": "mx-32",
        "detail": "margin-left: 8rem; /* 128px */ margin-right: 8rem; /* 128px */"
      },
      {
        "className": "my-32",
        "detail": "margin-top: 8rem; /* 128px */ margin-bottom: 8rem; /* 128px */"
      },
      {
        "className": "mt-32",
        "detail": "margin-top: 8rem; /* 128px */"
      },
      {
        "className": "mr-32",
        "detail": "margin-right: 8rem; /* 128px */"
      },
      {
        "className": "mb-32",
        "detail": "margin-bottom: 8rem; /* 128px */"
      },
      {
        "className": "ml-32",
        "detail": "margin-left: 8rem; /* 128px */"
      },
      {
        "className": "m-36",
        "detail": "margin: 9rem; /* 144px */"
      },
      {
        "className": "mx-36",
        "detail": "margin-left: 9rem; /* 144px */ margin-right: 9rem; /* 144px */"
      },
      {
        "className": "my-36",
        "detail": "margin-top: 9rem; /* 144px */ margin-bottom: 9rem; /* 144px */"
      },
      {
        "className": "mt-36",
        "detail": "margin-top: 9rem; /* 144px */"
      },
      {
        "className": "mr-36",
        "detail": "margin-right: 9rem; /* 144px */"
      },
      {
        "className": "mb-36",
        "detail": "margin-bottom: 9rem; /* 144px */"
      },
      {
        "className": "ml-36",
        "detail": "margin-left: 9rem; /* 144px */"
      },
      {
        "className": "m-40",
        "detail": "margin: 10rem; /* 160px */"
      },
      {
        "className": "mx-40",
        "detail": "margin-left: 10rem; /* 160px */ margin-right: 10rem; /* 160px */"
      },
      {
        "className": "my-40",
        "detail": "margin-top: 10rem; /* 160px */ margin-bottom: 10rem; /* 160px */"
      },
      {
        "className": "mt-40",
        "detail": "margin-top: 10rem; /* 160px */"
      },
      {
        "className": "mr-40",
        "detail": "margin-right: 10rem; /* 160px */"
      },
      {
        "className": "mb-40",
        "detail": "margin-bottom: 10rem; /* 160px */"
      },
      {
        "className": "ml-40",
        "detail": "margin-left: 10rem; /* 160px */"
      },
      {
        "className": "m-44",
        "detail": "margin: 11rem; /* 176px */"
      },
      {
        "className": "mx-44",
        "detail": "margin-left: 11rem; /* 176px */ margin-right: 11rem; /* 176px */"
      },
      {
        "className": "my-44",
        "detail": "margin-top: 11rem; /* 176px */ margin-bottom: 11rem; /* 176px */"
      },
      {
        "className": "mt-44",
        "detail": "margin-top: 11rem; /* 176px */"
      },
      {
        "className": "mr-44",
        "detail": "margin-right: 11rem; /* 176px */"
      },
      {
        "className": "mb-44",
        "detail": "margin-bottom: 11rem; /* 176px */"
      },
      {
        "className": "ml-44",
        "detail": "margin-left: 11rem; /* 176px */"
      },
      {
        "className": "m-48",
        "detail": "margin: 12rem; /* 192px */"
      },
      {
        "className": "mx-48",
        "detail": "margin-left: 12rem; /* 192px */ margin-right: 12rem; /* 192px */"
      },
      {
        "className": "my-48",
        "detail": "margin-top: 12rem; /* 192px */ margin-bottom: 12rem; /* 192px */"
      },
      {
        "className": "mt-48",
        "detail": "margin-top: 12rem; /* 192px */"
      },
      {
        "className": "mr-48",
        "detail": "margin-right: 12rem; /* 192px */"
      },
      {
        "className": "mb-48",
        "detail": "margin-bottom: 12rem; /* 192px */"
      },
      {
        "className": "ml-48",
        "detail": "margin-left: 12rem; /* 192px */"
      },
      {
        "className": "m-52",
        "detail": "margin: 13rem; /* 208px */"
      },
      {
        "className": "mx-52",
        "detail": "margin-left: 13rem; /* 208px */ margin-right: 13rem; /* 208px */"
      },
      {
        "className": "my-52",
        "detail": "margin-top: 13rem; /* 208px */ margin-bottom: 13rem; /* 208px */"
      },
      {
        "className": "mt-52",
        "detail": "margin-top: 13rem; /* 208px */"
      },
      {
        "className": "mr-52",
        "detail": "margin-right: 13rem; /* 208px */"
      },
      {
        "className": "mb-52",
        "detail": "margin-bottom: 13rem; /* 208px */"
      },
      {
        "className": "ml-52",
        "detail": "margin-left: 13rem; /* 208px */"
      },
      {
        "className": "m-56",
        "detail": "margin: 14rem; /* 224px */"
      },
      {
        "className": "mx-56",
        "detail": "margin-left: 14rem; /* 224px */ margin-right: 14rem; /* 224px */"
      },
      {
        "className": "my-56",
        "detail": "margin-top: 14rem; /* 224px */ margin-bottom: 14rem; /* 224px */"
      },
      {
        "className": "mt-56",
        "detail": "margin-top: 14rem; /* 224px */"
      },
      {
        "className": "mr-56",
        "detail": "margin-right: 14rem; /* 224px */"
      },
      {
        "className": "mb-56",
        "detail": "margin-bottom: 14rem; /* 224px */"
      },
      {
        "className": "ml-56",
        "detail": "margin-left: 14rem; /* 224px */"
      },
      {
        "className": "m-60",
        "detail": "margin: 15rem; /* 240px */"
      },
      {
        "className": "mx-60",
        "detail": "margin-left: 15rem; /* 240px */ margin-right: 15rem; /* 240px */"
      },
      {
        "className": "my-60",
        "detail": "margin-top: 15rem; /* 240px */ margin-bottom: 15rem; /* 240px */"
      },
      {
        "className": "mt-60",
        "detail": "margin-top: 15rem; /* 240px */"
      },
      {
        "className": "mr-60",
        "detail": "margin-right: 15rem; /* 240px */"
      },
      {
        "className": "mb-60",
        "detail": "margin-bottom: 15rem; /* 240px */"
      },
      {
        "className": "ml-60",
        "detail": "margin-left: 15rem; /* 240px */"
      },
      {
        "className": "m-64",
        "detail": "margin: 16rem; /* 256px */"
      },
      {
        "className": "mx-64",
        "detail": "margin-left: 16rem; /* 256px */ margin-right: 16rem; /* 256px */"
      },
      {
        "className": "my-64",
        "detail": "margin-top: 16rem; /* 256px */ margin-bottom: 16rem; /* 256px */"
      },
      {
        "className": "mt-64",
        "detail": "margin-top: 16rem; /* 256px */"
      },
      {
        "className": "mr-64",
        "detail": "margin-right: 16rem; /* 256px */"
      },
      {
        "className": "mb-64",
        "detail": "margin-bottom: 16rem; /* 256px */"
      },
      {
        "className": "ml-64",
        "detail": "margin-left: 16rem; /* 256px */"
      },
      {
        "className": "m-72",
        "detail": "margin: 18rem; /* 288px */"
      },
      {
        "className": "mx-72",
        "detail": "margin-left: 18rem; /* 288px */ margin-right: 18rem; /* 288px */"
      },
      {
        "className": "my-72",
        "detail": "margin-top: 18rem; /* 288px */ margin-bottom: 18rem; /* 288px */"
      },
      {
        "className": "mt-72",
        "detail": "margin-top: 18rem; /* 288px */"
      },
      {
        "className": "mr-72",
        "detail": "margin-right: 18rem; /* 288px */"
      },
      {
        "className": "mb-72",
        "detail": "margin-bottom: 18rem; /* 288px */"
      },
      {
        "className": "ml-72",
        "detail": "margin-left: 18rem; /* 288px */"
      },
      {
        "className": "m-80",
        "detail": "margin: 20rem; /* 320px */"
      },
      {
        "className": "mx-80",
        "detail": "margin-left: 20rem; /* 320px */ margin-right: 20rem; /* 320px */"
      },
      {
        "className": "my-80",
        "detail": "margin-top: 20rem; /* 320px */ margin-bottom: 20rem; /* 320px */"
      },
      {
        "className": "mt-80",
        "detail": "margin-top: 20rem; /* 320px */"
      },
      {
        "className": "mr-80",
        "detail": "margin-right: 20rem; /* 320px */"
      },
      {
        "className": "mb-80",
        "detail": "margin-bottom: 20rem; /* 320px */"
      },
      {
        "className": "ml-80",
        "detail": "margin-left: 20rem; /* 320px */"
      },
      {
        "className": "m-96",
        "detail": "margin: 24rem; /* 384px */"
      },
      {
        "className": "mx-96",
        "detail": "margin-left: 24rem; /* 384px */ margin-right: 24rem; /* 384px */"
      },
      {
        "className": "my-96",
        "detail": "margin-top: 24rem; /* 384px */ margin-bottom: 24rem; /* 384px */"
      },
      {
        "className": "mt-96",
        "detail": "margin-top: 24rem; /* 384px */"
      },
      {
        "className": "mr-96",
        "detail": "margin-right: 24rem; /* 384px */"
      },
      {
        "className": "mb-96",
        "detail": "margin-bottom: 24rem; /* 384px */"
      },
      {
        "className": "ml-96",
        "detail": "margin-left: 24rem; /* 384px */"
      },
      {
        "className": "m-auto",
        "detail": "margin: auto;"
      },
      {
        "className": "mx-auto",
        "detail": "margin-left: auto; margin-right: auto;"
      },
      {
        "className": "my-auto",
        "detail": "margin-top: auto; margin-bottom: auto;"
      },
      {
        "className": "mt-auto",
        "detail": "margin-top: auto;"
      },
      {
        "className": "mr-auto",
        "detail": "margin-right: auto;"
      },
      {
        "className": "mb-auto",
        "detail": "margin-bottom: auto;"
      },
      {
        "className": "ml-auto",
        "detail": "margin-left: auto;"
      }
    ]
  },
  {
    "name": "Space Between",
    "list": [
      {
        "className": "space-x-0 > * + *",
        "detail": "margin-left: 0px;"
      },
      {
        "className": "space-y-0 > * + *",
        "detail": "margin-top: 0px;"
      },
      {
        "className": "space-x-0.5 > * + *",
        "detail": "margin-left: 0.125rem; /* 2px */"
      },
      {
        "className": "space-y-0.5 > * + *",
        "detail": "margin-top: 0.125rem; /* 2px */"
      },
      {
        "className": "space-x-1 > * + *",
        "detail": "margin-left: 0.25rem; /* 4px */"
      },
      {
        "className": "space-y-1 > * + *",
        "detail": "margin-top: 0.25rem; /* 4px */"
      },
      {
        "className": "space-x-1.5 > * + *",
        "detail": "margin-left: 0.375rem; /* 6px */"
      },
      {
        "className": "space-y-1.5 > * + *",
        "detail": "margin-top: 0.375rem; /* 6px */"
      },
      {
        "className": "space-x-2 > * + *",
        "detail": "margin-left: 0.5rem; /* 8px */"
      },
      {
        "className": "space-y-2 > * + *",
        "detail": "margin-top: 0.5rem; /* 8px */"
      },
      {
        "className": "space-x-2.5 > * + *",
        "detail": "margin-left: 0.625rem; /* 10px */"
      },
      {
        "className": "space-y-2.5 > * + *",
        "detail": "margin-top: 0.625rem; /* 10px */"
      },
      {
        "className": "space-x-3 > * + *",
        "detail": "margin-left: 0.75rem; /* 12px */"
      },
      {
        "className": "space-y-3 > * + *",
        "detail": "margin-top: 0.75rem; /* 12px */"
      },
      {
        "className": "space-x-3.5 > * + *",
        "detail": "margin-left: 0.875rem; /* 14px */"
      },
      {
        "className": "space-y-3.5 > * + *",
        "detail": "margin-top: 0.875rem; /* 14px */"
      },
      {
        "className": "space-x-4 > * + *",
        "detail": "margin-left: 1rem; /* 16px */"
      },
      {
        "className": "space-y-4 > * + *",
        "detail": "margin-top: 1rem; /* 16px */"
      },
      {
        "className": "space-x-5 > * + *",
        "detail": "margin-left: 1.25rem; /* 20px */"
      },
      {
        "className": "space-y-5 > * + *",
        "detail": "margin-top: 1.25rem; /* 20px */"
      },
      {
        "className": "space-x-6 > * + *",
        "detail": "margin-left: 1.5rem; /* 24px */"
      },
      {
        "className": "space-y-6 > * + *",
        "detail": "margin-top: 1.5rem; /* 24px */"
      },
      {
        "className": "space-x-7 > * + *",
        "detail": "margin-left: 1.75rem; /* 28px */"
      },
      {
        "className": "space-y-7 > * + *",
        "detail": "margin-top: 1.75rem; /* 28px */"
      },
      {
        "className": "space-x-8 > * + *",
        "detail": "margin-left: 2rem; /* 32px */"
      },
      {
        "className": "space-y-8 > * + *",
        "detail": "margin-top: 2rem; /* 32px */"
      },
      {
        "className": "space-x-9 > * + *",
        "detail": "margin-left: 2.25rem; /* 36px */"
      },
      {
        "className": "space-y-9 > * + *",
        "detail": "margin-top: 2.25rem; /* 36px */"
      },
      {
        "className": "space-x-10 > * + *",
        "detail": "margin-left: 2.5rem; /* 40px */"
      },
      {
        "className": "space-y-10 > * + *",
        "detail": "margin-top: 2.5rem; /* 40px */"
      },
      {
        "className": "space-x-11 > * + *",
        "detail": "margin-left: 2.75rem; /* 44px */"
      },
      {
        "className": "space-y-11 > * + *",
        "detail": "margin-top: 2.75rem; /* 44px */"
      },
      {
        "className": "space-x-12 > * + *",
        "detail": "margin-left: 3rem; /* 48px */"
      },
      {
        "className": "space-y-12 > * + *",
        "detail": "margin-top: 3rem; /* 48px */"
      },
      {
        "className": "space-x-14 > * + *",
        "detail": "margin-left: 3.5rem; /* 56px */"
      },
      {
        "className": "space-y-14 > * + *",
        "detail": "margin-top: 3.5rem; /* 56px */"
      },
      {
        "className": "space-x-16 > * + *",
        "detail": "margin-left: 4rem; /* 64px */"
      },
      {
        "className": "space-y-16 > * + *",
        "detail": "margin-top: 4rem; /* 64px */"
      },
      {
        "className": "space-x-20 > * + *",
        "detail": "margin-left: 5rem; /* 80px */"
      },
      {
        "className": "space-y-20 > * + *",
        "detail": "margin-top: 5rem; /* 80px */"
      },
      {
        "className": "space-x-24 > * + *",
        "detail": "margin-left: 6rem; /* 96px */"
      },
      {
        "className": "space-y-24 > * + *",
        "detail": "margin-top: 6rem; /* 96px */"
      },
      {
        "className": "space-x-28 > * + *",
        "detail": "margin-left: 7rem; /* 112px */"
      },
      {
        "className": "space-y-28 > * + *",
        "detail": "margin-top: 7rem; /* 112px */"
      },
      {
        "className": "space-x-32 > * + *",
        "detail": "margin-left: 8rem; /* 128px */"
      },
      {
        "className": "space-y-32 > * + *",
        "detail": "margin-top: 8rem; /* 128px */"
      },
      {
        "className": "space-x-36 > * + *",
        "detail": "margin-left: 9rem; /* 144px */"
      },
      {
        "className": "space-y-36 > * + *",
        "detail": "margin-top: 9rem; /* 144px */"
      },
      {
        "className": "space-x-40 > * + *",
        "detail": "margin-left: 10rem; /* 160px */"
      },
      {
        "className": "space-y-40 > * + *",
        "detail": "margin-top: 10rem; /* 160px */"
      },
      {
        "className": "space-x-44 > * + *",
        "detail": "margin-left: 11rem; /* 176px */"
      },
      {
        "className": "space-y-44 > * + *",
        "detail": "margin-top: 11rem; /* 176px */"
      },
      {
        "className": "space-x-48 > * + *",
        "detail": "margin-left: 12rem; /* 192px */"
      },
      {
        "className": "space-y-48 > * + *",
        "detail": "margin-top: 12rem; /* 192px */"
      },
      {
        "className": "space-x-52 > * + *",
        "detail": "margin-left: 13rem; /* 208px */"
      },
      {
        "className": "space-y-52 > * + *",
        "detail": "margin-top: 13rem; /* 208px */"
      },
      {
        "className": "space-x-56 > * + *",
        "detail": "margin-left: 14rem; /* 224px */"
      },
      {
        "className": "space-y-56 > * + *",
        "detail": "margin-top: 14rem; /* 224px */"
      },
      {
        "className": "space-x-60 > * + *",
        "detail": "margin-left: 15rem; /* 240px */"
      },
      {
        "className": "space-y-60 > * + *",
        "detail": "margin-top: 15rem; /* 240px */"
      },
      {
        "className": "space-x-64 > * + *",
        "detail": "margin-left: 16rem; /* 256px */"
      },
      {
        "className": "space-y-64 > * + *",
        "detail": "margin-top: 16rem; /* 256px */"
      },
      {
        "className": "space-x-72 > * + *",
        "detail": "margin-left: 18rem; /* 288px */"
      },
      {
        "className": "space-y-72 > * + *",
        "detail": "margin-top: 18rem; /* 288px */"
      },
      {
        "className": "space-x-80 > * + *",
        "detail": "margin-left: 20rem; /* 320px */"
      },
      {
        "className": "space-y-80 > * + *",
        "detail": "margin-top: 20rem; /* 320px */"
      },
      {
        "className": "space-x-96 > * + *",
        "detail": "margin-left: 24rem; /* 384px */"
      },
      {
        "className": "space-y-96 > * + *",
        "detail": "margin-top: 24rem; /* 384px */"
      },
      {
        "className": "space-x-px > * + *",
        "detail": "margin-left: 1px;"
      },
      {
        "className": "space-y-px > * + *",
        "detail": "margin-top: 1px;"
      },
      {
        "className": "space-y-reverse > * + *",
        "detail": "--tw-space-y-reverse: 1;"
      },
      {
        "className": "space-x-reverse > * + *",
        "detail": "--tw-space-x-reverse: 1;"
      }
    ]
  },
  {
    "name": "Width",
    "list": [
      {
        "className": "w-0",
        "detail": "width: 0px;"
      },
      {
        "className": "w-px",
        "detail": "width: 1px;"
      },
      {
        "className": "w-0.5",
        "detail": "width: 0.125rem; /* 2px */"
      },
      {
        "className": "w-1",
        "detail": "width: 0.25rem; /* 4px */"
      },
      {
        "className": "w-1.5",
        "detail": "width: 0.375rem; /* 6px */"
      },
      {
        "className": "w-2",
        "detail": "width: 0.5rem; /* 8px */"
      },
      {
        "className": "w-2.5",
        "detail": "width: 0.625rem; /* 10px */"
      },
      {
        "className": "w-3",
        "detail": "width: 0.75rem; /* 12px */"
      },
      {
        "className": "w-3.5",
        "detail": "width: 0.875rem; /* 14px */"
      },
      {
        "className": "w-4",
        "detail": "width: 1rem; /* 16px */"
      },
      {
        "className": "w-5",
        "detail": "width: 1.25rem; /* 20px */"
      },
      {
        "className": "w-6",
        "detail": "width: 1.5rem; /* 24px */"
      },
      {
        "className": "w-7",
        "detail": "width: 1.75rem; /* 28px */"
      },
      {
        "className": "w-8",
        "detail": "width: 2rem; /* 32px */"
      },
      {
        "className": "w-9",
        "detail": "width: 2.25rem; /* 36px */"
      },
      {
        "className": "w-10",
        "detail": "width: 2.5rem; /* 40px */"
      },
      {
        "className": "w-11",
        "detail": "width: 2.75rem; /* 44px */"
      },
      {
        "className": "w-12",
        "detail": "width: 3rem; /* 48px */"
      },
      {
        "className": "w-14",
        "detail": "width: 3.5rem; /* 56px */"
      },
      {
        "className": "w-16",
        "detail": "width: 4rem; /* 64px */"
      },
      {
        "className": "w-20",
        "detail": "width: 5rem; /* 80px */"
      },
      {
        "className": "w-24",
        "detail": "width: 6rem; /* 96px */"
      },
      {
        "className": "w-28",
        "detail": "width: 7rem; /* 112px */"
      },
      {
        "className": "w-32",
        "detail": "width: 8rem; /* 128px */"
      },
      {
        "className": "w-36",
        "detail": "width: 9rem; /* 144px */"
      },
      {
        "className": "w-40",
        "detail": "width: 10rem; /* 160px */"
      },
      {
        "className": "w-44",
        "detail": "width: 11rem; /* 176px */"
      },
      {
        "className": "w-48",
        "detail": "width: 12rem; /* 192px */"
      },
      {
        "className": "w-52",
        "detail": "width: 13rem; /* 208px */"
      },
      {
        "className": "w-56",
        "detail": "width: 14rem; /* 224px */"
      },
      {
        "className": "w-60",
        "detail": "width: 15rem; /* 240px */"
      },
      {
        "className": "w-64",
        "detail": "width: 16rem; /* 256px */"
      },
      {
        "className": "w-72",
        "detail": "width: 18rem; /* 288px */"
      },
      {
        "className": "w-80",
        "detail": "width: 20rem; /* 320px */"
      },
      {
        "className": "w-96",
        "detail": "width: 24rem; /* 384px */"
      },
      {
        "className": "w-auto",
        "detail": "width: auto;"
      },
      {
        "className": "w-1/2",
        "detail": "width: 50%;"
      },
      {
        "className": "w-1/3",
        "detail": "width: 33.333333%;"
      },
      {
        "className": "w-2/3",
        "detail": "width: 66.666667%;"
      },
      {
        "className": "w-1/4",
        "detail": "width: 25%;"
      },
      {
        "className": "w-2/4",
        "detail": "width: 50%;"
      },
      {
        "className": "w-3/4",
        "detail": "width: 75%;"
      },
      {
        "className": "w-1/5",
        "detail": "width: 20%;"
      },
      {
        "className": "w-2/5",
        "detail": "width: 40%;"
      },
      {
        "className": "w-3/5",
        "detail": "width: 60%;"
      },
      {
        "className": "w-4/5",
        "detail": "width: 80%;"
      },
      {
        "className": "w-1/6",
        "detail": "width: 16.666667%;"
      },
      {
        "className": "w-2/6",
        "detail": "width: 33.333333%;"
      },
      {
        "className": "w-3/6",
        "detail": "width: 50%;"
      },
      {
        "className": "w-4/6",
        "detail": "width: 66.666667%;"
      },
      {
        "className": "w-5/6",
        "detail": "width: 83.333333%;"
      },
      {
        "className": "w-1/12",
        "detail": "width: 8.333333%;"
      },
      {
        "className": "w-2/12",
        "detail": "width: 16.666667%;"
      },
      {
        "className": "w-3/12",
        "detail": "width: 25%;"
      },
      {
        "className": "w-4/12",
        "detail": "width: 33.333333%;"
      },
      {
        "className": "w-5/12",
        "detail": "width: 41.666667%;"
      },
      {
        "className": "w-6/12",
        "detail": "width: 50%;"
      },
      {
        "className": "w-7/12",
        "detail": "width: 58.333333%;"
      },
      {
        "className": "w-8/12",
        "detail": "width: 66.666667%;"
      },
      {
        "className": "w-9/12",
        "detail": "width: 75%;"
      },
      {
        "className": "w-10/12",
        "detail": "width: 83.333333%;"
      },
      {
        "className": "w-11/12",
        "detail": "width: 91.666667%;"
      },
      {
        "className": "w-full",
        "detail": "width: 100%;"
      },
      {
        "className": "w-screen",
        "detail": "width: 100vw;"
      },
      {
        "className": "w-min",
        "detail": "width: min-content;"
      },
      {
        "className": "w-max",
        "detail": "width: max-content;"
      },
      {
        "className": "w-fit",
        "detail": "width: fit-content;"
      }
    ]
  },
  {
    "name": "Min-Width",
    "list": [
      {
        "className": "min-w-0",
        "detail": "min-width: 0px;"
      },
      {
        "className": "min-w-full",
        "detail": "min-width: 100%;"
      },
      {
        "className": "min-w-min",
        "detail": "min-width: min-content;"
      },
      {
        "className": "min-w-max",
        "detail": "min-width: max-content;"
      },
      {
        "className": "min-w-fit",
        "detail": "min-width: fit-content;"
      }
    ]
  },
  {
    "name": "Max-Width",
    "list": [
      {
        "className": "max-w-0",
        "detail": "max-width: 0rem; /* 0px */"
      },
      {
        "className": "max-w-none",
        "detail": "max-width: none;"
      },
      {
        "className": "max-w-xs",
        "detail": "max-width: 20rem; /* 320px */"
      },
      {
        "className": "max-w-sm",
        "detail": "max-width: 24rem; /* 384px */"
      },
      {
        "className": "max-w-md",
        "detail": "max-width: 28rem; /* 448px */"
      },
      {
        "className": "max-w-lg",
        "detail": "max-width: 32rem; /* 512px */"
      },
      {
        "className": "max-w-xl",
        "detail": "max-width: 36rem; /* 576px */"
      },
      {
        "className": "max-w-2xl",
        "detail": "max-width: 42rem; /* 672px */"
      },
      {
        "className": "max-w-3xl",
        "detail": "max-width: 48rem; /* 768px */"
      },
      {
        "className": "max-w-4xl",
        "detail": "max-width: 56rem; /* 896px */"
      },
      {
        "className": "max-w-5xl",
        "detail": "max-width: 64rem; /* 1024px */"
      },
      {
        "className": "max-w-6xl",
        "detail": "max-width: 72rem; /* 1152px */"
      },
      {
        "className": "max-w-7xl",
        "detail": "max-width: 80rem; /* 1280px */"
      },
      {
        "className": "max-w-full",
        "detail": "max-width: 100%;"
      },
      {
        "className": "max-w-min",
        "detail": "max-width: min-content;"
      },
      {
        "className": "max-w-max",
        "detail": "max-width: max-content;"
      },
      {
        "className": "max-w-fit",
        "detail": "max-width: fit-content;"
      },
      {
        "className": "max-w-prose",
        "detail": "max-width: 65ch;"
      },
      {
        "className": "max-w-screen-sm",
        "detail": "max-width: 640px;"
      },
      {
        "className": "max-w-screen-md",
        "detail": "max-width: 768px;"
      },
      {
        "className": "max-w-screen-lg",
        "detail": "max-width: 1024px;"
      },
      {
        "className": "max-w-screen-xl",
        "detail": "max-width: 1280px;"
      },
      {
        "className": "max-w-screen-2xl",
        "detail": "max-width: 1536px;"
      }
    ]
  },
  {
    "name": "Height",
    "list": [
      {
        "className": "h-0",
        "detail": "height: 0px;"
      },
      {
        "className": "h-px",
        "detail": "height: 1px;"
      },
      {
        "className": "h-0.5",
        "detail": "height: 0.125rem; /* 2px */"
      },
      {
        "className": "h-1",
        "detail": "height: 0.25rem; /* 4px */"
      },
      {
        "className": "h-1.5",
        "detail": "height: 0.375rem; /* 6px */"
      },
      {
        "className": "h-2",
        "detail": "height: 0.5rem; /* 8px */"
      },
      {
        "className": "h-2.5",
        "detail": "height: 0.625rem; /* 10px */"
      },
      {
        "className": "h-3",
        "detail": "height: 0.75rem; /* 12px */"
      },
      {
        "className": "h-3.5",
        "detail": "height: 0.875rem; /* 14px */"
      },
      {
        "className": "h-4",
        "detail": "height: 1rem; /* 16px */"
      },
      {
        "className": "h-5",
        "detail": "height: 1.25rem; /* 20px */"
      },
      {
        "className": "h-6",
        "detail": "height: 1.5rem; /* 24px */"
      },
      {
        "className": "h-7",
        "detail": "height: 1.75rem; /* 28px */"
      },
      {
        "className": "h-8",
        "detail": "height: 2rem; /* 32px */"
      },
      {
        "className": "h-9",
        "detail": "height: 2.25rem; /* 36px */"
      },
      {
        "className": "h-10",
        "detail": "height: 2.5rem; /* 40px */"
      },
      {
        "className": "h-11",
        "detail": "height: 2.75rem; /* 44px */"
      },
      {
        "className": "h-12",
        "detail": "height: 3rem; /* 48px */"
      },
      {
        "className": "h-14",
        "detail": "height: 3.5rem; /* 56px */"
      },
      {
        "className": "h-16",
        "detail": "height: 4rem; /* 64px */"
      },
      {
        "className": "h-20",
        "detail": "height: 5rem; /* 80px */"
      },
      {
        "className": "h-24",
        "detail": "height: 6rem; /* 96px */"
      },
      {
        "className": "h-28",
        "detail": "height: 7rem; /* 112px */"
      },
      {
        "className": "h-32",
        "detail": "height: 8rem; /* 128px */"
      },
      {
        "className": "h-36",
        "detail": "height: 9rem; /* 144px */"
      },
      {
        "className": "h-40",
        "detail": "height: 10rem; /* 160px */"
      },
      {
        "className": "h-44",
        "detail": "height: 11rem; /* 176px */"
      },
      {
        "className": "h-48",
        "detail": "height: 12rem; /* 192px */"
      },
      {
        "className": "h-52",
        "detail": "height: 13rem; /* 208px */"
      },
      {
        "className": "h-56",
        "detail": "height: 14rem; /* 224px */"
      },
      {
        "className": "h-60",
        "detail": "height: 15rem; /* 240px */"
      },
      {
        "className": "h-64",
        "detail": "height: 16rem; /* 256px */"
      },
      {
        "className": "h-72",
        "detail": "height: 18rem; /* 288px */"
      },
      {
        "className": "h-80",
        "detail": "height: 20rem; /* 320px */"
      },
      {
        "className": "h-96",
        "detail": "height: 24rem; /* 384px */"
      },
      {
        "className": "h-auto",
        "detail": "height: auto;"
      },
      {
        "className": "h-1/2",
        "detail": "height: 50%;"
      },
      {
        "className": "h-1/3",
        "detail": "height: 33.333333%;"
      },
      {
        "className": "h-2/3",
        "detail": "height: 66.666667%;"
      },
      {
        "className": "h-1/4",
        "detail": "height: 25%;"
      },
      {
        "className": "h-2/4",
        "detail": "height: 50%;"
      },
      {
        "className": "h-3/4",
        "detail": "height: 75%;"
      },
      {
        "className": "h-1/5",
        "detail": "height: 20%;"
      },
      {
        "className": "h-2/5",
        "detail": "height: 40%;"
      },
      {
        "className": "h-3/5",
        "detail": "height: 60%;"
      },
      {
        "className": "h-4/5",
        "detail": "height: 80%;"
      },
      {
        "className": "h-1/6",
        "detail": "height: 16.666667%;"
      },
      {
        "className": "h-2/6",
        "detail": "height: 33.333333%;"
      },
      {
        "className": "h-3/6",
        "detail": "height: 50%;"
      },
      {
        "className": "h-4/6",
        "detail": "height: 66.666667%;"
      },
      {
        "className": "h-5/6",
        "detail": "height: 83.333333%;"
      },
      {
        "className": "h-full",
        "detail": "height: 100%;"
      },
      {
        "className": "h-screen",
        "detail": "height: 100vh;"
      },
      {
        "className": "h-min",
        "detail": "height: min-content;"
      },
      {
        "className": "h-max",
        "detail": "height: max-content;"
      },
      {
        "className": "h-fit",
        "detail": "height: fit-content;"
      }
    ]
  },
  {
    "name": "Min-Height",
    "list": [
      {
        "className": "min-h-0",
        "detail": "min-height: 0px;"
      },
      {
        "className": "min-h-full",
        "detail": "min-height: 100%;"
      },
      {
        "className": "min-h-screen",
        "detail": "min-height: 100vh;"
      },
      {
        "className": "min-h-min",
        "detail": "min-height: min-content;"
      },
      {
        "className": "min-h-max",
        "detail": "min-height: max-content;"
      },
      {
        "className": "min-h-fit",
        "detail": "min-height: fit-content;"
      }
    ]
  },
  {
    "name": "Max-Height",
    "list": [
      {
        "className": "max-h-0",
        "detail": "max-height: 0px;"
      },
      {
        "className": "max-h-px",
        "detail": "max-height: 1px;"
      },
      {
        "className": "max-h-0.5",
        "detail": "max-height: 0.125rem; /* 2px */"
      },
      {
        "className": "max-h-1",
        "detail": "max-height: 0.25rem; /* 4px */"
      },
      {
        "className": "max-h-1.5",
        "detail": "max-height: 0.375rem; /* 6px */"
      },
      {
        "className": "max-h-2",
        "detail": "max-height: 0.5rem; /* 8px */"
      },
      {
        "className": "max-h-2.5",
        "detail": "max-height: 0.625rem; /* 10px */"
      },
      {
        "className": "max-h-3",
        "detail": "max-height: 0.75rem; /* 12px */"
      },
      {
        "className": "max-h-3.5",
        "detail": "max-height: 0.875rem; /* 14px */"
      },
      {
        "className": "max-h-4",
        "detail": "max-height: 1rem; /* 16px */"
      },
      {
        "className": "max-h-5",
        "detail": "max-height: 1.25rem; /* 20px */"
      },
      {
        "className": "max-h-6",
        "detail": "max-height: 1.5rem; /* 24px */"
      },
      {
        "className": "max-h-7",
        "detail": "max-height: 1.75rem; /* 28px */"
      },
      {
        "className": "max-h-8",
        "detail": "max-height: 2rem; /* 32px */"
      },
      {
        "className": "max-h-9",
        "detail": "max-height: 2.25rem; /* 36px */"
      },
      {
        "className": "max-h-10",
        "detail": "max-height: 2.5rem; /* 40px */"
      },
      {
        "className": "max-h-11",
        "detail": "max-height: 2.75rem; /* 44px */"
      },
      {
        "className": "max-h-12",
        "detail": "max-height: 3rem; /* 48px */"
      },
      {
        "className": "max-h-14",
        "detail": "max-height: 3.5rem; /* 56px */"
      },
      {
        "className": "max-h-16",
        "detail": "max-height: 4rem; /* 64px */"
      },
      {
        "className": "max-h-20",
        "detail": "max-height: 5rem; /* 80px */"
      },
      {
        "className": "max-h-24",
        "detail": "max-height: 6rem; /* 96px */"
      },
      {
        "className": "max-h-28",
        "detail": "max-height: 7rem; /* 112px */"
      },
      {
        "className": "max-h-32",
        "detail": "max-height: 8rem; /* 128px */"
      },
      {
        "className": "max-h-36",
        "detail": "max-height: 9rem; /* 144px */"
      },
      {
        "className": "max-h-40",
        "detail": "max-height: 10rem; /* 160px */"
      },
      {
        "className": "max-h-44",
        "detail": "max-height: 11rem; /* 176px */"
      },
      {
        "className": "max-h-48",
        "detail": "max-height: 12rem; /* 192px */"
      },
      {
        "className": "max-h-52",
        "detail": "max-height: 13rem; /* 208px */"
      },
      {
        "className": "max-h-56",
        "detail": "max-height: 14rem; /* 224px */"
      },
      {
        "className": "max-h-60",
        "detail": "max-height: 15rem; /* 240px */"
      },
      {
        "className": "max-h-64",
        "detail": "max-height: 16rem; /* 256px */"
      },
      {
        "className": "max-h-72",
        "detail": "max-height: 18rem; /* 288px */"
      },
      {
        "className": "max-h-80",
        "detail": "max-height: 20rem; /* 320px */"
      },
      {
        "className": "max-h-96",
        "detail": "max-height: 24rem; /* 384px */"
      },
      {
        "className": "max-h-none",
        "detail": "max-height: none;"
      },
      {
        "className": "max-h-full",
        "detail": "max-height: 100%;"
      },
      {
        "className": "max-h-screen",
        "detail": "max-height: 100vh;"
      },
      {
        "className": "max-h-min",
        "detail": "max-height: min-content;"
      },
      {
        "className": "max-h-max",
        "detail": "max-height: max-content;"
      },
      {
        "className": "max-h-fit",
        "detail": "max-height: fit-content;"
      }
    ]
  },
  {
    "name": "Font Size",
    "list": [
      {
        "className": "text-xs",
        "detail": "font-size: 0.75rem; /* 12px */ line-height: 1rem; /* 16px */"
      },
      {
        "className": "text-sm",
        "detail": "font-size: 0.875rem; /* 14px */ line-height: 1.25rem; /* 20px */"
      },
      {
        "className": "text-base",
        "detail": "font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */"
      },
      {
        "className": "text-lg",
        "detail": "font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */"
      },
      {
        "className": "text-xl",
        "detail": "font-size: 1.25rem; /* 20px */ line-height: 1.75rem; /* 28px */"
      },
      {
        "className": "text-2xl",
        "detail": "font-size: 1.5rem; /* 24px */ line-height: 2rem; /* 32px */"
      },
      {
        "className": "text-3xl",
        "detail": "font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */"
      },
      {
        "className": "text-4xl",
        "detail": "font-size: 2.25rem; /* 36px */ line-height: 2.5rem; /* 40px */"
      },
      {
        "className": "text-5xl",
        "detail": "font-size: 3rem; /* 48px */ line-height: 1;"
      },
      {
        "className": "text-6xl",
        "detail": "font-size: 3.75rem; /* 60px */ line-height: 1;"
      },
      {
        "className": "text-7xl",
        "detail": "font-size: 4.5rem; /* 72px */ line-height: 1;"
      },
      {
        "className": "text-8xl",
        "detail": "font-size: 6rem; /* 96px */ line-height: 1;"
      },
      {
        "className": "text-9xl",
        "detail": "font-size: 8rem; /* 128px */ line-height: 1;"
      }
    ]
  },
  {
    "name": "Font Weight",
    "list": [
      {
        "className": "font-thin",
        "detail": "font-weight: 100;"
      },
      {
        "className": "font-extralight",
        "detail": "font-weight: 200;"
      },
      {
        "className": "font-light",
        "detail": "font-weight: 300;"
      },
      {
        "className": "font-normal",
        "detail": "font-weight: 400;"
      },
      {
        "className": "font-medium",
        "detail": "font-weight: 500;"
      },
      {
        "className": "font-semibold",
        "detail": "font-weight: 600;"
      },
      {
        "className": "font-bold",
        "detail": "font-weight: 700;"
      },
      {
        "className": "font-extrabold",
        "detail": "font-weight: 800;"
      },
      {
        "className": "font-black",
        "detail": "font-weight: 900;"
      }
    ]
  },
  {
    "name": "Line Height",
    "list": [
      {
        "className": "leading-3",
        "detail": "line-height: .75rem; /* 12px */"
      },
      {
        "className": "leading-4",
        "detail": "line-height: 1rem; /* 16px */"
      },
      {
        "className": "leading-5",
        "detail": "line-height: 1.25rem; /* 20px */"
      },
      {
        "className": "leading-6",
        "detail": "line-height: 1.5rem; /* 24px */"
      },
      {
        "className": "leading-7",
        "detail": "line-height: 1.75rem; /* 28px */"
      },
      {
        "className": "leading-8",
        "detail": "line-height: 2rem; /* 32px */"
      },
      {
        "className": "leading-9",
        "detail": "line-height: 2.25rem; /* 36px */"
      },
      {
        "className": "leading-10",
        "detail": "line-height: 2.5rem; /* 40px */"
      },
      {
        "className": "leading-none",
        "detail": "line-height: 1;"
      },
      {
        "className": "leading-tight",
        "detail": "line-height: 1.25;"
      },
      {
        "className": "leading-snug",
        "detail": "line-height: 1.375;"
      },
      {
        "className": "leading-normal",
        "detail": "line-height: 1.5;"
      },
      {
        "className": "leading-relaxed",
        "detail": "line-height: 1.625;"
      },
      {
        "className": "leading-loose",
        "detail": "line-height: 2;"
      }
    ]
  },
  {
    "name": "Text Align",
    "list": [
      {
        "className": "text-left",
        "detail": "text-align: left;"
      },
      {
        "className": "text-center",
        "detail": "text-align: center;"
      },
      {
        "className": "text-right",
        "detail": "text-align: right;"
      },
      {
        "className": "text-justify",
        "detail": "text-align: justify;"
      },
      {
        "className": "text-start",
        "detail": "text-align: start;"
      },
      {
        "className": "text-end",
        "detail": "text-align: end;"
      }
    ]
  },
  {
    "name": "Text Color",
    "list": [
      {
        "className": "text-inherit",
        "detail": "color: inherit;"
      },
      {
        "className": "text-current",
        "detail": "color: currentColor;"
      },
      {
        "className": "text-transparent",
        "detail": "color: transparent;"
      },
      {
        "className": "text-black",
        "detail": "color: rgb(0 0 0);"
      },
      {
        "className": "text-white",
        "detail": "color: rgb(255 255 255);"
      },
      {
        "className": "text-slate-50",
        "detail": "color: rgb(248 250 252);"
      },
      {
        "className": "text-slate-100",
        "detail": "color: rgb(241 245 249);"
      },
      {
        "className": "text-slate-200",
        "detail": "color: rgb(226 232 240);"
      },
      {
        "className": "text-slate-300",
        "detail": "color: rgb(203 213 225);"
      },
      {
        "className": "text-slate-400",
        "detail": "color: rgb(148 163 184);"
      },
      {
        "className": "text-slate-500",
        "detail": "color: rgb(100 116 139);"
      },
      {
        "className": "text-slate-600",
        "detail": "color: rgb(71 85 105);"
      },
      {
        "className": "text-slate-700",
        "detail": "color: rgb(51 65 85);"
      },
      {
        "className": "text-slate-800",
        "detail": "color: rgb(30 41 59);"
      },
      {
        "className": "text-slate-900",
        "detail": "color: rgb(15 23 42);"
      },
      {
        "className": "text-gray-50",
        "detail": "color: rgb(249 250 251);"
      },
      {
        "className": "text-gray-100",
        "detail": "color: rgb(243 244 246);"
      },
      {
        "className": "text-gray-200",
        "detail": "color: rgb(229 231 235);"
      },
      {
        "className": "text-gray-300",
        "detail": "color: rgb(209 213 219);"
      },
      {
        "className": "text-gray-400",
        "detail": "color: rgb(156 163 175);"
      },
      {
        "className": "text-gray-500",
        "detail": "color: rgb(107 114 128);"
      },
      {
        "className": "text-gray-600",
        "detail": "color: rgb(75 85 99);"
      },
      {
        "className": "text-gray-700",
        "detail": "color: rgb(55 65 81);"
      },
      {
        "className": "text-gray-800",
        "detail": "color: rgb(31 41 55);"
      },
      {
        "className": "text-gray-900",
        "detail": "color: rgb(17 24 39);"
      },
      {
        "className": "text-zinc-50",
        "detail": "color: rgb(250 250 250);"
      },
      {
        "className": "text-zinc-100",
        "detail": "color: rgb(244 244 245);"
      },
      {
        "className": "text-zinc-200",
        "detail": "color: rgb(228 228 231);"
      },
      {
        "className": "text-zinc-300",
        "detail": "color: rgb(212 212 216);"
      },
      {
        "className": "text-zinc-400",
        "detail": "color: rgb(161 161 170);"
      },
      {
        "className": "text-zinc-500",
        "detail": "color: rgb(113 113 122);"
      },
      {
        "className": "text-zinc-600",
        "detail": "color: rgb(82 82 91);"
      },
      {
        "className": "text-zinc-700",
        "detail": "color: rgb(63 63 70);"
      },
      {
        "className": "text-zinc-800",
        "detail": "color: rgb(39 39 42);"
      },
      {
        "className": "text-zinc-900",
        "detail": "color: rgb(24 24 27);"
      },
      {
        "className": "text-neutral-50",
        "detail": "color: rgb(250 250 250);"
      },
      {
        "className": "text-neutral-100",
        "detail": "color: rgb(245 245 245);"
      },
      {
        "className": "text-neutral-200",
        "detail": "color: rgb(229 229 229);"
      },
      {
        "className": "text-neutral-300",
        "detail": "color: rgb(212 212 212);"
      },
      {
        "className": "text-neutral-400",
        "detail": "color: rgb(163 163 163);"
      },
      {
        "className": "text-neutral-500",
        "detail": "color: rgb(115 115 115);"
      },
      {
        "className": "text-neutral-600",
        "detail": "color: rgb(82 82 82);"
      },
      {
        "className": "text-neutral-700",
        "detail": "color: rgb(64 64 64);"
      },
      {
        "className": "text-neutral-800",
        "detail": "color: rgb(38 38 38);"
      },
      {
        "className": "text-neutral-900",
        "detail": "color: rgb(23 23 23);"
      },
      {
        "className": "text-stone-50",
        "detail": "color: rgb(250 250 249);"
      },
      {
        "className": "text-stone-100",
        "detail": "color: rgb(245 245 244);"
      },
      {
        "className": "text-stone-200",
        "detail": "color: rgb(231 229 228);"
      },
      {
        "className": "text-stone-300",
        "detail": "color: rgb(214 211 209);"
      },
      {
        "className": "text-stone-400",
        "detail": "color: rgb(168 162 158);"
      },
      {
        "className": "text-stone-500",
        "detail": "color: rgb(120 113 108);"
      },
      {
        "className": "text-stone-600",
        "detail": "color: rgb(87 83 78);"
      },
      {
        "className": "text-stone-700",
        "detail": "color: rgb(68 64 60);"
      },
      {
        "className": "text-stone-800",
        "detail": "color: rgb(41 37 36);"
      },
      {
        "className": "text-stone-900",
        "detail": "color: rgb(28 25 23);"
      },
      {
        "className": "text-red-50",
        "detail": "color: rgb(254 242 242);"
      },
      {
        "className": "text-red-100",
        "detail": "color: rgb(254 226 226);"
      },
      {
        "className": "text-red-200",
        "detail": "color: rgb(254 202 202);"
      },
      {
        "className": "text-red-300",
        "detail": "color: rgb(252 165 165);"
      },
      {
        "className": "text-red-400",
        "detail": "color: rgb(248 113 113);"
      },
      {
        "className": "text-red-500",
        "detail": "color: rgb(239 68 68);"
      },
      {
        "className": "text-red-600",
        "detail": "color: rgb(220 38 38);"
      },
      {
        "className": "text-red-700",
        "detail": "color: rgb(185 28 28);"
      },
      {
        "className": "text-red-800",
        "detail": "color: rgb(153 27 27);"
      },
      {
        "className": "text-red-900",
        "detail": "color: rgb(127 29 29);"
      },
      {
        "className": "text-orange-50",
        "detail": "color: rgb(255 247 237);"
      },
      {
        "className": "text-orange-100",
        "detail": "color: rgb(255 237 213);"
      },
      {
        "className": "text-orange-200",
        "detail": "color: rgb(254 215 170);"
      },
      {
        "className": "text-orange-300",
        "detail": "color: rgb(253 186 116);"
      },
      {
        "className": "text-orange-400",
        "detail": "color: rgb(251 146 60);"
      },
      {
        "className": "text-orange-500",
        "detail": "color: rgb(249 115 22);"
      },
      {
        "className": "text-orange-600",
        "detail": "color: rgb(234 88 12);"
      },
      {
        "className": "text-orange-700",
        "detail": "color: rgb(194 65 12);"
      },
      {
        "className": "text-orange-800",
        "detail": "color: rgb(154 52 18);"
      },
      {
        "className": "text-orange-900",
        "detail": "color: rgb(124 45 18);"
      },
      {
        "className": "text-amber-50",
        "detail": "color: rgb(255 251 235);"
      },
      {
        "className": "text-amber-100",
        "detail": "color: rgb(254 243 199);"
      },
      {
        "className": "text-amber-200",
        "detail": "color: rgb(253 230 138);"
      },
      {
        "className": "text-amber-300",
        "detail": "color: rgb(252 211 77);"
      },
      {
        "className": "text-amber-400",
        "detail": "color: rgb(251 191 36);"
      },
      {
        "className": "text-amber-500",
        "detail": "color: rgb(245 158 11);"
      },
      {
        "className": "text-amber-600",
        "detail": "color: rgb(217 119 6);"
      },
      {
        "className": "text-amber-700",
        "detail": "color: rgb(180 83 9);"
      },
      {
        "className": "text-amber-800",
        "detail": "color: rgb(146 64 14);"
      },
      {
        "className": "text-amber-900",
        "detail": "color: rgb(120 53 15);"
      },
      {
        "className": "text-yellow-50",
        "detail": "color: rgb(254 252 232);"
      },
      {
        "className": "text-yellow-100",
        "detail": "color: rgb(254 249 195);"
      },
      {
        "className": "text-yellow-200",
        "detail": "color: rgb(254 240 138);"
      },
      {
        "className": "text-yellow-300",
        "detail": "color: rgb(253 224 71);"
      },
      {
        "className": "text-yellow-400",
        "detail": "color: rgb(250 204 21);"
      },
      {
        "className": "text-yellow-500",
        "detail": "color: rgb(234 179 8);"
      },
      {
        "className": "text-yellow-600",
        "detail": "color: rgb(202 138 4);"
      },
      {
        "className": "text-yellow-700",
        "detail": "color: rgb(161 98 7);"
      },
      {
        "className": "text-yellow-800",
        "detail": "color: rgb(133 77 14);"
      },
      {
        "className": "text-yellow-900",
        "detail": "color: rgb(113 63 18);"
      },
      {
        "className": "text-lime-50",
        "detail": "color: rgb(247 254 231);"
      },
      {
        "className": "text-lime-100",
        "detail": "color: rgb(236 252 203);"
      },
      {
        "className": "text-lime-200",
        "detail": "color: rgb(217 249 157);"
      },
      {
        "className": "text-lime-300",
        "detail": "color: rgb(190 242 100);"
      },
      {
        "className": "text-lime-400",
        "detail": "color: rgb(163 230 53);"
      },
      {
        "className": "text-lime-500",
        "detail": "color: rgb(132 204 22);"
      },
      {
        "className": "text-lime-600",
        "detail": "color: rgb(101 163 13);"
      },
      {
        "className": "text-lime-700",
        "detail": "color: rgb(77 124 15);"
      },
      {
        "className": "text-lime-800",
        "detail": "color: rgb(63 98 18);"
      },
      {
        "className": "text-lime-900",
        "detail": "color: rgb(54 83 20);"
      },
      {
        "className": "text-green-50",
        "detail": "color: rgb(240 253 244);"
      },
      {
        "className": "text-green-100",
        "detail": "color: rgb(220 252 231);"
      },
      {
        "className": "text-green-200",
        "detail": "color: rgb(187 247 208);"
      },
      {
        "className": "text-green-300",
        "detail": "color: rgb(134 239 172);"
      },
      {
        "className": "text-green-400",
        "detail": "color: rgb(74 222 128);"
      },
      {
        "className": "text-green-500",
        "detail": "color: rgb(34 197 94);"
      },
      {
        "className": "text-green-600",
        "detail": "color: rgb(22 163 74);"
      },
      {
        "className": "text-green-700",
        "detail": "color: rgb(21 128 61);"
      },
      {
        "className": "text-green-800",
        "detail": "color: rgb(22 101 52);"
      },
      {
        "className": "text-green-900",
        "detail": "color: rgb(20 83 45);"
      },
      {
        "className": "text-emerald-50",
        "detail": "color: rgb(236 253 245);"
      },
      {
        "className": "text-emerald-100",
        "detail": "color: rgb(209 250 229);"
      },
      {
        "className": "text-emerald-200",
        "detail": "color: rgb(167 243 208);"
      },
      {
        "className": "text-emerald-300",
        "detail": "color: rgb(110 231 183);"
      },
      {
        "className": "text-emerald-400",
        "detail": "color: rgb(52 211 153);"
      },
      {
        "className": "text-emerald-500",
        "detail": "color: rgb(16 185 129);"
      },
      {
        "className": "text-emerald-600",
        "detail": "color: rgb(5 150 105);"
      },
      {
        "className": "text-emerald-700",
        "detail": "color: rgb(4 120 87);"
      },
      {
        "className": "text-emerald-800",
        "detail": "color: rgb(6 95 70);"
      },
      {
        "className": "text-emerald-900",
        "detail": "color: rgb(6 78 59);"
      },
      {
        "className": "text-teal-50",
        "detail": "color: rgb(240 253 250);"
      },
      {
        "className": "text-teal-100",
        "detail": "color: rgb(204 251 241);"
      },
      {
        "className": "text-teal-200",
        "detail": "color: rgb(153 246 228);"
      },
      {
        "className": "text-teal-300",
        "detail": "color: rgb(94 234 212);"
      },
      {
        "className": "text-teal-400",
        "detail": "color: rgb(45 212 191);"
      },
      {
        "className": "text-teal-500",
        "detail": "color: rgb(20 184 166);"
      },
      {
        "className": "text-teal-600",
        "detail": "color: rgb(13 148 136);"
      },
      {
        "className": "text-teal-700",
        "detail": "color: rgb(15 118 110);"
      },
      {
        "className": "text-teal-800",
        "detail": "color: rgb(17 94 89);"
      },
      {
        "className": "text-teal-900",
        "detail": "color: rgb(19 78 74);"
      },
      {
        "className": "text-cyan-50",
        "detail": "color: rgb(236 254 255);"
      },
      {
        "className": "text-cyan-100",
        "detail": "color: rgb(207 250 254);"
      },
      {
        "className": "text-cyan-200",
        "detail": "color: rgb(165 243 252);"
      },
      {
        "className": "text-cyan-300",
        "detail": "color: rgb(103 232 249);"
      },
      {
        "className": "text-cyan-400",
        "detail": "color: rgb(34 211 238);"
      },
      {
        "className": "text-cyan-500",
        "detail": "color: rgb(6 182 212);"
      },
      {
        "className": "text-cyan-600",
        "detail": "color: rgb(8 145 178);"
      },
      {
        "className": "text-cyan-700",
        "detail": "color: rgb(14 116 144);"
      },
      {
        "className": "text-cyan-800",
        "detail": "color: rgb(21 94 117);"
      },
      {
        "className": "text-cyan-900",
        "detail": "color: rgb(22 78 99);"
      },
      {
        "className": "text-sky-50",
        "detail": "color: rgb(240 249 255);"
      },
      {
        "className": "text-sky-100",
        "detail": "color: rgb(224 242 254);"
      },
      {
        "className": "text-sky-200",
        "detail": "color: rgb(186 230 253);"
      },
      {
        "className": "text-sky-300",
        "detail": "color: rgb(125 211 252);"
      },
      {
        "className": "text-sky-400",
        "detail": "color: rgb(56 189 248);"
      },
      {
        "className": "text-sky-500",
        "detail": "color: rgb(14 165 233);"
      },
      {
        "className": "text-sky-600",
        "detail": "color: rgb(2 132 199);"
      },
      {
        "className": "text-sky-700",
        "detail": "color: rgb(3 105 161);"
      },
      {
        "className": "text-sky-800",
        "detail": "color: rgb(7 89 133);"
      },
      {
        "className": "text-sky-900",
        "detail": "color: rgb(12 74 110);"
      },
      {
        "className": "text-blue-50",
        "detail": "color: rgb(239 246 255);"
      },
      {
        "className": "text-blue-100",
        "detail": "color: rgb(219 234 254);"
      },
      {
        "className": "text-blue-200",
        "detail": "color: rgb(191 219 254);"
      },
      {
        "className": "text-blue-300",
        "detail": "color: rgb(147 197 253);"
      },
      {
        "className": "text-blue-400",
        "detail": "color: rgb(96 165 250);"
      },
      {
        "className": "text-blue-500",
        "detail": "color: rgb(59 130 246);"
      },
      {
        "className": "text-blue-600",
        "detail": "color: rgb(37 99 235);"
      },
      {
        "className": "text-blue-700",
        "detail": "color: rgb(29 78 216);"
      },
      {
        "className": "text-blue-800",
        "detail": "color: rgb(30 64 175);"
      },
      {
        "className": "text-blue-900",
        "detail": "color: rgb(30 58 138);"
      },
      {
        "className": "text-indigo-50",
        "detail": "color: rgb(238 242 255);"
      },
      {
        "className": "text-indigo-100",
        "detail": "color: rgb(224 231 255);"
      },
      {
        "className": "text-indigo-200",
        "detail": "color: rgb(199 210 254);"
      },
      {
        "className": "text-indigo-300",
        "detail": "color: rgb(165 180 252);"
      },
      {
        "className": "text-indigo-400",
        "detail": "color: rgb(129 140 248);"
      },
      {
        "className": "text-indigo-500",
        "detail": "color: rgb(99 102 241);"
      },
      {
        "className": "text-indigo-600",
        "detail": "color: rgb(79 70 229);"
      },
      {
        "className": "text-indigo-700",
        "detail": "color: rgb(67 56 202);"
      },
      {
        "className": "text-indigo-800",
        "detail": "color: rgb(55 48 163);"
      },
      {
        "className": "text-indigo-900",
        "detail": "color: rgb(49 46 129);"
      },
      {
        "className": "text-violet-50",
        "detail": "color: rgb(245 243 255);"
      },
      {
        "className": "text-violet-100",
        "detail": "color: rgb(237 233 254);"
      },
      {
        "className": "text-violet-200",
        "detail": "color: rgb(221 214 254);"
      },
      {
        "className": "text-violet-300",
        "detail": "color: rgb(196 181 253);"
      },
      {
        "className": "text-violet-400",
        "detail": "color: rgb(167 139 250);"
      },
      {
        "className": "text-violet-500",
        "detail": "color: rgb(139 92 246);"
      },
      {
        "className": "text-violet-600",
        "detail": "color: rgb(124 58 237);"
      },
      {
        "className": "text-violet-700",
        "detail": "color: rgb(109 40 217);"
      },
      {
        "className": "text-violet-800",
        "detail": "color: rgb(91 33 182);"
      },
      {
        "className": "text-violet-900",
        "detail": "color: rgb(76 29 149);"
      },
      {
        "className": "text-purple-50",
        "detail": "color: rgb(250 245 255);"
      },
      {
        "className": "text-purple-100",
        "detail": "color: rgb(243 232 255);"
      },
      {
        "className": "text-purple-200",
        "detail": "color: rgb(233 213 255);"
      },
      {
        "className": "text-purple-300",
        "detail": "color: rgb(216 180 254);"
      },
      {
        "className": "text-purple-400",
        "detail": "color: rgb(192 132 252);"
      },
      {
        "className": "text-purple-500",
        "detail": "color: rgb(168 85 247);"
      },
      {
        "className": "text-purple-600",
        "detail": "color: rgb(147 51 234);"
      },
      {
        "className": "text-purple-700",
        "detail": "color: rgb(126 34 206);"
      },
      {
        "className": "text-purple-800",
        "detail": "color: rgb(107 33 168);"
      },
      {
        "className": "text-purple-900",
        "detail": "color: rgb(88 28 135);"
      },
      {
        "className": "text-fuchsia-50",
        "detail": "color: rgb(253 244 255);"
      },
      {
        "className": "text-fuchsia-100",
        "detail": "color: rgb(250 232 255);"
      },
      {
        "className": "text-fuchsia-200",
        "detail": "color: rgb(245 208 254);"
      },
      {
        "className": "text-fuchsia-300",
        "detail": "color: rgb(240 171 252);"
      },
      {
        "className": "text-fuchsia-400",
        "detail": "color: rgb(232 121 249);"
      },
      {
        "className": "text-fuchsia-500",
        "detail": "color: rgb(217 70 239);"
      },
      {
        "className": "text-fuchsia-600",
        "detail": "color: rgb(192 38 211);"
      },
      {
        "className": "text-fuchsia-700",
        "detail": "color: rgb(162 28 175);"
      },
      {
        "className": "text-fuchsia-800",
        "detail": "color: rgb(134 25 143);"
      },
      {
        "className": "text-fuchsia-900",
        "detail": "color: rgb(112 26 117);"
      },
      {
        "className": "text-pink-50",
        "detail": "color: rgb(253 242 248);"
      },
      {
        "className": "text-pink-100",
        "detail": "color: rgb(252 231 243);"
      },
      {
        "className": "text-pink-200",
        "detail": "color: rgb(251 207 232);"
      },
      {
        "className": "text-pink-300",
        "detail": "color: rgb(249 168 212);"
      },
      {
        "className": "text-pink-400",
        "detail": "color: rgb(244 114 182);"
      },
      {
        "className": "text-pink-500",
        "detail": "color: rgb(236 72 153);"
      },
      {
        "className": "text-pink-600",
        "detail": "color: rgb(219 39 119);"
      },
      {
        "className": "text-pink-700",
        "detail": "color: rgb(190 24 93);"
      },
      {
        "className": "text-pink-800",
        "detail": "color: rgb(157 23 77);"
      },
      {
        "className": "text-pink-900",
        "detail": "color: rgb(131 24 67);"
      },
      {
        "className": "text-rose-50",
        "detail": "color: rgb(255 241 242);"
      },
      {
        "className": "text-rose-100",
        "detail": "color: rgb(255 228 230);"
      },
      {
        "className": "text-rose-200",
        "detail": "color: rgb(254 205 211);"
      },
      {
        "className": "text-rose-300",
        "detail": "color: rgb(253 164 175);"
      },
      {
        "className": "text-rose-400",
        "detail": "color: rgb(251 113 133);"
      },
      {
        "className": "text-rose-500",
        "detail": "color: rgb(244 63 94);"
      },
      {
        "className": "text-rose-600",
        "detail": "color: rgb(225 29 72);"
      },
      {
        "className": "text-rose-700",
        "detail": "color: rgb(190 18 60);"
      },
      {
        "className": "text-rose-800",
        "detail": "color: rgb(159 18 57);"
      },
      {
        "className": "text-rose-900",
        "detail": "color: rgb(136 19 55);"
      }
    ]
  },
  {
    "name": "Text Overflow",
    "list": [
      {
        "className": "truncate",
        "detail": "overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"
      },
      {
        "className": "text-ellipsis",
        "detail": "text-overflow: ellipsis;"
      },
      {
        "className": "text-clip",
        "detail": "text-overflow: clip;"
      }
    ]
  },
  {
    "name": "Vertical Align",
    "list": [
      {
        "className": "align-baseline",
        "detail": "vertical-align: baseline;"
      },
      {
        "className": "align-top",
        "detail": "vertical-align: top;"
      },
      {
        "className": "align-middle",
        "detail": "vertical-align: middle;"
      },
      {
        "className": "align-bottom",
        "detail": "vertical-align: bottom;"
      },
      {
        "className": "align-text-top",
        "detail": "vertical-align: text-top;"
      },
      {
        "className": "align-text-bottom",
        "detail": "vertical-align: text-bottom;"
      },
      {
        "className": "align-sub",
        "detail": "vertical-align: sub;"
      },
      {
        "className": "align-super",
        "detail": "vertical-align: super;"
      }
    ]
  },
  {
    "name": "Whitespace",
    "list": [
      {
        "className": "whitespace-normal",
        "detail": "white-space: normal;"
      },
      {
        "className": "whitespace-nowrap",
        "detail": "white-space: nowrap;"
      },
      {
        "className": "whitespace-pre",
        "detail": "white-space: pre;"
      },
      {
        "className": "whitespace-pre-line",
        "detail": "white-space: pre-line;"
      },
      {
        "className": "whitespace-pre-wrap",
        "detail": "white-space: pre-wrap;"
      }
    ]
  },
  {
    "name": "Word Break",
    "list": [
      {
        "className": "break-normal",
        "detail": "overflow-wrap: normal; word-break: normal;"
      },
      {
        "className": "break-words",
        "detail": "overflow-wrap: break-word;"
      },
      {
        "className": "break-all",
        "detail": "word-break: break-all;"
      },
      {
        "className": "break-keep",
        "detail": "word-break: keep-all;"
      }
    ]
  },
  {
    "name": "Background Color",
    "list": [
      {
        "className": "bg-inherit",
        "detail": "background-color: inherit;"
      },
      {
        "className": "bg-current",
        "detail": "background-color: currentColor;"
      },
      {
        "className": "bg-transparent",
        "detail": "background-color: transparent;"
      },
      {
        "className": "bg-black",
        "detail": "background-color: rgb(0 0 0);"
      },
      {
        "className": "bg-white",
        "detail": "background-color: rgb(255 255 255);"
      },
      {
        "className": "bg-slate-50",
        "detail": "background-color: rgb(248 250 252);"
      },
      {
        "className": "bg-slate-100",
        "detail": "background-color: rgb(241 245 249);"
      },
      {
        "className": "bg-slate-200",
        "detail": "background-color: rgb(226 232 240);"
      },
      {
        "className": "bg-slate-300",
        "detail": "background-color: rgb(203 213 225);"
      },
      {
        "className": "bg-slate-400",
        "detail": "background-color: rgb(148 163 184);"
      },
      {
        "className": "bg-slate-500",
        "detail": "background-color: rgb(100 116 139);"
      },
      {
        "className": "bg-slate-600",
        "detail": "background-color: rgb(71 85 105);"
      },
      {
        "className": "bg-slate-700",
        "detail": "background-color: rgb(51 65 85);"
      },
      {
        "className": "bg-slate-800",
        "detail": "background-color: rgb(30 41 59);"
      },
      {
        "className": "bg-slate-900",
        "detail": "background-color: rgb(15 23 42);"
      },
      {
        "className": "bg-gray-50",
        "detail": "background-color: rgb(249 250 251);"
      },
      {
        "className": "bg-gray-100",
        "detail": "background-color: rgb(243 244 246);"
      },
      {
        "className": "bg-gray-200",
        "detail": "background-color: rgb(229 231 235);"
      },
      {
        "className": "bg-gray-300",
        "detail": "background-color: rgb(209 213 219);"
      },
      {
        "className": "bg-gray-400",
        "detail": "background-color: rgb(156 163 175);"
      },
      {
        "className": "bg-gray-500",
        "detail": "background-color: rgb(107 114 128);"
      },
      {
        "className": "bg-gray-600",
        "detail": "background-color: rgb(75 85 99);"
      },
      {
        "className": "bg-gray-700",
        "detail": "background-color: rgb(55 65 81);"
      },
      {
        "className": "bg-gray-800",
        "detail": "background-color: rgb(31 41 55);"
      },
      {
        "className": "bg-gray-900",
        "detail": "background-color: rgb(17 24 39);"
      },
      {
        "className": "bg-zinc-50",
        "detail": "background-color: rgb(250 250 250);"
      },
      {
        "className": "bg-zinc-100",
        "detail": "background-color: rgb(244 244 245);"
      },
      {
        "className": "bg-zinc-200",
        "detail": "background-color: rgb(228 228 231);"
      },
      {
        "className": "bg-zinc-300",
        "detail": "background-color: rgb(212 212 216);"
      },
      {
        "className": "bg-zinc-400",
        "detail": "background-color: rgb(161 161 170);"
      },
      {
        "className": "bg-zinc-500",
        "detail": "background-color: rgb(113 113 122);"
      },
      {
        "className": "bg-zinc-600",
        "detail": "background-color: rgb(82 82 91);"
      },
      {
        "className": "bg-zinc-700",
        "detail": "background-color: rgb(63 63 70);"
      },
      {
        "className": "bg-zinc-800",
        "detail": "background-color: rgb(39 39 42);"
      },
      {
        "className": "bg-zinc-900",
        "detail": "background-color: rgb(24 24 27);"
      },
      {
        "className": "bg-neutral-50",
        "detail": "background-color: rgb(250 250 250);"
      },
      {
        "className": "bg-neutral-100",
        "detail": "background-color: rgb(245 245 245);"
      },
      {
        "className": "bg-neutral-200",
        "detail": "background-color: rgb(229 229 229);"
      },
      {
        "className": "bg-neutral-300",
        "detail": "background-color: rgb(212 212 212);"
      },
      {
        "className": "bg-neutral-400",
        "detail": "background-color: rgb(163 163 163);"
      },
      {
        "className": "bg-neutral-500",
        "detail": "background-color: rgb(115 115 115);"
      },
      {
        "className": "bg-neutral-600",
        "detail": "background-color: rgb(82 82 82);"
      },
      {
        "className": "bg-neutral-700",
        "detail": "background-color: rgb(64 64 64);"
      },
      {
        "className": "bg-neutral-800",
        "detail": "background-color: rgb(38 38 38);"
      },
      {
        "className": "bg-neutral-900",
        "detail": "background-color: rgb(23 23 23);"
      },
      {
        "className": "bg-stone-50",
        "detail": "background-color: rgb(250 250 249);"
      },
      {
        "className": "bg-stone-100",
        "detail": "background-color: rgb(245 245 244);"
      },
      {
        "className": "bg-stone-200",
        "detail": "background-color: rgb(231 229 228);"
      },
      {
        "className": "bg-stone-300",
        "detail": "background-color: rgb(214 211 209);"
      },
      {
        "className": "bg-stone-400",
        "detail": "background-color: rgb(168 162 158);"
      },
      {
        "className": "bg-stone-500",
        "detail": "background-color: rgb(120 113 108);"
      },
      {
        "className": "bg-stone-600",
        "detail": "background-color: rgb(87 83 78);"
      },
      {
        "className": "bg-stone-700",
        "detail": "background-color: rgb(68 64 60);"
      },
      {
        "className": "bg-stone-800",
        "detail": "background-color: rgb(41 37 36);"
      },
      {
        "className": "bg-stone-900",
        "detail": "background-color: rgb(28 25 23);"
      },
      {
        "className": "bg-red-50",
        "detail": "background-color: rgb(254 242 242);"
      },
      {
        "className": "bg-red-100",
        "detail": "background-color: rgb(254 226 226);"
      },
      {
        "className": "bg-red-200",
        "detail": "background-color: rgb(254 202 202);"
      },
      {
        "className": "bg-red-300",
        "detail": "background-color: rgb(252 165 165);"
      },
      {
        "className": "bg-red-400",
        "detail": "background-color: rgb(248 113 113);"
      },
      {
        "className": "bg-red-500",
        "detail": "background-color: rgb(239 68 68);"
      },
      {
        "className": "bg-red-600",
        "detail": "background-color: rgb(220 38 38);"
      },
      {
        "className": "bg-red-700",
        "detail": "background-color: rgb(185 28 28);"
      },
      {
        "className": "bg-red-800",
        "detail": "background-color: rgb(153 27 27);"
      },
      {
        "className": "bg-red-900",
        "detail": "background-color: rgb(127 29 29);"
      },
      {
        "className": "bg-orange-50",
        "detail": "background-color: rgb(255 247 237);"
      },
      {
        "className": "bg-orange-100",
        "detail": "background-color: rgb(255 237 213);"
      },
      {
        "className": "bg-orange-200",
        "detail": "background-color: rgb(254 215 170);"
      },
      {
        "className": "bg-orange-300",
        "detail": "background-color: rgb(253 186 116);"
      },
      {
        "className": "bg-orange-400",
        "detail": "background-color: rgb(251 146 60);"
      },
      {
        "className": "bg-orange-500",
        "detail": "background-color: rgb(249 115 22);"
      },
      {
        "className": "bg-orange-600",
        "detail": "background-color: rgb(234 88 12);"
      },
      {
        "className": "bg-orange-700",
        "detail": "background-color: rgb(194 65 12);"
      },
      {
        "className": "bg-orange-800",
        "detail": "background-color: rgb(154 52 18);"
      },
      {
        "className": "bg-orange-900",
        "detail": "background-color: rgb(124 45 18);"
      },
      {
        "className": "bg-amber-50",
        "detail": "background-color: rgb(255 251 235);"
      },
      {
        "className": "bg-amber-100",
        "detail": "background-color: rgb(254 243 199);"
      },
      {
        "className": "bg-amber-200",
        "detail": "background-color: rgb(253 230 138);"
      },
      {
        "className": "bg-amber-300",
        "detail": "background-color: rgb(252 211 77);"
      },
      {
        "className": "bg-amber-400",
        "detail": "background-color: rgb(251 191 36);"
      },
      {
        "className": "bg-amber-500",
        "detail": "background-color: rgb(245 158 11);"
      },
      {
        "className": "bg-amber-600",
        "detail": "background-color: rgb(217 119 6);"
      },
      {
        "className": "bg-amber-700",
        "detail": "background-color: rgb(180 83 9);"
      },
      {
        "className": "bg-amber-800",
        "detail": "background-color: rgb(146 64 14);"
      },
      {
        "className": "bg-amber-900",
        "detail": "background-color: rgb(120 53 15);"
      },
      {
        "className": "bg-yellow-50",
        "detail": "background-color: rgb(254 252 232);"
      },
      {
        "className": "bg-yellow-100",
        "detail": "background-color: rgb(254 249 195);"
      },
      {
        "className": "bg-yellow-200",
        "detail": "background-color: rgb(254 240 138);"
      },
      {
        "className": "bg-yellow-300",
        "detail": "background-color: rgb(253 224 71);"
      },
      {
        "className": "bg-yellow-400",
        "detail": "background-color: rgb(250 204 21);"
      },
      {
        "className": "bg-yellow-500",
        "detail": "background-color: rgb(234 179 8);"
      },
      {
        "className": "bg-yellow-600",
        "detail": "background-color: rgb(202 138 4);"
      },
      {
        "className": "bg-yellow-700",
        "detail": "background-color: rgb(161 98 7);"
      },
      {
        "className": "bg-yellow-800",
        "detail": "background-color: rgb(133 77 14);"
      },
      {
        "className": "bg-yellow-900",
        "detail": "background-color: rgb(113 63 18);"
      },
      {
        "className": "bg-lime-50",
        "detail": "background-color: rgb(247 254 231);"
      },
      {
        "className": "bg-lime-100",
        "detail": "background-color: rgb(236 252 203);"
      },
      {
        "className": "bg-lime-200",
        "detail": "background-color: rgb(217 249 157);"
      },
      {
        "className": "bg-lime-300",
        "detail": "background-color: rgb(190 242 100);"
      },
      {
        "className": "bg-lime-400",
        "detail": "background-color: rgb(163 230 53);"
      },
      {
        "className": "bg-lime-500",
        "detail": "background-color: rgb(132 204 22);"
      },
      {
        "className": "bg-lime-600",
        "detail": "background-color: rgb(101 163 13);"
      },
      {
        "className": "bg-lime-700",
        "detail": "background-color: rgb(77 124 15);"
      },
      {
        "className": "bg-lime-800",
        "detail": "background-color: rgb(63 98 18);"
      },
      {
        "className": "bg-lime-900",
        "detail": "background-color: rgb(54 83 20);"
      },
      {
        "className": "bg-green-50",
        "detail": "background-color: rgb(240 253 244);"
      },
      {
        "className": "bg-green-100",
        "detail": "background-color: rgb(220 252 231);"
      },
      {
        "className": "bg-green-200",
        "detail": "background-color: rgb(187 247 208);"
      },
      {
        "className": "bg-green-300",
        "detail": "background-color: rgb(134 239 172);"
      },
      {
        "className": "bg-green-400",
        "detail": "background-color: rgb(74 222 128);"
      },
      {
        "className": "bg-green-500",
        "detail": "background-color: rgb(34 197 94);"
      },
      {
        "className": "bg-green-600",
        "detail": "background-color: rgb(22 163 74);"
      },
      {
        "className": "bg-green-700",
        "detail": "background-color: rgb(21 128 61);"
      },
      {
        "className": "bg-green-800",
        "detail": "background-color: rgb(22 101 52);"
      },
      {
        "className": "bg-green-900",
        "detail": "background-color: rgb(20 83 45);"
      },
      {
        "className": "bg-emerald-50",
        "detail": "background-color: rgb(236 253 245);"
      },
      {
        "className": "bg-emerald-100",
        "detail": "background-color: rgb(209 250 229);"
      },
      {
        "className": "bg-emerald-200",
        "detail": "background-color: rgb(167 243 208);"
      },
      {
        "className": "bg-emerald-300",
        "detail": "background-color: rgb(110 231 183);"
      },
      {
        "className": "bg-emerald-400",
        "detail": "background-color: rgb(52 211 153);"
      },
      {
        "className": "bg-emerald-500",
        "detail": "background-color: rgb(16 185 129);"
      },
      {
        "className": "bg-emerald-600",
        "detail": "background-color: rgb(5 150 105);"
      },
      {
        "className": "bg-emerald-700",
        "detail": "background-color: rgb(4 120 87);"
      },
      {
        "className": "bg-emerald-800",
        "detail": "background-color: rgb(6 95 70);"
      },
      {
        "className": "bg-emerald-900",
        "detail": "background-color: rgb(6 78 59);"
      },
      {
        "className": "bg-teal-50",
        "detail": "background-color: rgb(240 253 250);"
      },
      {
        "className": "bg-teal-100",
        "detail": "background-color: rgb(204 251 241);"
      },
      {
        "className": "bg-teal-200",
        "detail": "background-color: rgb(153 246 228);"
      },
      {
        "className": "bg-teal-300",
        "detail": "background-color: rgb(94 234 212);"
      },
      {
        "className": "bg-teal-400",
        "detail": "background-color: rgb(45 212 191);"
      },
      {
        "className": "bg-teal-500",
        "detail": "background-color: rgb(20 184 166);"
      },
      {
        "className": "bg-teal-600",
        "detail": "background-color: rgb(13 148 136);"
      },
      {
        "className": "bg-teal-700",
        "detail": "background-color: rgb(15 118 110);"
      },
      {
        "className": "bg-teal-800",
        "detail": "background-color: rgb(17 94 89);"
      },
      {
        "className": "bg-teal-900",
        "detail": "background-color: rgb(19 78 74);"
      },
      {
        "className": "bg-cyan-50",
        "detail": "background-color: rgb(236 254 255);"
      },
      {
        "className": "bg-cyan-100",
        "detail": "background-color: rgb(207 250 254);"
      },
      {
        "className": "bg-cyan-200",
        "detail": "background-color: rgb(165 243 252);"
      },
      {
        "className": "bg-cyan-300",
        "detail": "background-color: rgb(103 232 249);"
      },
      {
        "className": "bg-cyan-400",
        "detail": "background-color: rgb(34 211 238);"
      },
      {
        "className": "bg-cyan-500",
        "detail": "background-color: rgb(6 182 212);"
      },
      {
        "className": "bg-cyan-600",
        "detail": "background-color: rgb(8 145 178);"
      },
      {
        "className": "bg-cyan-700",
        "detail": "background-color: rgb(14 116 144);"
      },
      {
        "className": "bg-cyan-800",
        "detail": "background-color: rgb(21 94 117);"
      },
      {
        "className": "bg-cyan-900",
        "detail": "background-color: rgb(22 78 99);"
      },
      {
        "className": "bg-sky-50",
        "detail": "background-color: rgb(240 249 255);"
      },
      {
        "className": "bg-sky-100",
        "detail": "background-color: rgb(224 242 254);"
      },
      {
        "className": "bg-sky-200",
        "detail": "background-color: rgb(186 230 253);"
      },
      {
        "className": "bg-sky-300",
        "detail": "background-color: rgb(125 211 252);"
      },
      {
        "className": "bg-sky-400",
        "detail": "background-color: rgb(56 189 248);"
      },
      {
        "className": "bg-sky-500",
        "detail": "background-color: rgb(14 165 233);"
      },
      {
        "className": "bg-sky-600",
        "detail": "background-color: rgb(2 132 199);"
      },
      {
        "className": "bg-sky-700",
        "detail": "background-color: rgb(3 105 161);"
      },
      {
        "className": "bg-sky-800",
        "detail": "background-color: rgb(7 89 133);"
      },
      {
        "className": "bg-sky-900",
        "detail": "background-color: rgb(12 74 110);"
      },
      {
        "className": "bg-blue-50",
        "detail": "background-color: rgb(239 246 255);"
      },
      {
        "className": "bg-blue-100",
        "detail": "background-color: rgb(219 234 254);"
      },
      {
        "className": "bg-blue-200",
        "detail": "background-color: rgb(191 219 254);"
      },
      {
        "className": "bg-blue-300",
        "detail": "background-color: rgb(147 197 253);"
      },
      {
        "className": "bg-blue-400",
        "detail": "background-color: rgb(96 165 250);"
      },
      {
        "className": "bg-blue-500",
        "detail": "background-color: rgb(59 130 246);"
      },
      {
        "className": "bg-blue-600",
        "detail": "background-color: rgb(37 99 235);"
      },
      {
        "className": "bg-blue-700",
        "detail": "background-color: rgb(29 78 216);"
      },
      {
        "className": "bg-blue-800",
        "detail": "background-color: rgb(30 64 175);"
      },
      {
        "className": "bg-blue-900",
        "detail": "background-color: rgb(30 58 138);"
      },
      {
        "className": "bg-indigo-50",
        "detail": "background-color: rgb(238 242 255);"
      },
      {
        "className": "bg-indigo-100",
        "detail": "background-color: rgb(224 231 255);"
      },
      {
        "className": "bg-indigo-200",
        "detail": "background-color: rgb(199 210 254);"
      },
      {
        "className": "bg-indigo-300",
        "detail": "background-color: rgb(165 180 252);"
      },
      {
        "className": "bg-indigo-400",
        "detail": "background-color: rgb(129 140 248);"
      },
      {
        "className": "bg-indigo-500",
        "detail": "background-color: rgb(99 102 241);"
      },
      {
        "className": "bg-indigo-600",
        "detail": "background-color: rgb(79 70 229);"
      },
      {
        "className": "bg-indigo-700",
        "detail": "background-color: rgb(67 56 202);"
      },
      {
        "className": "bg-indigo-800",
        "detail": "background-color: rgb(55 48 163);"
      },
      {
        "className": "bg-indigo-900",
        "detail": "background-color: rgb(49 46 129);"
      },
      {
        "className": "bg-violet-50",
        "detail": "background-color: rgb(245 243 255);"
      },
      {
        "className": "bg-violet-100",
        "detail": "background-color: rgb(237 233 254);"
      },
      {
        "className": "bg-violet-200",
        "detail": "background-color: rgb(221 214 254);"
      },
      {
        "className": "bg-violet-300",
        "detail": "background-color: rgb(196 181 253);"
      },
      {
        "className": "bg-violet-400",
        "detail": "background-color: rgb(167 139 250);"
      },
      {
        "className": "bg-violet-500",
        "detail": "background-color: rgb(139 92 246);"
      },
      {
        "className": "bg-violet-600",
        "detail": "background-color: rgb(124 58 237);"
      },
      {
        "className": "bg-violet-700",
        "detail": "background-color: rgb(109 40 217);"
      },
      {
        "className": "bg-violet-800",
        "detail": "background-color: rgb(91 33 182);"
      },
      {
        "className": "bg-violet-900",
        "detail": "background-color: rgb(76 29 149);"
      },
      {
        "className": "bg-purple-50",
        "detail": "background-color: rgb(250 245 255);"
      },
      {
        "className": "bg-purple-100",
        "detail": "background-color: rgb(243 232 255);"
      },
      {
        "className": "bg-purple-200",
        "detail": "background-color: rgb(233 213 255);"
      },
      {
        "className": "bg-purple-300",
        "detail": "background-color: rgb(216 180 254);"
      },
      {
        "className": "bg-purple-400",
        "detail": "background-color: rgb(192 132 252);"
      },
      {
        "className": "bg-purple-500",
        "detail": "background-color: rgb(168 85 247);"
      },
      {
        "className": "bg-purple-600",
        "detail": "background-color: rgb(147 51 234);"
      },
      {
        "className": "bg-purple-700",
        "detail": "background-color: rgb(126 34 206);"
      },
      {
        "className": "bg-purple-800",
        "detail": "background-color: rgb(107 33 168);"
      },
      {
        "className": "bg-purple-900",
        "detail": "background-color: rgb(88 28 135);"
      },
      {
        "className": "bg-fuchsia-50",
        "detail": "background-color: rgb(253 244 255);"
      },
      {
        "className": "bg-fuchsia-100",
        "detail": "background-color: rgb(250 232 255);"
      },
      {
        "className": "bg-fuchsia-200",
        "detail": "background-color: rgb(245 208 254);"
      },
      {
        "className": "bg-fuchsia-300",
        "detail": "background-color: rgb(240 171 252);"
      },
      {
        "className": "bg-fuchsia-400",
        "detail": "background-color: rgb(232 121 249);"
      },
      {
        "className": "bg-fuchsia-500",
        "detail": "background-color: rgb(217 70 239);"
      },
      {
        "className": "bg-fuchsia-600",
        "detail": "background-color: rgb(192 38 211);"
      },
      {
        "className": "bg-fuchsia-700",
        "detail": "background-color: rgb(162 28 175);"
      },
      {
        "className": "bg-fuchsia-800",
        "detail": "background-color: rgb(134 25 143);"
      },
      {
        "className": "bg-fuchsia-900",
        "detail": "background-color: rgb(112 26 117);"
      },
      {
        "className": "bg-pink-50",
        "detail": "background-color: rgb(253 242 248);"
      },
      {
        "className": "bg-pink-100",
        "detail": "background-color: rgb(252 231 243);"
      },
      {
        "className": "bg-pink-200",
        "detail": "background-color: rgb(251 207 232);"
      },
      {
        "className": "bg-pink-300",
        "detail": "background-color: rgb(249 168 212);"
      },
      {
        "className": "bg-pink-400",
        "detail": "background-color: rgb(244 114 182);"
      },
      {
        "className": "bg-pink-500",
        "detail": "background-color: rgb(236 72 153);"
      },
      {
        "className": "bg-pink-600",
        "detail": "background-color: rgb(219 39 119);"
      },
      {
        "className": "bg-pink-700",
        "detail": "background-color: rgb(190 24 93);"
      },
      {
        "className": "bg-pink-800",
        "detail": "background-color: rgb(157 23 77);"
      },
      {
        "className": "bg-pink-900",
        "detail": "background-color: rgb(131 24 67);"
      },
      {
        "className": "bg-rose-50",
        "detail": "background-color: rgb(255 241 242);"
      },
      {
        "className": "bg-rose-100",
        "detail": "background-color: rgb(255 228 230);"
      },
      {
        "className": "bg-rose-200",
        "detail": "background-color: rgb(254 205 211);"
      },
      {
        "className": "bg-rose-300",
        "detail": "background-color: rgb(253 164 175);"
      },
      {
        "className": "bg-rose-400",
        "detail": "background-color: rgb(251 113 133);"
      },
      {
        "className": "bg-rose-500",
        "detail": "background-color: rgb(244 63 94);"
      },
      {
        "className": "bg-rose-600",
        "detail": "background-color: rgb(225 29 72);"
      },
      {
        "className": "bg-rose-700",
        "detail": "background-color: rgb(190 18 60);"
      },
      {
        "className": "bg-rose-800",
        "detail": "background-color: rgb(159 18 57);"
      },
      {
        "className": "bg-rose-900",
        "detail": "background-color: rgb(136 19 55);"
      }
    ]
  },
  {
    "name": "Border Radius",
    "list": [
      {
        "className": "rounded-none",
        "detail": "border-radius: 0px;"
      },
      {
        "className": "rounded-sm",
        "detail": "border-radius: 0.125rem; /* 2px */"
      },
      {
        "className": "rounded",
        "detail": "border-radius: 0.25rem; /* 4px */"
      },
      {
        "className": "rounded-md",
        "detail": "border-radius: 0.375rem; /* 6px */"
      },
      {
        "className": "rounded-lg",
        "detail": "border-radius: 0.5rem; /* 8px */"
      },
      {
        "className": "rounded-xl",
        "detail": "border-radius: 0.75rem; /* 12px */"
      },
      {
        "className": "rounded-2xl",
        "detail": "border-radius: 1rem; /* 16px */"
      },
      {
        "className": "rounded-3xl",
        "detail": "border-radius: 1.5rem; /* 24px */"
      },
      {
        "className": "rounded-full",
        "detail": "border-radius: 9999px;"
      },
      {
        "className": "rounded-t-none",
        "detail": "border-top-left-radius: 0px; border-top-right-radius: 0px;"
      },
      {
        "className": "rounded-t-sm",
        "detail": "border-top-left-radius: 0.125rem; /* 2px */ border-top-right-radius: 0.125rem; /* 2px */"
      },
      {
        "className": "rounded-t",
        "detail": "border-top-left-radius: 0.25rem; /* 4px */ border-top-right-radius: 0.25rem; /* 4px */"
      },
      {
        "className": "rounded-t-md",
        "detail": "border-top-left-radius: 0.375rem; /* 6px */ border-top-right-radius: 0.375rem; /* 6px */"
      },
      {
        "className": "rounded-t-lg",
        "detail": "border-top-left-radius: 0.5rem; /* 8px */ border-top-right-radius: 0.5rem; /* 8px */"
      },
      {
        "className": "rounded-t-xl",
        "detail": "border-top-left-radius: 0.75rem; /* 12px */ border-top-right-radius: 0.75rem; /* 12px */"
      },
      {
        "className": "rounded-t-2xl",
        "detail": "border-top-left-radius: 1rem; /* 16px */ border-top-right-radius: 1rem; /* 16px */"
      },
      {
        "className": "rounded-t-3xl",
        "detail": "border-top-left-radius: 1.5rem; /* 24px */ border-top-right-radius: 1.5rem; /* 24px */"
      },
      {
        "className": "rounded-t-full",
        "detail": "border-top-left-radius: 9999px; border-top-right-radius: 9999px;"
      },
      {
        "className": "rounded-r-none",
        "detail": "border-top-right-radius: 0px; border-bottom-right-radius: 0px;"
      },
      {
        "className": "rounded-r-sm",
        "detail": "border-top-right-radius: 0.125rem; /* 2px */ border-bottom-right-radius: 0.125rem; /* 2px */"
      },
      {
        "className": "rounded-r",
        "detail": "border-top-right-radius: 0.25rem; /* 4px */ border-bottom-right-radius: 0.25rem; /* 4px */"
      },
      {
        "className": "rounded-r-md",
        "detail": "border-top-right-radius: 0.375rem; /* 6px */ border-bottom-right-radius: 0.375rem; /* 6px */"
      },
      {
        "className": "rounded-r-lg",
        "detail": "border-top-right-radius: 0.5rem; /* 8px */ border-bottom-right-radius: 0.5rem; /* 8px */"
      },
      {
        "className": "rounded-r-xl",
        "detail": "border-top-right-radius: 0.75rem; /* 12px */ border-bottom-right-radius: 0.75rem; /* 12px */"
      },
      {
        "className": "rounded-r-2xl",
        "detail": "border-top-right-radius: 1rem; /* 16px */ border-bottom-right-radius: 1rem; /* 16px */"
      },
      {
        "className": "rounded-r-3xl",
        "detail": "border-top-right-radius: 1.5rem; /* 24px */ border-bottom-right-radius: 1.5rem; /* 24px */"
      },
      {
        "className": "rounded-r-full",
        "detail": "border-top-right-radius: 9999px; border-bottom-right-radius: 9999px;"
      },
      {
        "className": "rounded-b-none",
        "detail": "border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;"
      },
      {
        "className": "rounded-b-sm",
        "detail": "border-bottom-right-radius: 0.125rem; /* 2px */ border-bottom-left-radius: 0.125rem; /* 2px */"
      },
      {
        "className": "rounded-b",
        "detail": "border-bottom-right-radius: 0.25rem; /* 4px */ border-bottom-left-radius: 0.25rem; /* 4px */"
      },
      {
        "className": "rounded-b-md",
        "detail": "border-bottom-right-radius: 0.375rem; /* 6px */ border-bottom-left-radius: 0.375rem; /* 6px */"
      },
      {
        "className": "rounded-b-lg",
        "detail": "border-bottom-right-radius: 0.5rem; /* 8px */ border-bottom-left-radius: 0.5rem; /* 8px */"
      },
      {
        "className": "rounded-b-xl",
        "detail": "border-bottom-right-radius: 0.75rem; /* 12px */ border-bottom-left-radius: 0.75rem; /* 12px */"
      },
      {
        "className": "rounded-b-2xl",
        "detail": "border-bottom-right-radius: 1rem; /* 16px */ border-bottom-left-radius: 1rem; /* 16px */"
      },
      {
        "className": "rounded-b-3xl",
        "detail": "border-bottom-right-radius: 1.5rem; /* 24px */ border-bottom-left-radius: 1.5rem; /* 24px */"
      },
      {
        "className": "rounded-b-full",
        "detail": "border-bottom-right-radius: 9999px; border-bottom-left-radius: 9999px;"
      },
      {
        "className": "rounded-l-none",
        "detail": "border-top-left-radius: 0px; border-bottom-left-radius: 0px;"
      },
      {
        "className": "rounded-l-sm",
        "detail": "border-top-left-radius: 0.125rem; /* 2px */ border-bottom-left-radius: 0.125rem; /* 2px */"
      },
      {
        "className": "rounded-l",
        "detail": "border-top-left-radius: 0.25rem; /* 4px */ border-bottom-left-radius: 0.25rem; /* 4px */"
      },
      {
        "className": "rounded-l-md",
        "detail": "border-top-left-radius: 0.375rem; /* 6px */ border-bottom-left-radius: 0.375rem; /* 6px */"
      },
      {
        "className": "rounded-l-lg",
        "detail": "border-top-left-radius: 0.5rem; /* 8px */ border-bottom-left-radius: 0.5rem; /* 8px */"
      },
      {
        "className": "rounded-l-xl",
        "detail": "border-top-left-radius: 0.75rem; /* 12px */ border-bottom-left-radius: 0.75rem; /* 12px */"
      },
      {
        "className": "rounded-l-2xl",
        "detail": "border-top-left-radius: 1rem; /* 16px */ border-bottom-left-radius: 1rem; /* 16px */"
      },
      {
        "className": "rounded-l-3xl",
        "detail": "border-top-left-radius: 1.5rem; /* 24px */ border-bottom-left-radius: 1.5rem; /* 24px */"
      },
      {
        "className": "rounded-l-full",
        "detail": "border-top-left-radius: 9999px; border-bottom-left-radius: 9999px;"
      },
      {
        "className": "rounded-tl-none",
        "detail": "border-top-left-radius: 0px;"
      },
      {
        "className": "rounded-tl-sm",
        "detail": "border-top-left-radius: 0.125rem; /* 2px */"
      },
      {
        "className": "rounded-tl",
        "detail": "border-top-left-radius: 0.25rem; /* 4px */"
      },
      {
        "className": "rounded-tl-md",
        "detail": "border-top-left-radius: 0.375rem; /* 6px */"
      },
      {
        "className": "rounded-tl-lg",
        "detail": "border-top-left-radius: 0.5rem; /* 8px */"
      },
      {
        "className": "rounded-tl-xl",
        "detail": "border-top-left-radius: 0.75rem; /* 12px */"
      },
      {
        "className": "rounded-tl-2xl",
        "detail": "border-top-left-radius: 1rem; /* 16px */"
      },
      {
        "className": "rounded-tl-3xl",
        "detail": "border-top-left-radius: 1.5rem; /* 24px */"
      },
      {
        "className": "rounded-tl-full",
        "detail": "border-top-left-radius: 9999px;"
      },
      {
        "className": "rounded-tr-none",
        "detail": "border-top-right-radius: 0px;"
      },
      {
        "className": "rounded-tr-sm",
        "detail": "border-top-right-radius: 0.125rem; /* 2px */"
      },
      {
        "className": "rounded-tr",
        "detail": "border-top-right-radius: 0.25rem; /* 4px */"
      },
      {
        "className": "rounded-tr-md",
        "detail": "border-top-right-radius: 0.375rem; /* 6px */"
      },
      {
        "className": "rounded-tr-lg",
        "detail": "border-top-right-radius: 0.5rem; /* 8px */"
      },
      {
        "className": "rounded-tr-xl",
        "detail": "border-top-right-radius: 0.75rem; /* 12px */"
      },
      {
        "className": "rounded-tr-2xl",
        "detail": "border-top-right-radius: 1rem; /* 16px */"
      },
      {
        "className": "rounded-tr-3xl",
        "detail": "border-top-right-radius: 1.5rem; /* 24px */"
      },
      {
        "className": "rounded-tr-full",
        "detail": "border-top-right-radius: 9999px;"
      },
      {
        "className": "rounded-br-none",
        "detail": "border-bottom-right-radius: 0px;"
      },
      {
        "className": "rounded-br-sm",
        "detail": "border-bottom-right-radius: 0.125rem; /* 2px */"
      },
      {
        "className": "rounded-br",
        "detail": "border-bottom-right-radius: 0.25rem; /* 4px */"
      },
      {
        "className": "rounded-br-md",
        "detail": "border-bottom-right-radius: 0.375rem; /* 6px */"
      },
      {
        "className": "rounded-br-lg",
        "detail": "border-bottom-right-radius: 0.5rem; /* 8px */"
      },
      {
        "className": "rounded-br-xl",
        "detail": "border-bottom-right-radius: 0.75rem; /* 12px */"
      },
      {
        "className": "rounded-br-2xl",
        "detail": "border-bottom-right-radius: 1rem; /* 16px */"
      },
      {
        "className": "rounded-br-3xl",
        "detail": "border-bottom-right-radius: 1.5rem; /* 24px */"
      },
      {
        "className": "rounded-br-full",
        "detail": "border-bottom-right-radius: 9999px;"
      },
      {
        "className": "rounded-bl-none",
        "detail": "border-bottom-left-radius: 0px;"
      },
      {
        "className": "rounded-bl-sm",
        "detail": "border-bottom-left-radius: 0.125rem; /* 2px */"
      },
      {
        "className": "rounded-bl",
        "detail": "border-bottom-left-radius: 0.25rem; /* 4px */"
      },
      {
        "className": "rounded-bl-md",
        "detail": "border-bottom-left-radius: 0.375rem; /* 6px */"
      },
      {
        "className": "rounded-bl-lg",
        "detail": "border-bottom-left-radius: 0.5rem; /* 8px */"
      },
      {
        "className": "rounded-bl-xl",
        "detail": "border-bottom-left-radius: 0.75rem; /* 12px */"
      },
      {
        "className": "rounded-bl-2xl",
        "detail": "border-bottom-left-radius: 1rem; /* 16px */"
      },
      {
        "className": "rounded-bl-3xl",
        "detail": "border-bottom-left-radius: 1.5rem; /* 24px */"
      },
      {
        "className": "rounded-bl-full",
        "detail": "border-bottom-left-radius: 9999px;"
      }
    ]
  },
  {
    "name": "Divide Width",
    "list": [
      {
        "className": "divide-x-0 > * + *",
        "detail": "border-right-width: 0px; border-left-width: 0px;"
      },
      {
        "className": "divide-x-2 > * + *",
        "detail": "border-right-width: 0px; border-left-width: 2px;"
      },
      {
        "className": "divide-x-4 > * + *",
        "detail": "border-right-width: 0px; border-left-width: 4px;"
      },
      {
        "className": "divide-x-8 > * + *",
        "detail": "border-right-width: 0px; border-left-width: 8px;"
      },
      {
        "className": "divide-x > * + *",
        "detail": "border-right-width: 0px; border-left-width: 1px;"
      },
      {
        "className": "divide-y-0 > * + *",
        "detail": "border-top-width: 0px; border-bottom-width: 0px;"
      },
      {
        "className": "divide-y-2 > * + *",
        "detail": "border-top-width: 2px; border-bottom-width: 0px;"
      },
      {
        "className": "divide-y-4 > * + *",
        "detail": "border-top-width: 4px; border-bottom-width: 0px;"
      },
      {
        "className": "divide-y-8 > * + *",
        "detail": "border-top-width: 8px; border-bottom-width: 0px;"
      },
      {
        "className": "divide-y > * + *",
        "detail": "border-top-width: 1px; border-bottom-width: 0px;"
      },
      {
        "className": "divide-y-reverse > * + *",
        "detail": "--tw-divide-y-reverse: 1;"
      },
      {
        "className": "divide-x-reverse > * + *",
        "detail": "--tw-divide-x-reverse: 1;"
      }
    ]
  },
  {
    "name": "Box Shadow",
    "list": [
      {
        "className": "shadow-sm",
        "detail": "box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);"
      },
      {
        "className": "shadow",
        "detail": "box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);"
      },
      {
        "className": "shadow-md",
        "detail": "box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);"
      },
      {
        "className": "shadow-lg",
        "detail": "box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);"
      },
      {
        "className": "shadow-xl",
        "detail": "box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);"
      },
      {
        "className": "shadow-2xl",
        "detail": "box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);"
      },
      {
        "className": "shadow-inner",
        "detail": "box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);"
      },
      {
        "className": "shadow-none",
        "detail": "box-shadow: 0 0 #0000;"
      }
    ]
  },
  {
    "name": "Box Shadow Color",
    "list": [
      {
        "className": "shadow-inherit",
        "detail": "--tw-shadow-color: inherit;"
      },
      {
        "className": "shadow-current",
        "detail": "--tw-shadow-color: currentColor;"
      },
      {
        "className": "shadow-transparent",
        "detail": "--tw-shadow-color: transparent;"
      },
      {
        "className": "shadow-black",
        "detail": "--tw-shadow-color: #000;"
      },
      {
        "className": "shadow-white",
        "detail": "--tw-shadow-color: #fff;"
      },
      {
        "className": "shadow-slate-50",
        "detail": "--tw-shadow-color: #f8fafc;"
      },
      {
        "className": "shadow-slate-100",
        "detail": "--tw-shadow-color: #f1f5f9;"
      },
      {
        "className": "shadow-slate-200",
        "detail": "--tw-shadow-color: #e2e8f0;"
      },
      {
        "className": "shadow-slate-300",
        "detail": "--tw-shadow-color: #cbd5e1;"
      },
      {
        "className": "shadow-slate-400",
        "detail": "--tw-shadow-color: #94a3b8;"
      },
      {
        "className": "shadow-slate-500",
        "detail": "--tw-shadow-color: #64748b;"
      },
      {
        "className": "shadow-slate-600",
        "detail": "--tw-shadow-color: #475569;"
      },
      {
        "className": "shadow-slate-700",
        "detail": "--tw-shadow-color: #334155;"
      },
      {
        "className": "shadow-slate-800",
        "detail": "--tw-shadow-color: #1e293b;"
      },
      {
        "className": "shadow-slate-900",
        "detail": "--tw-shadow-color: #0f172a;"
      },
      {
        "className": "shadow-gray-50",
        "detail": "--tw-shadow-color: #f9fafb;"
      },
      {
        "className": "shadow-gray-100",
        "detail": "--tw-shadow-color: #f3f4f6;"
      },
      {
        "className": "shadow-gray-200",
        "detail": "--tw-shadow-color: #e5e7eb;"
      },
      {
        "className": "shadow-gray-300",
        "detail": "--tw-shadow-color: #d1d5db;"
      },
      {
        "className": "shadow-gray-400",
        "detail": "--tw-shadow-color: #9ca3af;"
      },
      {
        "className": "shadow-gray-500",
        "detail": "--tw-shadow-color: #6b7280;"
      },
      {
        "className": "shadow-gray-600",
        "detail": "--tw-shadow-color: #4b5563;"
      },
      {
        "className": "shadow-gray-700",
        "detail": "--tw-shadow-color: #374151;"
      },
      {
        "className": "shadow-gray-800",
        "detail": "--tw-shadow-color: #1f2937;"
      },
      {
        "className": "shadow-gray-900",
        "detail": "--tw-shadow-color: #111827;"
      },
      {
        "className": "shadow-zinc-50",
        "detail": "--tw-shadow-color: #fafafa;"
      },
      {
        "className": "shadow-zinc-100",
        "detail": "--tw-shadow-color: #f4f4f5;"
      },
      {
        "className": "shadow-zinc-200",
        "detail": "--tw-shadow-color: #e4e4e7;"
      },
      {
        "className": "shadow-zinc-300",
        "detail": "--tw-shadow-color: #d4d4d8;"
      },
      {
        "className": "shadow-zinc-400",
        "detail": "--tw-shadow-color: #a1a1aa;"
      },
      {
        "className": "shadow-zinc-500",
        "detail": "--tw-shadow-color: #71717a;"
      },
      {
        "className": "shadow-zinc-600",
        "detail": "--tw-shadow-color: #52525b;"
      },
      {
        "className": "shadow-zinc-700",
        "detail": "--tw-shadow-color: #3f3f46;"
      },
      {
        "className": "shadow-zinc-800",
        "detail": "--tw-shadow-color: #27272a;"
      },
      {
        "className": "shadow-zinc-900",
        "detail": "--tw-shadow-color: #18181b;"
      },
      {
        "className": "shadow-neutral-50",
        "detail": "--tw-shadow-color: #fafafa;"
      },
      {
        "className": "shadow-neutral-100",
        "detail": "--tw-shadow-color: #f5f5f5;"
      },
      {
        "className": "shadow-neutral-200",
        "detail": "--tw-shadow-color: #e5e5e5;"
      },
      {
        "className": "shadow-neutral-300",
        "detail": "--tw-shadow-color: #d4d4d4;"
      },
      {
        "className": "shadow-neutral-400",
        "detail": "--tw-shadow-color: #a3a3a3;"
      },
      {
        "className": "shadow-neutral-500",
        "detail": "--tw-shadow-color: #737373;"
      },
      {
        "className": "shadow-neutral-600",
        "detail": "--tw-shadow-color: #525252;"
      },
      {
        "className": "shadow-neutral-700",
        "detail": "--tw-shadow-color: #404040;"
      },
      {
        "className": "shadow-neutral-800",
        "detail": "--tw-shadow-color: #262626;"
      },
      {
        "className": "shadow-neutral-900",
        "detail": "--tw-shadow-color: #171717;"
      },
      {
        "className": "shadow-stone-50",
        "detail": "--tw-shadow-color: #fafaf9;"
      },
      {
        "className": "shadow-stone-100",
        "detail": "--tw-shadow-color: #f5f5f4;"
      },
      {
        "className": "shadow-stone-200",
        "detail": "--tw-shadow-color: #e7e5e4;"
      },
      {
        "className": "shadow-stone-300",
        "detail": "--tw-shadow-color: #d6d3d1;"
      },
      {
        "className": "shadow-stone-400",
        "detail": "--tw-shadow-color: #a8a29e;"
      },
      {
        "className": "shadow-stone-500",
        "detail": "--tw-shadow-color: #78716c;"
      },
      {
        "className": "shadow-stone-600",
        "detail": "--tw-shadow-color: #57534e;"
      },
      {
        "className": "shadow-stone-700",
        "detail": "--tw-shadow-color: #44403c;"
      },
      {
        "className": "shadow-stone-800",
        "detail": "--tw-shadow-color: #292524;"
      },
      {
        "className": "shadow-stone-900",
        "detail": "--tw-shadow-color: #1c1917;"
      },
      {
        "className": "shadow-red-50",
        "detail": "--tw-shadow-color: #fef2f2;"
      },
      {
        "className": "shadow-red-100",
        "detail": "--tw-shadow-color: #fee2e2;"
      },
      {
        "className": "shadow-red-200",
        "detail": "--tw-shadow-color: #fecaca;"
      },
      {
        "className": "shadow-red-300",
        "detail": "--tw-shadow-color: #fca5a5;"
      },
      {
        "className": "shadow-red-400",
        "detail": "--tw-shadow-color: #f87171;"
      },
      {
        "className": "shadow-red-500",
        "detail": "--tw-shadow-color: #ef4444;"
      },
      {
        "className": "shadow-red-600",
        "detail": "--tw-shadow-color: #dc2626;"
      },
      {
        "className": "shadow-red-700",
        "detail": "--tw-shadow-color: #b91c1c;"
      },
      {
        "className": "shadow-red-800",
        "detail": "--tw-shadow-color: #991b1b;"
      },
      {
        "className": "shadow-red-900",
        "detail": "--tw-shadow-color: #7f1d1d;"
      },
      {
        "className": "shadow-orange-50",
        "detail": "--tw-shadow-color: #fff7ed;"
      },
      {
        "className": "shadow-orange-100",
        "detail": "--tw-shadow-color: #ffedd5;"
      },
      {
        "className": "shadow-orange-200",
        "detail": "--tw-shadow-color: #fed7aa;"
      },
      {
        "className": "shadow-orange-300",
        "detail": "--tw-shadow-color: #fdba74;"
      },
      {
        "className": "shadow-orange-400",
        "detail": "--tw-shadow-color: #fb923c;"
      },
      {
        "className": "shadow-orange-500",
        "detail": "--tw-shadow-color: #f97316;"
      },
      {
        "className": "shadow-orange-600",
        "detail": "--tw-shadow-color: #ea580c;"
      },
      {
        "className": "shadow-orange-700",
        "detail": "--tw-shadow-color: #c2410c;"
      },
      {
        "className": "shadow-orange-800",
        "detail": "--tw-shadow-color: #9a3412;"
      },
      {
        "className": "shadow-orange-900",
        "detail": "--tw-shadow-color: #7c2d12;"
      },
      {
        "className": "shadow-amber-50",
        "detail": "--tw-shadow-color: #fffbeb;"
      },
      {
        "className": "shadow-amber-100",
        "detail": "--tw-shadow-color: #fef3c7;"
      },
      {
        "className": "shadow-amber-200",
        "detail": "--tw-shadow-color: #fde68a;"
      },
      {
        "className": "shadow-amber-300",
        "detail": "--tw-shadow-color: #fcd34d;"
      },
      {
        "className": "shadow-amber-400",
        "detail": "--tw-shadow-color: #fbbf24;"
      },
      {
        "className": "shadow-amber-500",
        "detail": "--tw-shadow-color: #f59e0b;"
      },
      {
        "className": "shadow-amber-600",
        "detail": "--tw-shadow-color: #d97706;"
      },
      {
        "className": "shadow-amber-700",
        "detail": "--tw-shadow-color: #b45309;"
      },
      {
        "className": "shadow-amber-800",
        "detail": "--tw-shadow-color: #92400e;"
      },
      {
        "className": "shadow-amber-900",
        "detail": "--tw-shadow-color: #78350f;"
      },
      {
        "className": "shadow-yellow-50",
        "detail": "--tw-shadow-color: #fefce8;"
      },
      {
        "className": "shadow-yellow-100",
        "detail": "--tw-shadow-color: #fef9c3;"
      },
      {
        "className": "shadow-yellow-200",
        "detail": "--tw-shadow-color: #fef08a;"
      },
      {
        "className": "shadow-yellow-300",
        "detail": "--tw-shadow-color: #fde047;"
      },
      {
        "className": "shadow-yellow-400",
        "detail": "--tw-shadow-color: #facc15;"
      },
      {
        "className": "shadow-yellow-500",
        "detail": "--tw-shadow-color: #eab308;"
      },
      {
        "className": "shadow-yellow-600",
        "detail": "--tw-shadow-color: #ca8a04;"
      },
      {
        "className": "shadow-yellow-700",
        "detail": "--tw-shadow-color: #a16207;"
      },
      {
        "className": "shadow-yellow-800",
        "detail": "--tw-shadow-color: #854d0e;"
      },
      {
        "className": "shadow-yellow-900",
        "detail": "--tw-shadow-color: #713f12;"
      },
      {
        "className": "shadow-lime-50",
        "detail": "--tw-shadow-color: #f7fee7;"
      },
      {
        "className": "shadow-lime-100",
        "detail": "--tw-shadow-color: #ecfccb;"
      },
      {
        "className": "shadow-lime-200",
        "detail": "--tw-shadow-color: #d9f99d;"
      },
      {
        "className": "shadow-lime-300",
        "detail": "--tw-shadow-color: #bef264;"
      },
      {
        "className": "shadow-lime-400",
        "detail": "--tw-shadow-color: #a3e635;"
      },
      {
        "className": "shadow-lime-500",
        "detail": "--tw-shadow-color: #84cc16;"
      },
      {
        "className": "shadow-lime-600",
        "detail": "--tw-shadow-color: #65a30d;"
      },
      {
        "className": "shadow-lime-700",
        "detail": "--tw-shadow-color: #4d7c0f;"
      },
      {
        "className": "shadow-lime-800",
        "detail": "--tw-shadow-color: #3f6212;"
      },
      {
        "className": "shadow-lime-900",
        "detail": "--tw-shadow-color: #365314;"
      },
      {
        "className": "shadow-green-50",
        "detail": "--tw-shadow-color: #f0fdf4;"
      },
      {
        "className": "shadow-green-100",
        "detail": "--tw-shadow-color: #dcfce7;"
      },
      {
        "className": "shadow-green-200",
        "detail": "--tw-shadow-color: #bbf7d0;"
      },
      {
        "className": "shadow-green-300",
        "detail": "--tw-shadow-color: #86efac;"
      },
      {
        "className": "shadow-green-400",
        "detail": "--tw-shadow-color: #4ade80;"
      },
      {
        "className": "shadow-green-500",
        "detail": "--tw-shadow-color: #22c55e;"
      },
      {
        "className": "shadow-green-600",
        "detail": "--tw-shadow-color: #16a34a;"
      },
      {
        "className": "shadow-green-700",
        "detail": "--tw-shadow-color: #15803d;"
      },
      {
        "className": "shadow-green-800",
        "detail": "--tw-shadow-color: #166534;"
      },
      {
        "className": "shadow-green-900",
        "detail": "--tw-shadow-color: #14532d;"
      },
      {
        "className": "shadow-emerald-50",
        "detail": "--tw-shadow-color: #ecfdf5;"
      },
      {
        "className": "shadow-emerald-100",
        "detail": "--tw-shadow-color: #d1fae5;"
      },
      {
        "className": "shadow-emerald-200",
        "detail": "--tw-shadow-color: #a7f3d0;"
      },
      {
        "className": "shadow-emerald-300",
        "detail": "--tw-shadow-color: #6ee7b7;"
      },
      {
        "className": "shadow-emerald-400",
        "detail": "--tw-shadow-color: #34d399;"
      },
      {
        "className": "shadow-emerald-500",
        "detail": "--tw-shadow-color: #10b981;"
      },
      {
        "className": "shadow-emerald-600",
        "detail": "--tw-shadow-color: #059669;"
      },
      {
        "className": "shadow-emerald-700",
        "detail": "--tw-shadow-color: #047857;"
      },
      {
        "className": "shadow-emerald-800",
        "detail": "--tw-shadow-color: #065f46;"
      },
      {
        "className": "shadow-emerald-900",
        "detail": "--tw-shadow-color: #064e3b;"
      },
      {
        "className": "shadow-teal-50",
        "detail": "--tw-shadow-color: #f0fdfa;"
      },
      {
        "className": "shadow-teal-100",
        "detail": "--tw-shadow-color: #ccfbf1;"
      },
      {
        "className": "shadow-teal-200",
        "detail": "--tw-shadow-color: #99f6e4;"
      },
      {
        "className": "shadow-teal-300",
        "detail": "--tw-shadow-color: #5eead4;"
      },
      {
        "className": "shadow-teal-400",
        "detail": "--tw-shadow-color: #2dd4bf;"
      },
      {
        "className": "shadow-teal-500",
        "detail": "--tw-shadow-color: #14b8a6;"
      },
      {
        "className": "shadow-teal-600",
        "detail": "--tw-shadow-color: #0d9488;"
      },
      {
        "className": "shadow-teal-700",
        "detail": "--tw-shadow-color: #0f766e;"
      },
      {
        "className": "shadow-teal-800",
        "detail": "--tw-shadow-color: #115e59;"
      },
      {
        "className": "shadow-teal-900",
        "detail": "--tw-shadow-color: #134e4a;"
      },
      {
        "className": "shadow-cyan-50",
        "detail": "--tw-shadow-color: #ecfeff;"
      },
      {
        "className": "shadow-cyan-100",
        "detail": "--tw-shadow-color: #cffafe;"
      },
      {
        "className": "shadow-cyan-200",
        "detail": "--tw-shadow-color: #a5f3fc;"
      },
      {
        "className": "shadow-cyan-300",
        "detail": "--tw-shadow-color: #67e8f9;"
      },
      {
        "className": "shadow-cyan-400",
        "detail": "--tw-shadow-color: #22d3ee;"
      },
      {
        "className": "shadow-cyan-500",
        "detail": "--tw-shadow-color: #06b6d4;"
      },
      {
        "className": "shadow-cyan-600",
        "detail": "--tw-shadow-color: #0891b2;"
      },
      {
        "className": "shadow-cyan-700",
        "detail": "--tw-shadow-color: #0e7490;"
      },
      {
        "className": "shadow-cyan-800",
        "detail": "--tw-shadow-color: #155e75;"
      },
      {
        "className": "shadow-cyan-900",
        "detail": "--tw-shadow-color: #164e63;"
      },
      {
        "className": "shadow-sky-50",
        "detail": "--tw-shadow-color: #f0f9ff;"
      },
      {
        "className": "shadow-sky-100",
        "detail": "--tw-shadow-color: #e0f2fe;"
      },
      {
        "className": "shadow-sky-200",
        "detail": "--tw-shadow-color: #bae6fd;"
      },
      {
        "className": "shadow-sky-300",
        "detail": "--tw-shadow-color: #7dd3fc;"
      },
      {
        "className": "shadow-sky-400",
        "detail": "--tw-shadow-color: #38bdf8;"
      },
      {
        "className": "shadow-sky-500",
        "detail": "--tw-shadow-color: #0ea5e9;"
      },
      {
        "className": "shadow-sky-600",
        "detail": "--tw-shadow-color: #0284c7;"
      },
      {
        "className": "shadow-sky-700",
        "detail": "--tw-shadow-color: #0369a1;"
      },
      {
        "className": "shadow-sky-800",
        "detail": "--tw-shadow-color: #075985;"
      },
      {
        "className": "shadow-sky-900",
        "detail": "--tw-shadow-color: #0c4a6e;"
      },
      {
        "className": "shadow-blue-50",
        "detail": "--tw-shadow-color: #eff6ff;"
      },
      {
        "className": "shadow-blue-100",
        "detail": "--tw-shadow-color: #dbeafe;"
      },
      {
        "className": "shadow-blue-200",
        "detail": "--tw-shadow-color: #bfdbfe;"
      },
      {
        "className": "shadow-blue-300",
        "detail": "--tw-shadow-color: #93c5fd;"
      },
      {
        "className": "shadow-blue-400",
        "detail": "--tw-shadow-color: #60a5fa;"
      },
      {
        "className": "shadow-blue-500",
        "detail": "--tw-shadow-color: #3b82f6;"
      },
      {
        "className": "shadow-blue-600",
        "detail": "--tw-shadow-color: #2563eb;"
      },
      {
        "className": "shadow-blue-700",
        "detail": "--tw-shadow-color: #1d4ed8;"
      },
      {
        "className": "shadow-blue-800",
        "detail": "--tw-shadow-color: #1e40af;"
      },
      {
        "className": "shadow-blue-900",
        "detail": "--tw-shadow-color: #1e3a8a;"
      },
      {
        "className": "shadow-indigo-50",
        "detail": "--tw-shadow-color: #eef2ff;"
      },
      {
        "className": "shadow-indigo-100",
        "detail": "--tw-shadow-color: #e0e7ff;"
      },
      {
        "className": "shadow-indigo-200",
        "detail": "--tw-shadow-color: #c7d2fe;"
      },
      {
        "className": "shadow-indigo-300",
        "detail": "--tw-shadow-color: #a5b4fc;"
      },
      {
        "className": "shadow-indigo-400",
        "detail": "--tw-shadow-color: #818cf8;"
      },
      {
        "className": "shadow-indigo-500",
        "detail": "--tw-shadow-color: #6366f1;"
      },
      {
        "className": "shadow-indigo-600",
        "detail": "--tw-shadow-color: #4f46e5;"
      },
      {
        "className": "shadow-indigo-700",
        "detail": "--tw-shadow-color: #4338ca;"
      },
      {
        "className": "shadow-indigo-800",
        "detail": "--tw-shadow-color: #3730a3;"
      },
      {
        "className": "shadow-indigo-900",
        "detail": "--tw-shadow-color: #312e81;"
      },
      {
        "className": "shadow-violet-50",
        "detail": "--tw-shadow-color: #f5f3ff;"
      },
      {
        "className": "shadow-violet-100",
        "detail": "--tw-shadow-color: #ede9fe;"
      },
      {
        "className": "shadow-violet-200",
        "detail": "--tw-shadow-color: #ddd6fe;"
      },
      {
        "className": "shadow-violet-300",
        "detail": "--tw-shadow-color: #c4b5fd;"
      },
      {
        "className": "shadow-violet-400",
        "detail": "--tw-shadow-color: #a78bfa;"
      },
      {
        "className": "shadow-violet-500",
        "detail": "--tw-shadow-color: #8b5cf6;"
      },
      {
        "className": "shadow-violet-600",
        "detail": "--tw-shadow-color: #7c3aed;"
      },
      {
        "className": "shadow-violet-700",
        "detail": "--tw-shadow-color: #6d28d9;"
      },
      {
        "className": "shadow-violet-800",
        "detail": "--tw-shadow-color: #5b21b6;"
      },
      {
        "className": "shadow-violet-900",
        "detail": "--tw-shadow-color: #4c1d95;"
      },
      {
        "className": "shadow-purple-50",
        "detail": "--tw-shadow-color: #faf5ff;"
      },
      {
        "className": "shadow-purple-100",
        "detail": "--tw-shadow-color: #f3e8ff;"
      },
      {
        "className": "shadow-purple-200",
        "detail": "--tw-shadow-color: #e9d5ff;"
      },
      {
        "className": "shadow-purple-300",
        "detail": "--tw-shadow-color: #d8b4fe;"
      },
      {
        "className": "shadow-purple-400",
        "detail": "--tw-shadow-color: #c084fc;"
      },
      {
        "className": "shadow-purple-500",
        "detail": "--tw-shadow-color: #a855f7;"
      },
      {
        "className": "shadow-purple-600",
        "detail": "--tw-shadow-color: #9333ea;"
      },
      {
        "className": "shadow-purple-700",
        "detail": "--tw-shadow-color: #7e22ce;"
      },
      {
        "className": "shadow-purple-800",
        "detail": "--tw-shadow-color: #6b21a8;"
      },
      {
        "className": "shadow-purple-900",
        "detail": "--tw-shadow-color: #581c87;"
      },
      {
        "className": "shadow-fuchsia-50",
        "detail": "--tw-shadow-color: #fdf4ff;"
      },
      {
        "className": "shadow-fuchsia-100",
        "detail": "--tw-shadow-color: #fae8ff;"
      },
      {
        "className": "shadow-fuchsia-200",
        "detail": "--tw-shadow-color: #f5d0fe;"
      },
      {
        "className": "shadow-fuchsia-300",
        "detail": "--tw-shadow-color: #f0abfc;"
      },
      {
        "className": "shadow-fuchsia-400",
        "detail": "--tw-shadow-color: #e879f9;"
      },
      {
        "className": "shadow-fuchsia-500",
        "detail": "--tw-shadow-color: #d946ef;"
      },
      {
        "className": "shadow-fuchsia-600",
        "detail": "--tw-shadow-color: #c026d3;"
      },
      {
        "className": "shadow-fuchsia-700",
        "detail": "--tw-shadow-color: #a21caf;"
      },
      {
        "className": "shadow-fuchsia-800",
        "detail": "--tw-shadow-color: #86198f;"
      },
      {
        "className": "shadow-fuchsia-900",
        "detail": "--tw-shadow-color: #701a75;"
      },
      {
        "className": "shadow-pink-50",
        "detail": "--tw-shadow-color: #fdf2f8;"
      },
      {
        "className": "shadow-pink-100",
        "detail": "--tw-shadow-color: #fce7f3;"
      },
      {
        "className": "shadow-pink-200",
        "detail": "--tw-shadow-color: #fbcfe8;"
      },
      {
        "className": "shadow-pink-300",
        "detail": "--tw-shadow-color: #f9a8d4;"
      },
      {
        "className": "shadow-pink-400",
        "detail": "--tw-shadow-color: #f472b6;"
      },
      {
        "className": "shadow-pink-500",
        "detail": "--tw-shadow-color: #ec4899;"
      },
      {
        "className": "shadow-pink-600",
        "detail": "--tw-shadow-color: #db2777;"
      },
      {
        "className": "shadow-pink-700",
        "detail": "--tw-shadow-color: #be185d;"
      },
      {
        "className": "shadow-pink-800",
        "detail": "--tw-shadow-color: #9d174d;"
      },
      {
        "className": "shadow-pink-900",
        "detail": "--tw-shadow-color: #831843;"
      },
      {
        "className": "shadow-rose-50",
        "detail": "--tw-shadow-color: #fff1f2;"
      },
      {
        "className": "shadow-rose-100",
        "detail": "--tw-shadow-color: #ffe4e6;"
      },
      {
        "className": "shadow-rose-200",
        "detail": "--tw-shadow-color: #fecdd3;"
      },
      {
        "className": "shadow-rose-300",
        "detail": "--tw-shadow-color: #fda4af;"
      },
      {
        "className": "shadow-rose-400",
        "detail": "--tw-shadow-color: #fb7185;"
      },
      {
        "className": "shadow-rose-500",
        "detail": "--tw-shadow-color: #f43f5e;"
      },
      {
        "className": "shadow-rose-600",
        "detail": "--tw-shadow-color: #e11d48;"
      },
      {
        "className": "shadow-rose-700",
        "detail": "--tw-shadow-color: #be123c;"
      },
      {
        "className": "shadow-rose-800",
        "detail": "--tw-shadow-color: #9f1239;"
      },
      {
        "className": "shadow-rose-900",
        "detail": "--tw-shadow-color: #881337;"
      }
    ]
  },
  {
    "name": "Opacity",
    "list": [
      {
        "className": "opacity-0",
        "detail": "opacity: 0;"
      },
      {
        "className": "opacity-5",
        "detail": "opacity: 0.05;"
      },
      {
        "className": "opacity-10",
        "detail": "opacity: 0.1;"
      },
      {
        "className": "opacity-20",
        "detail": "opacity: 0.2;"
      },
      {
        "className": "opacity-25",
        "detail": "opacity: 0.25;"
      },
      {
        "className": "opacity-30",
        "detail": "opacity: 0.3;"
      },
      {
        "className": "opacity-40",
        "detail": "opacity: 0.4;"
      },
      {
        "className": "opacity-50",
        "detail": "opacity: 0.5;"
      },
      {
        "className": "opacity-60",
        "detail": "opacity: 0.6;"
      },
      {
        "className": "opacity-70",
        "detail": "opacity: 0.7;"
      },
      {
        "className": "opacity-75",
        "detail": "opacity: 0.75;"
      },
      {
        "className": "opacity-80",
        "detail": "opacity: 0.8;"
      },
      {
        "className": "opacity-90",
        "detail": "opacity: 0.9;"
      },
      {
        "className": "opacity-95",
        "detail": "opacity: 0.95;"
      },
      {
        "className": "opacity-100",
        "detail": "opacity: 1;"
      }
    ]
  },
  {
    "name": "Rotate",
    "list": [
      {
        "className": "rotate-0",
        "detail": "transform: rotate(0deg);"
      },
      {
        "className": "rotate-1",
        "detail": "transform: rotate(1deg);"
      },
      {
        "className": "rotate-2",
        "detail": "transform: rotate(2deg);"
      },
      {
        "className": "rotate-3",
        "detail": "transform: rotate(3deg);"
      },
      {
        "className": "rotate-6",
        "detail": "transform: rotate(6deg);"
      },
      {
        "className": "rotate-12",
        "detail": "transform: rotate(12deg);"
      },
      {
        "className": "rotate-45",
        "detail": "transform: rotate(45deg);"
      },
      {
        "className": "rotate-90",
        "detail": "transform: rotate(90deg);"
      },
      {
        "className": "rotate-180",
        "detail": "transform: rotate(180deg);"
      }
    ]
  },
  {
    "name": "Translate",
    "list": [
      {
        "className": "translate-x-0",
        "detail": "transform: translateX(0px);"
      },
      {
        "className": "translate-y-0",
        "detail": "transform: translateY(0px);"
      },
      {
        "className": "translate-x-px",
        "detail": "transform: translateX(1px);"
      },
      {
        "className": "translate-y-px",
        "detail": "transform: translateY(1px);"
      },
      {
        "className": "translate-x-0.5",
        "detail": "transform: translateX(0.125rem);"
      },
      {
        "className": "translate-y-0.5",
        "detail": "transform: translateY(0.125rem);"
      },
      {
        "className": "translate-x-1",
        "detail": "transform: translateX(0.25rem);"
      },
      {
        "className": "translate-y-1",
        "detail": "transform: translateY(0.25rem);"
      },
      {
        "className": "translate-x-1.5",
        "detail": "transform: translateX(0.375rem);"
      },
      {
        "className": "translate-y-1.5",
        "detail": "transform: translateY(0.375rem);"
      },
      {
        "className": "translate-x-2",
        "detail": "transform: translateX(0.5rem);"
      },
      {
        "className": "translate-y-2",
        "detail": "transform: translateY(0.5rem);"
      },
      {
        "className": "translate-x-2.5",
        "detail": "transform: translateX(0.625rem);"
      },
      {
        "className": "translate-y-2.5",
        "detail": "transform: translateY(0.625rem);"
      },
      {
        "className": "translate-x-3",
        "detail": "transform: translateX(0.75rem);"
      },
      {
        "className": "translate-y-3",
        "detail": "transform: translateY(0.75rem);"
      },
      {
        "className": "translate-x-3.5",
        "detail": "transform: translateX(0.875rem);"
      },
      {
        "className": "translate-y-3.5",
        "detail": "transform: translateY(0.875rem);"
      },
      {
        "className": "translate-x-4",
        "detail": "transform: translateX(1rem);"
      },
      {
        "className": "translate-y-4",
        "detail": "transform: translateY(1rem);"
      },
      {
        "className": "translate-x-5",
        "detail": "transform: translateX(1.25rem);"
      },
      {
        "className": "translate-y-5",
        "detail": "transform: translateY(1.25rem);"
      },
      {
        "className": "translate-x-6",
        "detail": "transform: translateX(1.5rem);"
      },
      {
        "className": "translate-y-6",
        "detail": "transform: translateY(1.5rem);"
      },
      {
        "className": "translate-x-7",
        "detail": "transform: translateX(1.75rem);"
      },
      {
        "className": "translate-y-7",
        "detail": "transform: translateY(1.75rem);"
      },
      {
        "className": "translate-x-8",
        "detail": "transform: translateX(2rem);"
      },
      {
        "className": "translate-y-8",
        "detail": "transform: translateY(2rem);"
      },
      {
        "className": "translate-x-9",
        "detail": "transform: translateX(2.25rem);"
      },
      {
        "className": "translate-y-9",
        "detail": "transform: translateY(2.25rem);"
      },
      {
        "className": "translate-x-10",
        "detail": "transform: translateX(2.5rem);"
      },
      {
        "className": "translate-y-10",
        "detail": "transform: translateY(2.5rem);"
      },
      {
        "className": "translate-x-11",
        "detail": "transform: translateX(2.75rem);"
      },
      {
        "className": "translate-y-11",
        "detail": "transform: translateY(2.75rem);"
      },
      {
        "className": "translate-x-12",
        "detail": "transform: translateX(3rem);"
      },
      {
        "className": "translate-y-12",
        "detail": "transform: translateY(3rem);"
      },
      {
        "className": "translate-x-14",
        "detail": "transform: translateX(3.5rem);"
      },
      {
        "className": "translate-y-14",
        "detail": "transform: translateY(3.5rem);"
      },
      {
        "className": "translate-x-16",
        "detail": "transform: translateX(4rem);"
      },
      {
        "className": "translate-y-16",
        "detail": "transform: translateY(4rem);"
      },
      {
        "className": "translate-x-20",
        "detail": "transform: translateX(5rem);"
      },
      {
        "className": "translate-y-20",
        "detail": "transform: translateY(5rem);"
      },
      {
        "className": "translate-x-24",
        "detail": "transform: translateX(6rem);"
      },
      {
        "className": "translate-y-24",
        "detail": "transform: translateY(6rem);"
      },
      {
        "className": "translate-x-28",
        "detail": "transform: translateX(7rem);"
      },
      {
        "className": "translate-y-28",
        "detail": "transform: translateY(7rem);"
      },
      {
        "className": "translate-x-32",
        "detail": "transform: translateX(8rem);"
      },
      {
        "className": "translate-y-32",
        "detail": "transform: translateY(8rem);"
      },
      {
        "className": "translate-x-36",
        "detail": "transform: translateX(9rem);"
      },
      {
        "className": "translate-y-36",
        "detail": "transform: translateY(9rem);"
      },
      {
        "className": "translate-x-40",
        "detail": "transform: translateX(10rem);"
      },
      {
        "className": "translate-y-40",
        "detail": "transform: translateY(10rem);"
      },
      {
        "className": "translate-x-44",
        "detail": "transform: translateX(11rem);"
      },
      {
        "className": "translate-y-44",
        "detail": "transform: translateY(11rem);"
      },
      {
        "className": "translate-x-48",
        "detail": "transform: translateX(12rem);"
      },
      {
        "className": "translate-y-48",
        "detail": "transform: translateY(12rem);"
      },
      {
        "className": "translate-x-52",
        "detail": "transform: translateX(13rem);"
      },
      {
        "className": "translate-y-52",
        "detail": "transform: translateY(13rem);"
      },
      {
        "className": "translate-x-56",
        "detail": "transform: translateX(14rem);"
      },
      {
        "className": "translate-y-56",
        "detail": "transform: translateY(14rem);"
      },
      {
        "className": "translate-x-60",
        "detail": "transform: translateX(15rem);"
      },
      {
        "className": "translate-y-60",
        "detail": "transform: translateY(15rem);"
      },
      {
        "className": "translate-x-64",
        "detail": "transform: translateX(16rem);"
      },
      {
        "className": "translate-y-64",
        "detail": "transform: translateY(16rem);"
      },
      {
        "className": "translate-x-72",
        "detail": "transform: translateX(18rem);"
      },
      {
        "className": "translate-y-72",
        "detail": "transform: translateY(18rem);"
      },
      {
        "className": "translate-x-80",
        "detail": "transform: translateX(20rem);"
      },
      {
        "className": "translate-y-80",
        "detail": "transform: translateY(20rem);"
      },
      {
        "className": "translate-x-96",
        "detail": "transform: translateX(24rem);"
      },
      {
        "className": "translate-y-96",
        "detail": "transform: translateY(24rem);"
      },
      {
        "className": "translate-x-1/2",
        "detail": "transform: translateX(50%);"
      },
      {
        "className": "translate-x-1/3",
        "detail": "transform: translateX(33.333333%);"
      },
      {
        "className": "translate-x-2/3",
        "detail": "transform: translateX(66.666667%);"
      },
      {
        "className": "translate-x-1/4",
        "detail": "transform: translateX(25%);"
      },
      {
        "className": "translate-x-2/4",
        "detail": "transform: translateX(50%);"
      },
      {
        "className": "translate-x-3/4",
        "detail": "transform: translateX(75%);"
      },
      {
        "className": "translate-x-full",
        "detail": "transform: translateX(100%);"
      },
      {
        "className": "translate-y-1/2",
        "detail": "transform: translateY(50%);"
      },
      {
        "className": "translate-y-1/3",
        "detail": "transform: translateY(33.333333%);"
      },
      {
        "className": "translate-y-2/3",
        "detail": "transform: translateY(66.666667%);"
      },
      {
        "className": "translate-y-1/4",
        "detail": "transform: translateY(25%);"
      },
      {
        "className": "translate-y-2/4",
        "detail": "transform: translateY(50%);"
      },
      {
        "className": "translate-y-3/4",
        "detail": "transform: translateY(75%);"
      },
      {
        "className": "translate-y-full",
        "detail": "transform: translateY(100%);"
      }
    ]
  },
  {
    "name": "Cursor",
    "list": [
      {
        "className": "cursor-auto",
        "detail": "cursor: auto;"
      },
      {
        "className": "cursor-default",
        "detail": "cursor: default;"
      },
      {
        "className": "cursor-pointer",
        "detail": "cursor: pointer;"
      },
      {
        "className": "cursor-wait",
        "detail": "cursor: wait;"
      },
      {
        "className": "cursor-text",
        "detail": "cursor: text;"
      },
      {
        "className": "cursor-move",
        "detail": "cursor: move;"
      },
      {
        "className": "cursor-help",
        "detail": "cursor: help;"
      },
      {
        "className": "cursor-not-allowed",
        "detail": "cursor: not-allowed;"
      },
      {
        "className": "cursor-none",
        "detail": "cursor: none;"
      },
      {
        "className": "cursor-context-menu",
        "detail": "cursor: context-menu;"
      },
      {
        "className": "cursor-progress",
        "detail": "cursor: progress;"
      },
      {
        "className": "cursor-cell",
        "detail": "cursor: cell;"
      },
      {
        "className": "cursor-crosshair",
        "detail": "cursor: crosshair;"
      },
      {
        "className": "cursor-vertical-text",
        "detail": "cursor: vertical-text;"
      },
      {
        "className": "cursor-alias",
        "detail": "cursor: alias;"
      },
      {
        "className": "cursor-copy",
        "detail": "cursor: copy;"
      },
      {
        "className": "cursor-no-drop",
        "detail": "cursor: no-drop;"
      },
      {
        "className": "cursor-grab",
        "detail": "cursor: grab;"
      },
      {
        "className": "cursor-grabbing",
        "detail": "cursor: grabbing;"
      },
      {
        "className": "cursor-all-scroll",
        "detail": "cursor: all-scroll;"
      },
      {
        "className": "cursor-col-resize",
        "detail": "cursor: col-resize;"
      },
      {
        "className": "cursor-row-resize",
        "detail": "cursor: row-resize;"
      },
      {
        "className": "cursor-n-resize",
        "detail": "cursor: n-resize;"
      },
      {
        "className": "cursor-e-resize",
        "detail": "cursor: e-resize;"
      },
      {
        "className": "cursor-s-resize",
        "detail": "cursor: s-resize;"
      },
      {
        "className": "cursor-w-resize",
        "detail": "cursor: w-resize;"
      },
      {
        "className": "cursor-ne-resize",
        "detail": "cursor: ne-resize;"
      },
      {
        "className": "cursor-nw-resize",
        "detail": "cursor: nw-resize;"
      },
      {
        "className": "cursor-se-resize",
        "detail": "cursor: se-resize;"
      },
      {
        "className": "cursor-sw-resize",
        "detail": "cursor: sw-resize;"
      },
      {
        "className": "cursor-ew-resize",
        "detail": "cursor: ew-resize;"
      },
      {
        "className": "cursor-ns-resize",
        "detail": "cursor: ns-resize;"
      },
      {
        "className": "cursor-nesw-resize",
        "detail": "cursor: nesw-resize;"
      },
      {
        "className": "cursor-nwse-resize",
        "detail": "cursor: nwse-resize;"
      },
      {
        "className": "cursor-zoom-in",
        "detail": "cursor: zoom-in;"
      },
      {
        "className": "cursor-zoom-out",
        "detail": "cursor: zoom-out;"
      }
    ]
  },
  {
    "name": "Pointer Events",
    "list": [
      {
        "className": "pointer-events-none",
        "detail": "pointer-events: none;"
      },
      {
        "className": "pointer-events-auto",
        "detail": "pointer-events: auto;"
      }
    ]
  }
]