Input Template

[nobr]
  [div=display: none;][font=Roboto]fontcall[/font][/div]
  [div=&Variable Set-Up \ group&--charIcon: url(&Icon Image URL (1x1) \ text&); /* use a 100x100 icon for best results */
  --bgIMG: url(&Background Image URL \ text&); /* vertical image you wanna use as a background */
  --bgColor: &Background Color \ text&; /* anything with rgba can also be a hexcode */
  --colorOne: &Gradient Color 1 \ text&; /* the leftmost color in the gradient */
  --colorTwo: &Gradient Color 2 \ text&;
  --colorThree: &Gradient Color 3 \ text&; /* the rightmost color in the gradient */
  --textColor: &Text Color \ text&;
  --mFont: 'Roboto', sans-serif;&end&
  display: block;
  position: relative;
  box-sizing: border-box;
  width: clamp(300px,100%,1000px);
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
  font-family: var(--mFont);
  color: var(--textColor);
  margin: auto;
  --grad: linear-gradient(90deg, var(--colorOne) 0%, var(--colorTwo) 50%, var(--colorThree) 100%);
  --grad130: linear-gradient(130deg, var(--colorOne) 0%, var(--colorTwo) 50%, var(--colorThree) 100%);
  --grad315: linear-gradient(315deg, var(--colorOne) 0%, var(--colorTwo) 50%, var(--colorThree) 100%);
  --gradc: radial-gradient(circle, var(--colorThree) 0%, var(--colorTwo) 50%, var(--colorOne) 100%);]
    [div=z-index: 4; width: 80%; min-width: 300px; margin: auto; background: var(--bgColor); position: relative;]
      [div=height: clamp(325px,25vh,500px); width: 100%; position: relative; display: flex; flex-flow: column nowrap; justify-content: flex-end;]
        [div=position: relative; z-index: 5; width: 100%; overflow: hidden; box-sizing: border-box; padding: 0px 20px; bottom: 0px; display: flex; flex-flow: row wrap-reverse; align-items: flex-end; gap: 10px;]
          [div=flex: 1 140px;]
            [div=margin: auto; width: 140px; height: 140px; box-sizing: border-box; border: 20px solid var(--bgColor); background: var(--bgColor) var(--charIcon) no-repeat center center/cover;] [/div]
          [/div]
          [div=flex: 5 200px; ]
            &Header Information \ group&[div=display: block; font-size: 3rem; line-height: .9; margin-top: .4em; margin-bottom: .55em; font-weight: 900;]&Character Name \ text&[/div]
            [div=display: block; font-size: .85rem; line-height: .9; text-transform: uppercase; ]
              &Information \ group \ repeat&[[div=display: inline-block;]&Information \ text&[/div]
              [div=display: &Last Line? If yes, click none. Otherwise, click inline-block \ select \ none \ inline-block&; color: var(--colorOne); margin: 4px;]⋮[/div]&end&
            [/div]&end&
          [/div]
        [/div]
        [div=position: absolute; top: 0px; left: 0px; z-index: 4; width: 100%; height: calc(100% - 70px); background: var(--colorOne); background: var(--grad130);] [/div]
      [/div]
      [div=display: block; width: 100%; background: var(--bgColor); box-sizing: border-box; padding: clamp(8px,5%,30px) 50px;]
        &Physical \ group&[div=display: flex; row-nowrap; align-items: center; gap: 20px;]
          [div=flex: 0 auto; font-weight: 900; font-size: 1.5rem; line-height: .9;]Physical[/div]
          [div=flex: 4 0px; width: 100%; height: 5px; background: var(--colorOne); background: var(--grad);] [/div]
        [/div]
        [div=display: flex; flex-flow: row wrap; align-items: center; width: 100%; box-sizing: border-box; padding: 25px clamp(8px,2%,15px) 35px clamp(8px,5%,30px); gap: 5px 10px;]
          [div=flex: 1 auto; ]
            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]hair[/div]
            [div=display: inline-block; font-size: .95rem; line-height: .9; ]&Hair \ text&[/div]
          [/div]
          [comment]start of copypaste[/comment][div=flex: 1 auto; ]
            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]eyes[/div]
            [div=display: inline-block; font-size: .95rem; line-height: .9; ]&Eyes \ text&[/div]
          [/div][comment]end of copypaste[/comment]
          [div=flex: 1 auto; ]
            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]height[/div]
            [div=display: inline-block; font-size: .95rem; line-height: .9;]&Height (imperial) \ text&[div=display: inline; color: var(--colorThree); margin: 2px;]⋮[/div]&Height (metric) \ text&[/div]
          [/div]
          [div=flex: 1 auto; ]
            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]features[/div]
            [div=display: inline-block; font-size: .95rem; line-height: .9;]&Features (scars, freckles, etc.) \ text&[/div]
          [/div]
          [div=flex: 1 auto; ]
            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]modifications[/div]
            [div=display: inline-block; font-size: .95rem; line-height: .9;]&Modifications (tattoos, piercings, etc.) \ text&[/div]
          [/div]
        [/div]&end&
        &Background \ group&[div=display: flex; row-nowrap; align-items: center; gap: 20px;]
          [div=flex: 0 auto; font-weight: 900; font-size: 1.5rem; line-height: .9;]Background[/div]
          [div=flex: 4 0px; width: 100%; height: 5px; background: var(--colorOne); background: var(--grad);] [/div]
        [/div]
        [div=display: flex; flex-flow: row wrap; align-items: center; width: 100%; box-sizing: border-box; padding: 25px clamp(8px,2%,15px) 35px clamp(8px,5%,30px); gap: 5px 10px;]
          [div=flex: 1 auto; ]
            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]fears[/div]
            [div=display: inline-block; font-size: .95rem; line-height: .9;]
              &Fears \ group \ repeat& &Fear \ text&
              [div=display: &Last Line? If yes, click none. Otherwise, click inline \ select \ none \ inline&; color: var(--colorOne); margin: 4px;]⋮[/div]&end&
            [/div]
          [/div]
          [div=flex: 1 auto; ]
            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]dreams[/div]
            [div=display: inline-block; font-size: .95rem; line-height: .9;]&Dream \ text&[/div]
          [/div]
          [div=flex: 1 auto; ]
            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]secrets[/div]
            [div=display: inline-block; font-size: .95rem; line-height: .9;]
              &Secrets \ group \ repeat& &Secret \ text&
              [div=display: &Last Line? If yes, click none. Otherwise, click inline \ select \ none \ inline&; color: var(--colorOne); margin: 4px;]⋮[/div]&end&
            [/div]
          [/div]
          [div=flex: 1 auto; ]
            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]PERSONALITY+[/div]
            [div=display: inline-block; font-size: .95rem; line-height: .9;]
              &Positive Traits\ group \ repeat& &Trait+ \ text&
              [div=display: &Last Line? If yes, click none. Otherwise, click inline \ select \ none \ inline&; color: var(--colorOne); margin: 4px;]⋮[/div]&end&
            [/div]
          [/div]
          [div=flex: 1 auto; ]
            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]personality-[/div]
            [div=display: inline-block; font-size: .95rem; line-height: .9;]
              &Negative Traits\ group \ repeat& &Trait- \ text&
              [div=display: &Last Line? If yes, click none. Otherwise, click inline \ select \ none \ inline&; color: var(--colorOne); margin: 4px;]⋮[/div]&end&
            [/div]
          [/div]
          [comment]start of copypaste [/comment][div=flex: 1 auto; ]
            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]Backstory[/div]
            [div=display: block; font-size: .95rem; line-height: 1; text-align: justify; padding-top: .6em;]
              &Backstory Paragraphs \ group \ repeat&[div=display: block; margin-bottom: .5em;]&Paragraph \ content&[/div]&end&
            [/div]
          [/div][comment] end of copypaste[/comment]
        [/div]&end&
        &Personal \ group&[div=display: flex; row-nowrap; align-items: center; gap: 20px;]
          [div=flex: 0 auto; font-weight: 900; font-size: 1.5rem; line-height: .9;]Personal[/div]
          [div=flex: 4 0px; width: 100%; height: 5px; background: var(--colorOne); background: var(--grad);] [/div]
        [/div]
        [div=display: flex; flex-flow: row wrap; align-items: center; width: 100%; box-sizing: border-box; padding: 25px clamp(8px,2%,15px) 35px clamp(8px,5%,30px); gap: 5px 10px;]
          [div=flex: 1 auto; ]
            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]habits[/div]
            [div=display: inline-block; font-size: .95rem; line-height: .9; ]
              &Habits\ group \ repeat& &Habit \ text&
              [div=display: &Last Line? If yes, click none. Otherwise, click inline \ select \ none \ inline&; color: var(--colorOne); margin: 4px;]⋮[/div]&end&
            [/div]
          [/div]
          [div=flex: 1 auto; ]
            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]hobbies[/div]
            [div=display: inline-block; font-size: .95rem; line-height: .9;]
              &Hobbies\ group \ repeat& &Hobbies \ text&
              [div=display: &Last Line? If yes, click none. Otherwise, click inline \ select \ none \ inline&; color: var(--colorOne); margin: 4px;]⋮[/div]&end&
            [/div]
          [/div]
          [div=flex: 1 auto; ]
            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]horoscope[/div]
            [div=display: inline-block; font-size: .95rem; line-height: .9;]&Horoscope \ text&[/div]
          [/div]
          [div=flex: 1 auto; ]
            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]alignment[/div]
            [div=display: inline-block; font-size: .95rem; line-height: .9;]&Alignment \ text&[/div]
          [/div]
        [/div]&end&
        &Extra \ group&[div=display: flex; row-nowrap; align-items: center; gap: 20px;]
          [div=flex: 0 auto; font-weight: 900; font-size: 1.5rem; line-height: .9;]Extra[/div]
          [div=flex: 4 0px; width: 100%; height: 5px; background: var(--colorOne); background: var(--grad);] [/div]
        [/div]
        [div=display: flex; flex-flow: row wrap; align-items: center; width: 100%; box-sizing: border-box; padding: 25px clamp(8px,2%,15px) 35px clamp(8px,5%,30px); gap: 5px 10px;]
          &Extra Point \ group \ repeat&[div=flex: 1 auto; ]
            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]&Number \ number&[/div]
            [div=display: inline-block; font-size: .95rem; line-height: .9;]&Text Info \ text&[/div]
          [/div]&end&
        [/div]&end&
        &Pokemon Team \ group&[div=display: flex; row-nowrap; align-items: center; gap: 20px;]
          [div=flex: 0 auto; font-weight: 900; font-size: 1.5rem; line-height: .9;]Pokemon[/div]
          [div=flex: 4 0px; width: 100%; height: 5px; background: var(--colorOne); background: var(--grad);] [/div]
        [/div]
        [div=display: block; width: 100%; box-sizing: border-box; padding: 25px 0px;]
          [div=display: flex; flex-flow: row wrap; align-items: center; justify-content: center; gap: 25px; margin-bottom: 35px;]
          &Pokemon \ group \ repeat&[comment]start of copypaste [/comment][div=display: flex; flex-flow: row wrap; align-items: center; justify-content: center; gap: 25px; margin-bottom: 35px;]
            [div=flex: 1 80px; max-width: 125px; background: var(--colorOne); background: var(--gradc); overflow: hidden; font-size: 0px; pointer-events: none; padding: 2.5%; border-radius: 50%; text-align: center; box-sizing: border-box;][img]&Pokemon Image URL \ text&[/img][/div]
            [div=flex: 4 200px; width: 100%; font-size: .95rem; line-height: .9; ]
              [div=display: block; font-size: 1.5rem; line-height: .9; margin-top: .4em; margin-bottom: .25em; font-weight: 900;]&Nickname \ text& [div=display: inline; color: var(--colorOne); margin: 2px;]&Level \ number \ 1 \ 1 \ 99&[/div][/div]
              [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]#&National Dex Number \ dex&[/div]
              [div=display: inline-block; font-size: .85rem; line-height: .9; text-transform: uppercase;]&Pokemon Species \ text& [div=display: inline; color: var(--colorOne); margin: 2px; font-weight: 900;]&Pokemon Sex \ select \ ♂ \ ♀&[/div] &Ability \ text& [div=display: inline; color: var(--colorOne); margin: 2px;]⋮[/div] &Nature \ text&[/div]
              [div=display: flex; flex-flow: row wrap; align-items: center; width: 100%; gap: 5px; box-sizing: border-box; padding: 15px 0px 1em .75em;]
                [div=flex: 1 auto; font-size: .95rem; line-height: .9;]
                  [div=display: inline; color: var(--colorOne); margin: 2px;]❉[/div]
                  &Move 01 \ text&
                [/div]
                [div=flex: 1 auto; font-size: .95rem; line-height: .9;]
                  [div=display: inline; color: var(--colorOne); margin: 2px;]❉[/div]
                  &Move 02 \ text&
                [/div]
                [div=flex: 1 auto; font-size: .95rem; line-height: .9;]
                  [div=display: inline; color: var(--colorOne); margin: 2px;]❉[/div]
                  &Move 03 \ text&
                [/div]
                [div=flex: 1 auto; font-size: .95rem; line-height: .9;]
                  [div=display: inline; color: var(--colorOne); margin: 2px;]❉[/div]
                  &Move 04 \ text&
                [/div]
              [/div]
            [/div]
          [/div][comment]end of copypaste[/comment]&end&
        [/div]&end&
      [/div]
      [div=display: block; width: 100%; background: var(--grad130); box-sizing: border-box; padding: 15px 5% 10px 5%; text-align: right; text-transform: uppercase; line-height: .9; color: var(--bgColor); font-size: .75rem; font-weight: bold;]fluticasone[/div]
    [/div]
    [div=z-index: 1; position: absolute; width: 100%; height: 100%; overflow: hidden; top: 0px; left: 0px;]
      [div=position: absolute; width: calc(100% + 20px); height: calc(100% + 20px); top: -10px; left: -10px; background: var(--bgIMG) no-repeat center center/cover; filter: blur(8px);] [/div]
    [/div]
    [div=z-index: 2; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: var(--colorOne); background: var(--grad315); mix-blend-mode: hard-light;] [/div]
    [div=z-index: 3; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: url(https://i.imgur.com/UdjBt1F.png) repeat; mix-blend-mode: soft-light; opacity: .75;] [/div]
  [/div]
[/nobr]

Debug Mode

[
  "[nobr]\r\n  [div=display: none;][font=Roboto]fontcall[/font][/div]\r\n  [div=",
  {
    "type": "group",
    "description": "Variable Set-Up",
    "markerStart": {
      "type": "group",
      "description": "Variable Set-Up",
      "original": "&Variable Set-Up \\ group&",
      "repeat": false,
      "indices": [
        73,
        97
      ]
    },
    "repeat": false,
    "originalChildren": [
      "--charIcon: url(",
      {
        "type": "text",
        "description": "Icon Image URL (1x1)",
        "marker": {
          "type": "text",
          "description": "Icon Image URL (1x1)",
          "defaultValue": "",
          "original": "&Icon Image URL (1x1) \\ text&",
          "indices": [
            114,
            142
          ]
        }
      },
      "); /* use a 100x100 icon for best results */\r\n  --bgIMG: url(",
      {
        "type": "text",
        "description": "Background Image URL",
        "marker": {
          "type": "text",
          "description": "Background Image URL",
          "defaultValue": "",
          "original": "&Background Image URL \\ text&",
          "indices": [
            204,
            232
          ]
        }
      },
      "); /* vertical image you wanna use as a background */\r\n  --bgColor: ",
      {
        "type": "text",
        "description": "Background Color",
        "marker": {
          "type": "text",
          "description": "Background Color",
          "defaultValue": "",
          "original": "&Background Color \\ text&",
          "indices": [
            301,
            325
          ]
        }
      },
      "; /* anything with rgba can also be a hexcode */\r\n  --colorOne: ",
      {
        "type": "text",
        "description": "Gradient Color 1",
        "marker": {
          "type": "text",
          "description": "Gradient Color 1",
          "defaultValue": "",
          "original": "&Gradient Color 1 \\ text&",
          "indices": [
            390,
            414
          ]
        }
      },
      "; /* the leftmost color in the gradient */\r\n  --colorTwo: ",
      {
        "type": "text",
        "description": "Gradient Color 2",
        "marker": {
          "type": "text",
          "description": "Gradient Color 2",
          "defaultValue": "",
          "original": "&Gradient Color 2 \\ text&",
          "indices": [
            473,
            497
          ]
        }
      },
      ";\r\n  --colorThree: ",
      {
        "type": "text",
        "description": "Gradient Color 3",
        "marker": {
          "type": "text",
          "description": "Gradient Color 3",
          "defaultValue": "",
          "original": "&Gradient Color 3 \\ text&",
          "indices": [
            517,
            541
          ]
        }
      },
      "; /* the rightmost color in the gradient */\r\n  --textColor: ",
      {
        "type": "text",
        "description": "Text Color",
        "marker": {
          "type": "text",
          "description": "Text Color",
          "defaultValue": "",
          "original": "&Text Color \\ text&",
          "indices": [
            602,
            620
          ]
        }
      },
      ";\r\n  --mFont: 'Roboto', sans-serif;"
    ],
    "children": [],
    "markerEnd": {
      "type": "end",
      "description": "end",
      "original": "&end&",
      "indices": [
        656,
        660
      ]
    }
  },
  "\r\n  display: block;\r\n  position: relative;\r\n  box-sizing: border-box;\r\n  width: clamp(300px,100%,1000px);\r\n  height: auto;\r\n  overflow-x: hidden;\r\n  overflow-y: auto;\r\n  font-family: var(--mFont);\r\n  color: var(--textColor);\r\n  margin: auto;\r\n  --grad: linear-gradient(90deg, var(--colorOne) 0%, var(--colorTwo) 50%, var(--colorThree) 100%);\r\n  --grad130: linear-gradient(130deg, var(--colorOne) 0%, var(--colorTwo) 50%, var(--colorThree) 100%);\r\n  --grad315: linear-gradient(315deg, var(--colorOne) 0%, var(--colorTwo) 50%, var(--colorThree) 100%);\r\n  --gradc: radial-gradient(circle, var(--colorThree) 0%, var(--colorTwo) 50%, var(--colorOne) 100%);]\r\n    [div=z-index: 4; width: 80%; min-width: 300px; margin: auto; background: var(--bgColor); position: relative;]\r\n      [div=height: clamp(325px,25vh,500px); width: 100%; position: relative; display: flex; flex-flow: column nowrap; justify-content: flex-end;]\r\n        [div=position: relative; z-index: 5; width: 100%; overflow: hidden; box-sizing: border-box; padding: 0px 20px; bottom: 0px; display: flex; flex-flow: row wrap-reverse; align-items: flex-end; gap: 10px;]\r\n          [div=flex: 1 140px;]\r\n            [div=margin: auto; width: 140px; height: 140px; box-sizing: border-box; border: 20px solid var(--bgColor); background: var(--bgColor) var(--charIcon) no-repeat center center/cover;] [/div]\r\n          [/div]\r\n          [div=flex: 5 200px; ]\r\n            ",
  {
    "type": "group",
    "description": "Header Information",
    "markerStart": {
      "type": "group",
      "description": "Header Information",
      "original": "&Header Information \\ group&",
      "repeat": false,
      "indices": [
        2086,
        2113
      ]
    },
    "repeat": false,
    "originalChildren": [
      "[div=display: block; font-size: 3rem; line-height: .9; margin-top: .4em; margin-bottom: .55em; font-weight: 900;]",
      {
        "type": "text",
        "description": "Character Name",
        "marker": {
          "type": "text",
          "description": "Character Name",
          "defaultValue": "",
          "original": "&Character Name \\ text&",
          "indices": [
            2227,
            2249
          ]
        }
      },
      "[/div]\r\n            [div=display: block; font-size: .85rem; line-height: .9; text-transform: uppercase; ]\r\n              ",
      {
        "type": "group",
        "description": "Information",
        "markerStart": {
          "type": "group",
          "description": "Information",
          "original": "&Information \\ group \\ repeat&",
          "repeat": true,
          "indices": [
            2371,
            2400
          ]
        },
        "repeat": true,
        "originalChildren": [
          "[[div=display: inline-block;]",
          {
            "type": "text",
            "description": "Information",
            "marker": {
              "type": "text",
              "description": "Information",
              "defaultValue": "",
              "original": "&Information \\ text&",
              "indices": [
                2430,
                2449
              ]
            }
          },
          "[/div]\r\n              [div=display: ",
          {
            "type": "select",
            "description": "Last Line? If yes, click none. Otherwise, click inline-block",
            "marker": {
              "type": "select",
              "description": "Last Line? If yes, click none. Otherwise, click inline-block",
              "options": [
                "none",
                "inline-block"
              ],
              "original": "&Last Line? If yes, click none. Otherwise, click inline-block \\ select \\ none \\ inline-block&",
              "indices": [
                2486,
                2578
              ]
            }
          },
          "; color: var(--colorOne); margin: 4px;]⋮[/div]"
        ],
        "children": [],
        "markerEnd": {
          "type": "end",
          "description": "end",
          "original": "&end&",
          "indices": [
            2625,
            2629
          ]
        }
      },
      "\r\n            [/div]"
    ],
    "children": [],
    "markerEnd": {
      "type": "end",
      "description": "end",
      "original": "&end&",
      "indices": [
        2650,
        2654
      ]
    }
  },
  "\r\n          [/div]\r\n        [/div]\r\n        [div=position: absolute; top: 0px; left: 0px; z-index: 4; width: 100%; height: calc(100% - 70px); background: var(--colorOne); background: var(--grad130);] [/div]\r\n      [/div]\r\n      [div=display: block; width: 100%; background: var(--bgColor); box-sizing: border-box; padding: clamp(8px,5%,30px) 50px;]\r\n        ",
  {
    "type": "group",
    "description": "Physical",
    "markerStart": {
      "type": "group",
      "description": "Physical",
      "original": "&Physical \\ group&",
      "repeat": false,
      "indices": [
        3013,
        3030
      ]
    },
    "repeat": false,
    "originalChildren": [
      "[div=display: flex; row-nowrap; align-items: center; gap: 20px;]\r\n          [div=flex: 0 auto; font-weight: 900; font-size: 1.5rem; line-height: .9;]Physical[/div]\r\n          [div=flex: 4 0px; width: 100%; height: 5px; background: var(--colorOne); background: var(--grad);] [/div]\r\n        [/div]\r\n        [div=display: flex; flex-flow: row wrap; align-items: center; width: 100%; box-sizing: border-box; padding: 25px clamp(8px,2%,15px) 35px clamp(8px,5%,30px); gap: 5px 10px;]\r\n          [div=flex: 1 auto; ]\r\n            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]hair[/div]\r\n            [div=display: inline-block; font-size: .95rem; line-height: .9; ]",
      {
        "type": "text",
        "description": "Hair",
        "marker": {
          "type": "text",
          "description": "Hair",
          "defaultValue": "",
          "original": "&Hair \\ text&",
          "indices": [
            3867,
            3879
          ]
        }
      },
      "[/div]\r\n          [/div]\r\n          [comment]start of copypaste[/comment][div=flex: 1 auto; ]\r\n            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]eyes[/div]\r\n            [div=display: inline-block; font-size: .95rem; line-height: .9; ]",
      {
        "type": "text",
        "description": "Eyes",
        "marker": {
          "type": "text",
          "description": "Eyes",
          "defaultValue": "",
          "original": "&Eyes \\ text&",
          "indices": [
            4299,
            4311
          ]
        }
      },
      "[/div]\r\n          [/div][comment]end of copypaste[/comment]\r\n          [div=flex: 1 auto; ]\r\n            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]height[/div]\r\n            [div=display: inline-block; font-size: .95rem; line-height: .9;]",
      {
        "type": "text",
        "description": "Height (imperial)",
        "marker": {
          "type": "text",
          "description": "Height (imperial)",
          "defaultValue": "",
          "original": "&Height (imperial) \\ text&",
          "indices": [
            4730,
            4755
          ]
        }
      },
      "[div=display: inline; color: var(--colorThree); margin: 2px;]⋮[/div]",
      {
        "type": "text",
        "description": "Height (metric)",
        "marker": {
          "type": "text",
          "description": "Height (metric)",
          "defaultValue": "",
          "original": "&Height (metric) \\ text&",
          "indices": [
            4824,
            4847
          ]
        }
      },
      "[/div]\r\n          [/div]\r\n          [div=flex: 1 auto; ]\r\n            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]features[/div]\r\n            [div=display: inline-block; font-size: .95rem; line-height: .9;]",
      {
        "type": "text",
        "description": "Features (scars, freckles, etc.)",
        "marker": {
          "type": "text",
          "description": "Features (scars, freckles, etc.)",
          "defaultValue": "",
          "original": "&Features (scars, freckles, etc.) \\ text&",
          "indices": [
            5233,
            5273
          ]
        }
      },
      "[/div]\r\n          [/div]\r\n          [div=flex: 1 auto; ]\r\n            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]modifications[/div]\r\n            [div=display: inline-block; font-size: .95rem; line-height: .9;]",
      {
        "type": "text",
        "description": "Modifications (tattoos, piercings, etc.)",
        "marker": {
          "type": "text",
          "description": "Modifications (tattoos, piercings, etc.)",
          "defaultValue": "",
          "original": "&Modifications (tattoos, piercings, etc.) \\ text&",
          "indices": [
            5664,
            5712
          ]
        }
      },
      "[/div]\r\n          [/div]\r\n        [/div]"
    ],
    "children": [],
    "markerEnd": {
      "type": "end",
      "description": "end",
      "original": "&end&",
      "indices": [
        5754,
        5758
      ]
    }
  },
  "\r\n        ",
  {
    "type": "group",
    "description": "Background",
    "markerStart": {
      "type": "group",
      "description": "Background",
      "original": "&Background \\ group&",
      "repeat": false,
      "indices": [
        5769,
        5788
      ]
    },
    "repeat": false,
    "originalChildren": [
      "[div=display: flex; row-nowrap; align-items: center; gap: 20px;]\r\n          [div=flex: 0 auto; font-weight: 900; font-size: 1.5rem; line-height: .9;]Background[/div]\r\n          [div=flex: 4 0px; width: 100%; height: 5px; background: var(--colorOne); background: var(--grad);] [/div]\r\n        [/div]\r\n        [div=display: flex; flex-flow: row wrap; align-items: center; width: 100%; box-sizing: border-box; padding: 25px clamp(8px,2%,15px) 35px clamp(8px,5%,30px); gap: 5px 10px;]\r\n          [div=flex: 1 auto; ]\r\n            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]fears[/div]\r\n            [div=display: inline-block; font-size: .95rem; line-height: .9;]\r\n              ",
      {
        "type": "group",
        "description": "Fears",
        "markerStart": {
          "type": "group",
          "description": "Fears",
          "original": "&Fears \\ group \\ repeat&",
          "repeat": true,
          "indices": [
            6643,
            6666
          ]
        },
        "repeat": true,
        "originalChildren": [
          " ",
          {
            "type": "text",
            "description": "Fear",
            "marker": {
              "type": "text",
              "description": "Fear",
              "defaultValue": "",
              "original": "&Fear \\ text&",
              "indices": [
                6668,
                6680
              ]
            }
          },
          "\r\n              [div=display: ",
          {
            "type": "select",
            "description": "Last Line? If yes, click none. Otherwise, click inline",
            "marker": {
              "type": "select",
              "description": "Last Line? If yes, click none. Otherwise, click inline",
              "options": [
                "none",
                "inline"
              ],
              "original": "&Last Line? If yes, click none. Otherwise, click inline \\ select \\ none \\ inline&",
              "indices": [
                6711,
                6791
              ]
            }
          },
          "; color: var(--colorOne); margin: 4px;]⋮[/div]"
        ],
        "children": [],
        "markerEnd": {
          "type": "end",
          "description": "end",
          "original": "&end&",
          "indices": [
            6838,
            6842
          ]
        }
      },
      "\r\n            [/div]\r\n          [/div]\r\n          [div=flex: 1 auto; ]\r\n            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]dreams[/div]\r\n            [div=display: inline-block; font-size: .95rem; line-height: .9;]",
      {
        "type": "text",
        "description": "Dream",
        "marker": {
          "type": "text",
          "description": "Dream",
          "defaultValue": "",
          "original": "&Dream \\ text&",
          "indices": [
            7240,
            7253
          ]
        }
      },
      "[/div]\r\n          [/div]\r\n          [div=flex: 1 auto; ]\r\n            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]secrets[/div]\r\n            [div=display: inline-block; font-size: .95rem; line-height: .9;]\r\n              ",
      {
        "type": "group",
        "description": "Secrets",
        "markerStart": {
          "type": "group",
          "description": "Secrets",
          "original": "&Secrets \\ group \\ repeat&",
          "repeat": true,
          "indices": [
            7654,
            7679
          ]
        },
        "repeat": true,
        "originalChildren": [
          " ",
          {
            "type": "text",
            "description": "Secret",
            "marker": {
              "type": "text",
              "description": "Secret",
              "defaultValue": "",
              "original": "&Secret \\ text&",
              "indices": [
                7681,
                7695
              ]
            }
          },
          "\r\n              [div=display: ",
          {
            "type": "select",
            "description": "Last Line? If yes, click none. Otherwise, click inline",
            "marker": {
              "type": "select",
              "description": "Last Line? If yes, click none. Otherwise, click inline",
              "options": [
                "none",
                "inline"
              ],
              "original": "&Last Line? If yes, click none. Otherwise, click inline \\ select \\ none \\ inline&",
              "indices": [
                7726,
                7806
              ]
            }
          },
          "; color: var(--colorOne); margin: 4px;]⋮[/div]"
        ],
        "children": [],
        "markerEnd": {
          "type": "end",
          "description": "end",
          "original": "&end&",
          "indices": [
            7853,
            7857
          ]
        }
      },
      "\r\n            [/div]\r\n          [/div]\r\n          [div=flex: 1 auto; ]\r\n            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]PERSONALITY+[/div]\r\n            [div=display: inline-block; font-size: .95rem; line-height: .9;]\r\n              ",
      {
        "type": "group",
        "description": "Positive Traits",
        "markerStart": {
          "type": "group",
          "description": "Positive Traits",
          "original": "&Positive Traits\\ group \\ repeat&",
          "repeat": true,
          "indices": [
            8277,
            8309
          ]
        },
        "repeat": true,
        "originalChildren": [
          " ",
          {
            "type": "text",
            "description": "Trait+",
            "marker": {
              "type": "text",
              "description": "Trait+",
              "defaultValue": "",
              "original": "&Trait+ \\ text&",
              "indices": [
                8311,
                8325
              ]
            }
          },
          "\r\n              [div=display: ",
          {
            "type": "select",
            "description": "Last Line? If yes, click none. Otherwise, click inline",
            "marker": {
              "type": "select",
              "description": "Last Line? If yes, click none. Otherwise, click inline",
              "options": [
                "none",
                "inline"
              ],
              "original": "&Last Line? If yes, click none. Otherwise, click inline \\ select \\ none \\ inline&",
              "indices": [
                8356,
                8436
              ]
            }
          },
          "; color: var(--colorOne); margin: 4px;]⋮[/div]"
        ],
        "children": [],
        "markerEnd": {
          "type": "end",
          "description": "end",
          "original": "&end&",
          "indices": [
            8483,
            8487
          ]
        }
      },
      "\r\n            [/div]\r\n          [/div]\r\n          [div=flex: 1 auto; ]\r\n            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]personality-[/div]\r\n            [div=display: inline-block; font-size: .95rem; line-height: .9;]\r\n              ",
      {
        "type": "group",
        "description": "Negative Traits",
        "markerStart": {
          "type": "group",
          "description": "Negative Traits",
          "original": "&Negative Traits\\ group \\ repeat&",
          "repeat": true,
          "indices": [
            8907,
            8939
          ]
        },
        "repeat": true,
        "originalChildren": [
          " ",
          {
            "type": "text",
            "description": "Trait-",
            "marker": {
              "type": "text",
              "description": "Trait-",
              "defaultValue": "",
              "original": "&Trait- \\ text&",
              "indices": [
                8941,
                8955
              ]
            }
          },
          "\r\n              [div=display: ",
          {
            "type": "select",
            "description": "Last Line? If yes, click none. Otherwise, click inline",
            "marker": {
              "type": "select",
              "description": "Last Line? If yes, click none. Otherwise, click inline",
              "options": [
                "none",
                "inline"
              ],
              "original": "&Last Line? If yes, click none. Otherwise, click inline \\ select \\ none \\ inline&",
              "indices": [
                8986,
                9066
              ]
            }
          },
          "; color: var(--colorOne); margin: 4px;]⋮[/div]"
        ],
        "children": [],
        "markerEnd": {
          "type": "end",
          "description": "end",
          "original": "&end&",
          "indices": [
            9113,
            9117
          ]
        }
      },
      "\r\n            [/div]\r\n          [/div]\r\n          [comment]start of copypaste [/comment][div=flex: 1 auto; ]\r\n            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]Backstory[/div]\r\n            [div=display: block; font-size: .95rem; line-height: 1; text-align: justify; padding-top: .6em;]\r\n              ",
      {
        "type": "group",
        "description": "Backstory Paragraphs",
        "markerStart": {
          "type": "group",
          "description": "Backstory Paragraphs",
          "original": "&Backstory Paragraphs \\ group \\ repeat&",
          "repeat": true,
          "indices": [
            9604,
            9642
          ]
        },
        "repeat": true,
        "originalChildren": [
          "[div=display: block; margin-bottom: .5em;]",
          {
            "type": "content",
            "description": "Paragraph",
            "marker": {
              "type": "content",
              "description": "Paragraph",
              "original": "&Paragraph \\ content&",
              "indices": [
                9685,
                9705
              ]
            }
          },
          "[/div]"
        ],
        "children": [],
        "markerEnd": {
          "type": "end",
          "description": "end",
          "original": "&end&",
          "indices": [
            9712,
            9716
          ]
        }
      },
      "\r\n            [/div]\r\n          [/div][comment] end of copypaste[/comment]\r\n        [/div]"
    ],
    "children": [],
    "markerEnd": {
      "type": "end",
      "description": "end",
      "original": "&end&",
      "indices": [
        9807,
        9811
      ]
    }
  },
  "\r\n        ",
  {
    "type": "group",
    "description": "Personal",
    "markerStart": {
      "type": "group",
      "description": "Personal",
      "original": "&Personal \\ group&",
      "repeat": false,
      "indices": [
        9822,
        9839
      ]
    },
    "repeat": false,
    "originalChildren": [
      "[div=display: flex; row-nowrap; align-items: center; gap: 20px;]\r\n          [div=flex: 0 auto; font-weight: 900; font-size: 1.5rem; line-height: .9;]Personal[/div]\r\n          [div=flex: 4 0px; width: 100%; height: 5px; background: var(--colorOne); background: var(--grad);] [/div]\r\n        [/div]\r\n        [div=display: flex; flex-flow: row wrap; align-items: center; width: 100%; box-sizing: border-box; padding: 25px clamp(8px,2%,15px) 35px clamp(8px,5%,30px); gap: 5px 10px;]\r\n          [div=flex: 1 auto; ]\r\n            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]habits[/div]\r\n            [div=display: inline-block; font-size: .95rem; line-height: .9; ]\r\n              ",
      {
        "type": "group",
        "description": "Habits",
        "markerStart": {
          "type": "group",
          "description": "Habits",
          "original": "&Habits\\ group \\ repeat&",
          "repeat": true,
          "indices": [
            10694,
            10717
          ]
        },
        "repeat": true,
        "originalChildren": [
          " ",
          {
            "type": "text",
            "description": "Habit",
            "marker": {
              "type": "text",
              "description": "Habit",
              "defaultValue": "",
              "original": "&Habit \\ text&",
              "indices": [
                10719,
                10732
              ]
            }
          },
          "\r\n              [div=display: ",
          {
            "type": "select",
            "description": "Last Line? If yes, click none. Otherwise, click inline",
            "marker": {
              "type": "select",
              "description": "Last Line? If yes, click none. Otherwise, click inline",
              "options": [
                "none",
                "inline"
              ],
              "original": "&Last Line? If yes, click none. Otherwise, click inline \\ select \\ none \\ inline&",
              "indices": [
                10763,
                10843
              ]
            }
          },
          "; color: var(--colorOne); margin: 4px;]⋮[/div]"
        ],
        "children": [],
        "markerEnd": {
          "type": "end",
          "description": "end",
          "original": "&end&",
          "indices": [
            10890,
            10894
          ]
        }
      },
      "\r\n            [/div]\r\n          [/div]\r\n          [div=flex: 1 auto; ]\r\n            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]hobbies[/div]\r\n            [div=display: inline-block; font-size: .95rem; line-height: .9;]\r\n              ",
      {
        "type": "group",
        "description": "Hobbies",
        "markerStart": {
          "type": "group",
          "description": "Hobbies",
          "original": "&Hobbies\\ group \\ repeat&",
          "repeat": true,
          "indices": [
            11309,
            11333
          ]
        },
        "repeat": true,
        "originalChildren": [
          " ",
          {
            "type": "text",
            "description": "Hobbies",
            "marker": {
              "type": "text",
              "description": "Hobbies",
              "defaultValue": "",
              "original": "&Hobbies \\ text&",
              "indices": [
                11335,
                11350
              ]
            }
          },
          "\r\n              [div=display: ",
          {
            "type": "select",
            "description": "Last Line? If yes, click none. Otherwise, click inline",
            "marker": {
              "type": "select",
              "description": "Last Line? If yes, click none. Otherwise, click inline",
              "options": [
                "none",
                "inline"
              ],
              "original": "&Last Line? If yes, click none. Otherwise, click inline \\ select \\ none \\ inline&",
              "indices": [
                11381,
                11461
              ]
            }
          },
          "; color: var(--colorOne); margin: 4px;]⋮[/div]"
        ],
        "children": [],
        "markerEnd": {
          "type": "end",
          "description": "end",
          "original": "&end&",
          "indices": [
            11508,
            11512
          ]
        }
      },
      "\r\n            [/div]\r\n          [/div]\r\n          [div=flex: 1 auto; ]\r\n            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]horoscope[/div]\r\n            [div=display: inline-block; font-size: .95rem; line-height: .9;]",
      {
        "type": "text",
        "description": "Horoscope",
        "marker": {
          "type": "text",
          "description": "Horoscope",
          "defaultValue": "",
          "original": "&Horoscope \\ text&",
          "indices": [
            11913,
            11930
          ]
        }
      },
      "[/div]\r\n          [/div]\r\n          [div=flex: 1 auto; ]\r\n            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]alignment[/div]\r\n            [div=display: inline-block; font-size: .95rem; line-height: .9;]",
      {
        "type": "text",
        "description": "Alignment",
        "marker": {
          "type": "text",
          "description": "Alignment",
          "defaultValue": "",
          "original": "&Alignment \\ text&",
          "indices": [
            12317,
            12334
          ]
        }
      },
      "[/div]\r\n          [/div]\r\n        [/div]"
    ],
    "children": [],
    "markerEnd": {
      "type": "end",
      "description": "end",
      "original": "&end&",
      "indices": [
        12375,
        12379
      ]
    }
  },
  "\r\n        ",
  {
    "type": "group",
    "description": "Extra",
    "markerStart": {
      "type": "group",
      "description": "Extra",
      "original": "&Extra \\ group&",
      "repeat": false,
      "indices": [
        12390,
        12404
      ]
    },
    "repeat": false,
    "originalChildren": [
      "[div=display: flex; row-nowrap; align-items: center; gap: 20px;]\r\n          [div=flex: 0 auto; font-weight: 900; font-size: 1.5rem; line-height: .9;]Extra[/div]\r\n          [div=flex: 4 0px; width: 100%; height: 5px; background: var(--colorOne); background: var(--grad);] [/div]\r\n        [/div]\r\n        [div=display: flex; flex-flow: row wrap; align-items: center; width: 100%; box-sizing: border-box; padding: 25px clamp(8px,2%,15px) 35px clamp(8px,5%,30px); gap: 5px 10px;]\r\n          ",
      {
        "type": "group",
        "description": "Extra Point",
        "markerStart": {
          "type": "group",
          "description": "Extra Point",
          "original": "&Extra Point \\ group \\ repeat&",
          "repeat": true,
          "indices": [
            12892,
            12921
          ]
        },
        "repeat": true,
        "originalChildren": [
          "[div=flex: 1 auto; ]\r\n            [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]",
          {
            "type": "number",
            "description": "Number",
            "marker": {
              "type": "number",
              "description": "Number",
              "defaultValue": null,
              "min": null,
              "max": null,
              "original": "&Number \\ number&",
              "indices": [
                13179,
                13195
              ]
            }
          },
          "[/div]\r\n            [div=display: inline-block; font-size: .95rem; line-height: .9;]",
          {
            "type": "text",
            "description": "Text Info",
            "marker": {
              "type": "text",
              "description": "Text Info",
              "defaultValue": "",
              "original": "&Text Info \\ text&",
              "indices": [
                13280,
                13297
              ]
            }
          },
          "[/div]\r\n          [/div]"
        ],
        "children": [],
        "markerEnd": {
          "type": "end",
          "description": "end",
          "original": "&end&",
          "indices": [
            13322,
            13326
          ]
        }
      },
      "\r\n        [/div]"
    ],
    "children": [],
    "markerEnd": {
      "type": "end",
      "description": "end",
      "original": "&end&",
      "indices": [
        13343,
        13347
      ]
    }
  },
  "\r\n        ",
  {
    "type": "group",
    "description": "Pokemon Team",
    "markerStart": {
      "type": "group",
      "description": "Pokemon Team",
      "original": "&Pokemon Team \\ group&",
      "repeat": false,
      "indices": [
        13358,
        13379
      ]
    },
    "repeat": false,
    "originalChildren": [
      "[div=display: flex; row-nowrap; align-items: center; gap: 20px;]\r\n          [div=flex: 0 auto; font-weight: 900; font-size: 1.5rem; line-height: .9;]Pokemon[/div]\r\n          [div=flex: 4 0px; width: 100%; height: 5px; background: var(--colorOne); background: var(--grad);] [/div]\r\n        [/div]\r\n        [div=display: block; width: 100%; box-sizing: border-box; padding: 25px 0px;]\r\n          [div=display: flex; flex-flow: row wrap; align-items: center; justify-content: center; gap: 25px; margin-bottom: 35px;]\r\n          ",
      {
        "type": "group",
        "description": "Pokemon",
        "markerStart": {
          "type": "group",
          "description": "Pokemon",
          "original": "&Pokemon \\ group \\ repeat&",
          "repeat": true,
          "indices": [
            13905,
            13930
          ]
        },
        "repeat": true,
        "originalChildren": [
          "[comment]start of copypaste [/comment][div=display: flex; flex-flow: row wrap; align-items: center; justify-content: center; gap: 25px; margin-bottom: 35px;]\r\n            [div=flex: 1 80px; max-width: 125px; background: var(--colorOne); background: var(--gradc); overflow: hidden; font-size: 0px; pointer-events: none; padding: 2.5%; border-radius: 50%; text-align: center; box-sizing: border-box;][img]",
          {
            "type": "text",
            "description": "Pokemon Image URL",
            "marker": {
              "type": "text",
              "description": "Pokemon Image URL",
              "defaultValue": "",
              "original": "&Pokemon Image URL \\ text&",
              "indices": [
                14334,
                14359
              ]
            }
          },
          "[/img][/div]\r\n            [div=flex: 4 200px; width: 100%; font-size: .95rem; line-height: .9; ]\r\n              [div=display: block; font-size: 1.5rem; line-height: .9; margin-top: .4em; margin-bottom: .25em; font-weight: 900;]",
          {
            "type": "text",
            "description": "Nickname",
            "marker": {
              "type": "text",
              "description": "Nickname",
              "defaultValue": "",
              "original": "&Nickname \\ text&",
              "indices": [
                14587,
                14603
              ]
            }
          },
          " [div=display: inline; color: var(--colorOne); margin: 2px;]",
          {
            "type": "number",
            "description": "Level",
            "marker": {
              "type": "number",
              "description": "Level",
              "defaultValue": 1,
              "min": 1,
              "max": 99,
              "original": "&Level \\ number \\ 1 \\ 1 \\ 99&",
              "indices": [
                14664,
                14692
              ]
            },
            "value": 1
          },
          "[/div][/div]\r\n              [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]#&National Dex Number \\ dex&[/div]\r\n              [div=display: inline-block; font-size: .85rem; line-height: .9; text-transform: uppercase;]",
          {
            "type": "text",
            "description": "Pokemon Species",
            "marker": {
              "type": "text",
              "description": "Pokemon Species",
              "defaultValue": "",
              "original": "&Pokemon Species \\ text&",
              "indices": [
                15085,
                15108
              ]
            }
          },
          " [div=display: inline; color: var(--colorOne); margin: 2px; font-weight: 900;]",
          {
            "type": "select",
            "description": "Pokemon Sex",
            "marker": {
              "type": "select",
              "description": "Pokemon Sex",
              "options": [
                "♂",
                "♀"
              ],
              "original": "&Pokemon Sex \\ select \\ ♂ \\ ♀&",
              "indices": [
                15187,
                15216
              ]
            }
          },
          "[/div] ",
          {
            "type": "text",
            "description": "Ability",
            "marker": {
              "type": "text",
              "description": "Ability",
              "defaultValue": "",
              "original": "&Ability \\ text&",
              "indices": [
                15225,
                15240
              ]
            }
          },
          " [div=display: inline; color: var(--colorOne); margin: 2px;]⋮[/div] ",
          {
            "type": "text",
            "description": "Nature",
            "marker": {
              "type": "text",
              "description": "Nature",
              "defaultValue": "",
              "original": "&Nature \\ text&",
              "indices": [
                15309,
                15323
              ]
            }
          },
          "[/div]\r\n              [div=display: flex; flex-flow: row wrap; align-items: center; width: 100%; gap: 5px; box-sizing: border-box; padding: 15px 0px 1em .75em;]\r\n                [div=flex: 1 auto; font-size: .95rem; line-height: .9;]\r\n                  [div=display: inline; color: var(--colorOne); margin: 2px;]❉[/div]\r\n                  ",
          {
            "type": "text",
            "description": "Move 01",
            "marker": {
              "type": "text",
              "description": "Move 01",
              "defaultValue": "",
              "original": "&Move 01 \\ text&",
              "indices": [
                15663,
                15678
              ]
            }
          },
          "\r\n                [/div]\r\n                [div=flex: 1 auto; font-size: .95rem; line-height: .9;]\r\n                  [div=display: inline; color: var(--colorOne); margin: 2px;]❉[/div]\r\n                  ",
          {
            "type": "text",
            "description": "Move 02",
            "marker": {
              "type": "text",
              "description": "Move 02",
              "defaultValue": "",
              "original": "&Move 02 \\ text&",
              "indices": [
                15882,
                15897
              ]
            }
          },
          "\r\n                [/div]\r\n                [div=flex: 1 auto; font-size: .95rem; line-height: .9;]\r\n                  [div=display: inline; color: var(--colorOne); margin: 2px;]❉[/div]\r\n                  ",
          {
            "type": "text",
            "description": "Move 03",
            "marker": {
              "type": "text",
              "description": "Move 03",
              "defaultValue": "",
              "original": "&Move 03 \\ text&",
              "indices": [
                16101,
                16116
              ]
            }
          },
          "\r\n                [/div]\r\n                [div=flex: 1 auto; font-size: .95rem; line-height: .9;]\r\n                  [div=display: inline; color: var(--colorOne); margin: 2px;]❉[/div]\r\n                  ",
          {
            "type": "text",
            "description": "Move 04",
            "marker": {
              "type": "text",
              "description": "Move 04",
              "defaultValue": "",
              "original": "&Move 04 \\ text&",
              "indices": [
                16320,
                16335
              ]
            }
          },
          "\r\n                [/div]\r\n              [/div]\r\n            [/div]\r\n          [/div][comment]end of copypaste[/comment]"
        ],
        "children": [],
        "markerEnd": {
          "type": "end",
          "description": "end",
          "original": "&end&",
          "indices": [
            16455,
            16459
          ]
        }
      },
      "\r\n        [/div]"
    ],
    "children": [],
    "markerEnd": {
      "type": "end",
      "description": "end",
      "original": "&end&",
      "indices": [
        16476,
        16480
      ]
    }
  },
  "\r\n      [/div]\r\n      [div=display: block; width: 100%; background: var(--grad130); box-sizing: border-box; padding: 15px 5% 10px 5%; text-align: right; text-transform: uppercase; line-height: .9; color: var(--bgColor); font-size: .75rem; font-weight: bold;]fluticasone[/div]\r\n    [/div]\r\n    [div=z-index: 1; position: absolute; width: 100%; height: 100%; overflow: hidden; top: 0px; left: 0px;]\r\n      [div=position: absolute; width: calc(100% + 20px); height: calc(100% + 20px); top: -10px; left: -10px; background: var(--bgIMG) no-repeat center center/cover; filter: blur(8px);] [/div]\r\n    [/div]\r\n    [div=z-index: 2; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: var(--colorOne); background: var(--grad315); mix-blend-mode: hard-light;] [/div]\r\n    [div=z-index: 3; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: url(https://i.imgur.com/UdjBt1F.png) repeat; mix-blend-mode: soft-light; opacity: .75;] [/div]\r\n  [/div]\r\n[/nobr]"
]

[]

mrclever.template 1.0

By glucoseguardian

Output