@levo-so/blocks 0.1.54 → 0.1.59

package/src/blocks/content/content-9.schema.ts

@@ -0,0 +1,2729 @@
+import type { IBlock } from "@levo-so/studio";
+
+const DEFAULT_CONTENT = {
+  layout: null,
+  container: null,
+  title: "Comprehensive Solutions Overview",
+  sections: [
+    {
+      wrapper: null,
+      trigger: null,
+      content: null,
+      sectionTitle: "Technology Solutions",
+      container: null,
+      headerContainer: null,
+      iconLabelContainer: null,
+      icon: {
+        kind: "icon",
+        data: {
+          id: "arrow-circle-right",
+          label: "Arrow Circle Right",
+          tags: ["arrow", "circle", "custom", "directional", "right"],
+          svgCode:
+            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 22.75C6.07 22.75 1.25 17.93 1.25 12C1.25 6.07 6.07 1.25 12 1.25C17.93 1.25 22.75 6.07 22.75 12C22.75 17.93 17.93 22.75 12 22.75ZM12 2.75C6.9 2.75 2.75 6.9 2.75 12C2.75 17.1 6.9 21.25 12 21.25C17.1 21.25 21.25 17.1 21.25 12C21.25 6.9 17.1 2.75 12 2.75Z" fill="var(--color-icon-primary)"/>\n<path d="M10.7397 16.28C10.5497 16.28 10.3597 16.21 10.2097 16.06C9.91969 15.77 9.91969 15.29 10.2097 15L13.2097 12L10.2097 8.99997C9.91969 8.70997 9.91969 8.22997 10.2097 7.93997C10.4997 7.64997 10.9797 7.64997 11.2697 7.93997L14.7997 11.47C15.0897 11.76 15.0897 12.24 14.7997 12.53L11.2697 16.06C11.1197 16.21 10.9297 16.28 10.7397 16.28Z" fill="var(--color-icon-primary)"/>\n</svg>',
+        },
+      },
+      label: "Technology",
+      title: "Advanced Technology Infrastructure",
+      cards: [
+        {
+          card: null,
+          label: "Cloud Computing",
+          title: "Scalable Cloud Infrastructure",
+          description:
+            "<p>The journey starts here — where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
+        },
+        {
+          card: null,
+          label: "Cloud Computing",
+          title: "Scalable Cloud Infrastructure",
+          description:
+            "<p>The journey starts here — where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
+        },
+        {
+          card: null,
+          label: "Cloud Computing",
+          title: "Scalable Cloud Infrastructure",
+          description:
+            "<p>The journey starts here — where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
+        },
+        {
+          card: null,
+          label: "Cloud Computing",
+          title: "Scalable Cloud Infrastructure",
+          description:
+            "<p>The journey starts here — where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
+        },
+      ],
+    },
+    {
+      wrapper: null,
+      trigger: null,
+      content: null,
+      sectionTitle: "Technology Solutions",
+      container: null,
+      headerContainer: null,
+      iconLabelContainer: null,
+      icon: {
+        kind: "icon",
+        data: {
+          id: "arrow-circle-right",
+          label: "Arrow Circle Right",
+          tags: ["arrow", "circle", "custom", "directional", "right"],
+          svgCode:
+            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 22.75C6.07 22.75 1.25 17.93 1.25 12C1.25 6.07 6.07 1.25 12 1.25C17.93 1.25 22.75 6.07 22.75 12C22.75 17.93 17.93 22.75 12 22.75ZM12 2.75C6.9 2.75 2.75 6.9 2.75 12C2.75 17.1 6.9 21.25 12 21.25C17.1 21.25 21.25 17.1 21.25 12C21.25 6.9 17.1 2.75 12 2.75Z" fill="var(--color-icon-primary)"/>\n<path d="M10.7397 16.28C10.5497 16.28 10.3597 16.21 10.2097 16.06C9.91969 15.77 9.91969 15.29 10.2097 15L13.2097 12L10.2097 8.99997C9.91969 8.70997 9.91969 8.22997 10.2097 7.93997C10.4997 7.64997 10.9797 7.64997 11.2697 7.93997L14.7997 11.47C15.0897 11.76 15.0897 12.24 14.7997 12.53L11.2697 16.06C11.1197 16.21 10.9297 16.28 10.7397 16.28Z" fill="var(--color-icon-primary)"/>\n</svg>',
+        },
+      },
+      label: "Technology",
+      title: "Advanced Technology Infrastructure",
+      cards: [
+        {
+          card: null,
+          label: "Cloud Computing",
+          title: "Scalable Cloud Infrastructure",
+          description:
+            "<p>The journey starts here — where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
+        },
+        {
+          card: null,
+          label: "Cloud Computing",
+          title: "Scalable Cloud Infrastructure",
+          description:
+            "<p>The journey starts here — where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
+        },
+        {
+          card: null,
+          label: "Cloud Computing",
+          title: "Scalable Cloud Infrastructure",
+          description:
+            "<p>The journey starts here — where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
+        },
+        {
+          card: null,
+          label: "Cloud Computing",
+          title: "Scalable Cloud Infrastructure",
+          description:
+            "<p>The journey starts here — where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
+        },
+      ],
+    },
+    {
+      wrapper: null,
+      trigger: null,
+      content: null,
+      sectionTitle: "Technology Solutions",
+      container: null,
+      headerContainer: null,
+      iconLabelContainer: null,
+      icon: {
+        kind: "icon",
+        data: {
+          id: "arrow-circle-right",
+          label: "Arrow Circle Right",
+          tags: ["arrow", "circle", "custom", "directional", "right"],
+          svgCode:
+            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 22.75C6.07 22.75 1.25 17.93 1.25 12C1.25 6.07 6.07 1.25 12 1.25C17.93 1.25 22.75 6.07 22.75 12C22.75 17.93 17.93 22.75 12 22.75ZM12 2.75C6.9 2.75 2.75 6.9 2.75 12C2.75 17.1 6.9 21.25 12 21.25C17.1 21.25 21.25 17.1 21.25 12C21.25 6.9 17.1 2.75 12 2.75Z" fill="var(--color-icon-primary)"/>\n<path d="M10.7397 16.28C10.5497 16.28 10.3597 16.21 10.2097 16.06C9.91969 15.77 9.91969 15.29 10.2097 15L13.2097 12L10.2097 8.99997C9.91969 8.70997 9.91969 8.22997 10.2097 7.93997C10.4997 7.64997 10.9797 7.64997 11.2697 7.93997L14.7997 11.47C15.0897 11.76 15.0897 12.24 14.7997 12.53L11.2697 16.06C11.1197 16.21 10.9297 16.28 10.7397 16.28Z" fill="var(--color-icon-primary)"/>\n</svg>',
+        },
+      },
+      label: "Technology",
+      title: "Advanced Technology Infrastructure",
+      cards: [
+        {
+          card: null,
+          label: "Cloud Computing",
+          title: "Scalable Cloud Infrastructure",
+          description:
+            "<p>The journey starts here — where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
+        },
+        {
+          card: null,
+          label: "Cloud Computing",
+          title: "Scalable Cloud Infrastructure",
+          description:
+            "<p>The journey starts here — where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
+        },
+        {
+          card: null,
+          label: "Cloud Computing",
+          title: "Scalable Cloud Infrastructure",
+          description:
+            "<p>The journey starts here — where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
+        },
+        {
+          card: null,
+          label: "Cloud Computing",
+          title: "Scalable Cloud Infrastructure",
+          description:
+            "<p>The journey starts here — where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
+        },
+      ],
+    },
+    {
+      wrapper: null,
+      trigger: null,
+      content: null,
+      sectionTitle: "Technology Solutions",
+      container: null,
+      headerContainer: null,
+      iconLabelContainer: null,
+      icon: {
+        kind: "icon",
+        data: {
+          id: "arrow-circle-right",
+          label: "Arrow Circle Right",
+          tags: ["arrow", "circle", "custom", "directional", "right"],
+          svgCode:
+            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 22.75C6.07 22.75 1.25 17.93 1.25 12C1.25 6.07 6.07 1.25 12 1.25C17.93 1.25 22.75 6.07 22.75 12C22.75 17.93 17.93 22.75 12 22.75ZM12 2.75C6.9 2.75 2.75 6.9 2.75 12C2.75 17.1 6.9 21.25 12 21.25C17.1 21.25 21.25 17.1 21.25 12C21.25 6.9 17.1 2.75 12 2.75Z" fill="var(--color-icon-primary)"/>\n<path d="M10.7397 16.28C10.5497 16.28 10.3597 16.21 10.2097 16.06C9.91969 15.77 9.91969 15.29 10.2097 15L13.2097 12L10.2097 8.99997C9.91969 8.70997 9.91969 8.22997 10.2097 7.93997C10.4997 7.64997 10.9797 7.64997 11.2697 7.93997L14.7997 11.47C15.0897 11.76 15.0897 12.24 14.7997 12.53L11.2697 16.06C11.1197 16.21 10.9297 16.28 10.7397 16.28Z" fill="var(--color-icon-primary)"/>\n</svg>',
+        },
+      },
+      label: "Technology",
+      title: "Advanced Technology Infrastructure",
+      cards: [
+        {
+          card: null,
+          label: "Cloud Computing",
+          title: "Scalable Cloud Infrastructure",
+          description:
+            "<p>The journey starts here — where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
+        },
+        {
+          card: null,
+          label: "Cloud Computing",
+          title: "Scalable Cloud Infrastructure",
+          description:
+            "<p>The journey starts here — where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
+        },
+        {
+          card: null,
+          label: "Cloud Computing",
+          title: "Scalable Cloud Infrastructure",
+          description:
+            "<p>The journey starts here — where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
+        },
+        {
+          card: null,
+          label: "Cloud Computing",
+          title: "Scalable Cloud Infrastructure",
+          description:
+            "<p>The journey starts here — where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
+        },
+      ],
+    },
+  ],
+};
+
+export type IContent9Content = typeof DEFAULT_CONTENT;
+
+export const Content9: IBlock = {
+  category_id: "content",
+  title: "Content 9",
+  key: "content-9",
+  version: "v1",
+  prompt_description:
+    "A content block with a main title and accordion sections. Each accordion contains an icon and label container, a title below it, and a group of cards with label, title, and description.",
+  content_schema: [
+    {
+      key: "layout",
+      label: "Layout",
+      field_interface: "LayoutWidget",
+    },
+    {
+      key: "container",
+      label: "Container",
+      field_interface: "ContainerWidget",
+    },
+    {
+      key: "title",
+      label: "Title",
+      field_interface: "HeadingWidget",
+      hint: {
+        prompt_description:
+          "The main title for the content block. Should be clear and descriptive, giving users an overview of what content they'll find in the accordions.",
+        min_characters: 16,
+        max_characters: 40,
+      },
+    },
+    {
+      key: "sections",
+      label: "Sections",
+      field_interface: "BoxWidget",
+      kind: "group",
+      fields: [
+        {
+          key: "wrapper",
+          label: "Wrapper",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "trigger",
+          label: "Trigger",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "content",
+          label: "Content",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "container",
+          label: "Container",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "headerContainer",
+          label: "Header Container",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "iconLabelContainer",
+          label: "Icon Label Container",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "icon",
+          label: "Icon",
+          field_interface: "IconWidget",
+        },
+        {
+          key: "label",
+          label: "Label",
+          field_interface: "TypographyWidget",
+          hint: {
+            prompt_description:
+              "A short label that categorizes the section content. Should be 1-2 words maximum.",
+            min_characters: 8,
+            max_characters: 20,
+          },
+        },
+        {
+          key: "title",
+          label: "Title",
+          field_interface: "TypographyWidget",
+          hint: {
+            prompt_description:
+              "The main title that appears below the icon and label. Should provide context for the cards that follow.",
+            min_characters: 24,
+            max_characters: 60,
+          },
+        },
+        {
+          key: "cards",
+          label: "Cards",
+          field_interface: "BoxWidget",
+          kind: "group",
+          fields: [
+            {
+              key: "card",
+              label: "Card",
+              field_interface: "BoxWidget",
+            },
+            {
+              key: "label_container",
+              label: "Label Container",
+              field_interface: "BoxWidget",
+            },
+            {
+              key: "label_divider",
+              label: "Label Divider",
+              field_interface: "BoxWidget",
+            },
+            {
+              key: "label",
+              label: "Card Label",
+              field_interface: "TypographyWidget",
+              hint: {
+                prompt_description:
+                  "A short label that categorizes the card content. Should be 1-2 words maximum.",
+                min_characters: 8,
+                max_characters: 20,
+              },
+            },
+            {
+              key: "title",
+              label: "Card Title",
+              field_interface: "TypographyWidget",
+              hint: {
+                prompt_description:
+                  "The main title for the card. Should be compelling and informative, clearly stating what the card is about.",
+                min_characters: 20,
+                max_characters: 50,
+              },
+            },
+            {
+              key: "description",
+              label: "Card Description",
+              field_interface: "TypographyWidget",
+              hint: {
+                prompt_description:
+                  "A brief description that provides additional context about the card topic. Should be informative but concise.",
+                min_characters: 40,
+                max_characters: 120,
+              },
+            },
+          ],
+          hint: {
+            prompt_description:
+              "A group of cards that provide detailed information about specific features, services, or topics within the section.",
+            min_items: 2,
+            max_items: 6,
+          },
+        },
+      ],
+      hint: {
+        prompt_description:
+          "Accordion sections that organize content into expandable categories, each containing detailed information through cards.",
+        min_items: 2,
+        max_items: 6,
+      },
+    },
+  ],
+  layouts: [
+    {
+      key: "default",
+      title: "Default",
+      styles: {
+        layout: {
+          "padding-top": "5xl",
+          "padding-bottom": "5xl",
+          "padding-left": "3xl",
+          "padding-right": "3xl",
+          width: "100%",
+          tablet: {
+            "padding-top": "4xl",
+            "padding-bottom": "4xl",
+            "padding-left": "2xl",
+            "padding-right": "2xl",
+          },
+          mobile: {
+            "padding-top": "3xl",
+            "padding-bottom": "3xl",
+            "padding-left": "base",
+            "padding-right": "base",
+          },
+        },
+        container: {
+          "max-width": "1280px",
+          "margin-left": "auto",
+          "margin-right": "auto",
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "4xl",
+        },
+        title: {
+          "font-size": "5xl",
+          "font-weight": 700,
+          color: "text-1",
+          margin: "0",
+          "text-align": "center",
+          mobile: {
+            "font-size": "3xl",
+          },
+        },
+        accordions_container: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "lg",
+        },
+        sections: [
+          {
+            wrapper: {
+              "padding-top": "none",
+              "padding-bottom": "none",
+              "border-color": "border",
+              "border-bottom-width": "1px",
+              "border-style": "solid",
+            },
+            sectionTitle: {
+              "font-size": "xl",
+              "font-weight": 600,
+              color: "text-1",
+              tablet: {
+                "font-size": "lg",
+              },
+            },
+            content: {
+              "padding-top": "none",
+              "padding-bottom": "lg",
+            },
+            trigger: {
+              "padding-top": "lg",
+              "padding-bottom": "lg",
+              display: "flex",
+            },
+            container: {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "lg",
+            },
+            headerContainer: {
+              display: "flex",
+              "flex-direction": "row",
+              "row-gap": "base",
+              "column-gap": "lg",
+              mobile: {
+                "flex-direction": "column",
+              },
+            },
+            iconLabelContainer: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "2xs",
+              "background-color": "background-3",
+              width: "fit-content",
+              "padding-left": "2xs",
+              "padding-right": "2xs",
+              "padding-top": "4xs",
+              "padding-bottom": "4xs",
+              "border-radius": "3xl",
+            },
+            label: {
+              "text-transform": "uppercase",
+              "letter-spacing": "0.05em",
+              color: "brand",
+              "font-size": "sm",
+            },
+            title: {
+              "font-size": "xl",
+              "font-weight": 700,
+              color: "text-1",
+              tablet: {
+                "font-size": "xl",
+              },
+              mobile: {
+                "text-align": "left",
+              },
+            },
+            icon: {
+              height: "22px",
+              width: "22px",
+              "font-size": "22px",
+            },
+            cards_levoGroup: {
+              display: "flex",
+              "column-gap": "sm",
+              tablet: {
+                display: "flex",
+                "flex-direction": "column",
+                "row-gap": "sm",
+              },
+            },
+            cards: [
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+                label_divider: {
+                  width: "20px",
+                  height: "1px",
+                  "background-color": "brand",
+                },
+                label_container: {
+                  display: "flex",
+                  "justify-content": "start",
+                  "align-items": "center",
+                  "column-gap": "3xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+                label_divider: {
+                  width: "20px",
+                  height: "1px",
+                  "background-color": "brand",
+                },
+                label_container: {
+                  display: "flex",
+                  "justify-content": "start",
+                  "align-items": "center",
+                  "column-gap": "3xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+                label_divider: {
+                  width: "20px",
+                  height: "1px",
+                  "background-color": "brand",
+                },
+                label_container: {
+                  display: "flex",
+                  "justify-content": "start",
+                  "align-items": "center",
+                  "column-gap": "3xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+                label_divider: {
+                  width: "20px",
+                  height: "1px",
+                  "background-color": "brand",
+                },
+                label_container: {
+                  display: "flex",
+                  "justify-content": "start",
+                  "align-items": "center",
+                  "column-gap": "3xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                },
+              },
+            ],
+          },
+          {
+            wrapper: {
+              "padding-top": "none",
+              "padding-bottom": "none",
+              "border-color": "border",
+              "border-bottom-width": "1px",
+              "border-style": "solid",
+            },
+            sectionTitle: {
+              "font-size": "xl",
+              "font-weight": 600,
+              color: "text-1",
+              tablet: {
+                "font-size": "lg",
+              },
+            },
+            content: {
+              "padding-top": "none",
+              "padding-bottom": "lg",
+            },
+            trigger: {
+              "padding-top": "lg",
+              "padding-bottom": "lg",
+              display: "flex",
+            },
+            container: {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "lg",
+            },
+            headerContainer: {
+              display: "flex",
+              "flex-direction": "row",
+              "row-gap": "base",
+              "column-gap": "lg",
+              mobile: {
+                "flex-direction": "column",
+              },
+            },
+            iconLabelContainer: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "2xs",
+              "background-color": "background-3",
+              width: "fit-content",
+              "padding-left": "2xs",
+              "padding-right": "2xs",
+              "padding-top": "4xs",
+              "padding-bottom": "4xs",
+              "border-radius": "3xl",
+            },
+            label: {
+              "text-transform": "uppercase",
+              "letter-spacing": "0.05em",
+              color: "brand",
+              "font-size": "sm",
+            },
+            title: {
+              "font-size": "xl",
+              "font-weight": 700,
+              color: "text-1",
+              tablet: {
+                "font-size": "xl",
+              },
+              mobile: {
+                "text-align": "left",
+              },
+            },
+            icon: {
+              height: "22px",
+              width: "22px",
+              "font-size": "22px",
+            },
+            cards_levoGroup: {
+              display: "flex",
+              "column-gap": "sm",
+              tablet: {
+                display: "flex",
+                "flex-direction": "column",
+                "row-gap": "sm",
+              },
+            },
+            cards: [
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+                label_divider: {
+                  width: "20px",
+                  height: "1px",
+                  "background-color": "brand",
+                },
+                label_container: {
+                  display: "flex",
+                  "justify-content": "start",
+                  "align-items": "center",
+                  "column-gap": "3xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+                label_divider: {
+                  width: "20px",
+                  height: "1px",
+                  "background-color": "brand",
+                },
+                label_container: {
+                  display: "flex",
+                  "justify-content": "start",
+                  "align-items": "center",
+                  "column-gap": "3xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+                label_divider: {
+                  width: "20px",
+                  height: "1px",
+                  "background-color": "brand",
+                },
+                label_container: {
+                  display: "flex",
+                  "justify-content": "start",
+                  "align-items": "center",
+                  "column-gap": "3xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+                label_divider: {
+                  width: "20px",
+                  height: "1px",
+                  "background-color": "brand",
+                },
+                label_container: {
+                  display: "flex",
+                  "justify-content": "start",
+                  "align-items": "center",
+                  "column-gap": "3xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                },
+              },
+            ],
+          },
+          {
+            wrapper: {
+              "padding-top": "none",
+              "padding-bottom": "none",
+              "border-color": "border",
+              "border-bottom-width": "1px",
+              "border-style": "solid",
+            },
+            sectionTitle: {
+              "font-size": "xl",
+              "font-weight": 600,
+              color: "text-1",
+              tablet: {
+                "font-size": "lg",
+              },
+            },
+            content: {
+              "padding-top": "none",
+              "padding-bottom": "lg",
+            },
+            trigger: {
+              "padding-top": "lg",
+              "padding-bottom": "lg",
+              display: "flex",
+            },
+            container: {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "lg",
+            },
+            headerContainer: {
+              display: "flex",
+              "flex-direction": "row",
+              "row-gap": "base",
+              "column-gap": "lg",
+              mobile: {
+                "flex-direction": "column",
+              },
+            },
+            iconLabelContainer: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "2xs",
+              "background-color": "background-3",
+              width: "fit-content",
+              "padding-left": "2xs",
+              "padding-right": "2xs",
+              "padding-top": "4xs",
+              "padding-bottom": "4xs",
+              "border-radius": "3xl",
+            },
+            label: {
+              "text-transform": "uppercase",
+              "letter-spacing": "0.05em",
+              color: "brand",
+              "font-size": "sm",
+            },
+            title: {
+              "font-size": "xl",
+              "font-weight": 700,
+              color: "text-1",
+              tablet: {
+                "font-size": "xl",
+              },
+              mobile: {
+                "text-align": "left",
+              },
+            },
+            icon: {
+              height: "22px",
+              width: "22px",
+              "font-size": "22px",
+            },
+            cards_levoGroup: {
+              display: "flex",
+              "column-gap": "sm",
+              tablet: {
+                display: "flex",
+                "flex-direction": "column",
+                "row-gap": "sm",
+              },
+            },
+            cards: [
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+                label_divider: {
+                  width: "20px",
+                  height: "1px",
+                  "background-color": "brand",
+                },
+                label_container: {
+                  display: "flex",
+                  "justify-content": "start",
+                  "align-items": "center",
+                  "column-gap": "3xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+                label_divider: {
+                  width: "20px",
+                  height: "1px",
+                  "background-color": "brand",
+                },
+                label_container: {
+                  display: "flex",
+                  "justify-content": "start",
+                  "align-items": "center",
+                  "column-gap": "3xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+                label_divider: {
+                  width: "20px",
+                  height: "1px",
+                  "background-color": "brand",
+                },
+                label_container: {
+                  display: "flex",
+                  "justify-content": "start",
+                  "align-items": "center",
+                  "column-gap": "3xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+                label_divider: {
+                  width: "20px",
+                  height: "1px",
+                  "background-color": "brand",
+                },
+                label_container: {
+                  display: "flex",
+                  "justify-content": "start",
+                  "align-items": "center",
+                  "column-gap": "3xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                },
+              },
+            ],
+          },
+          {
+            wrapper: {
+              "padding-top": "none",
+              "padding-bottom": "none",
+              "border-color": "border",
+              "border-bottom-width": "1px",
+              "border-style": "solid",
+            },
+            sectionTitle: {
+              "font-size": "xl",
+              "font-weight": 600,
+              color: "text-1",
+              tablet: {
+                "font-size": "lg",
+              },
+            },
+            content: {
+              "padding-top": "none",
+              "padding-bottom": "lg",
+            },
+            trigger: {
+              "padding-top": "lg",
+              "padding-bottom": "lg",
+              display: "flex",
+            },
+            container: {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "lg",
+            },
+            headerContainer: {
+              display: "flex",
+              "flex-direction": "row",
+              "row-gap": "base",
+              "column-gap": "lg",
+              mobile: {
+                "flex-direction": "column",
+              },
+            },
+            iconLabelContainer: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "2xs",
+              "background-color": "background-3",
+              width: "fit-content",
+              "padding-left": "2xs",
+              "padding-right": "2xs",
+              "padding-top": "4xs",
+              "padding-bottom": "4xs",
+              "border-radius": "3xl",
+            },
+            label: {
+              "text-transform": "uppercase",
+              "letter-spacing": "0.05em",
+              color: "brand",
+              "font-size": "sm",
+            },
+            title: {
+              "font-size": "xl",
+              "font-weight": 700,
+              color: "text-1",
+              tablet: {
+                "font-size": "xl",
+              },
+              mobile: {
+                "text-align": "left",
+              },
+            },
+            icon: {
+              height: "22px",
+              width: "22px",
+              "font-size": "22px",
+            },
+            cards_levoGroup: {
+              display: "flex",
+              "column-gap": "sm",
+              tablet: {
+                display: "flex",
+                "flex-direction": "column",
+                "row-gap": "sm",
+              },
+            },
+            cards: [
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+                label_divider: {
+                  width: "20px",
+                  height: "1px",
+                  "background-color": "brand",
+                },
+                label_container: {
+                  display: "flex",
+                  "justify-content": "start",
+                  "align-items": "center",
+                  "column-gap": "3xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+                label_divider: {
+                  width: "20px",
+                  height: "1px",
+                  "background-color": "brand",
+                },
+                label_container: {
+                  display: "flex",
+                  "justify-content": "start",
+                  "align-items": "center",
+                  "column-gap": "3xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+                label_divider: {
+                  width: "20px",
+                  height: "1px",
+                  "background-color": "brand",
+                },
+                label_container: {
+                  display: "flex",
+                  "justify-content": "start",
+                  "align-items": "center",
+                  "column-gap": "3xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+                label_divider: {
+                  width: "20px",
+                  height: "1px",
+                  "background-color": "brand",
+                },
+                label_container: {
+                  display: "flex",
+                  "justify-content": "start",
+                  "align-items": "center",
+                  "column-gap": "3xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                },
+              },
+            ],
+          },
+          {
+            wrapper: {
+              "padding-top": "none",
+              "padding-bottom": "none",
+              "border-color": "border",
+              "border-bottom-width": "1px",
+              "border-style": "solid",
+            },
+            sectionTitle: {
+              "font-size": "xl",
+              "font-weight": 600,
+              color: "text-1",
+              tablet: {
+                "font-size": "lg",
+              },
+            },
+            content: {
+              "padding-top": "none",
+              "padding-bottom": "lg",
+            },
+            trigger: {
+              "padding-top": "lg",
+              "padding-bottom": "lg",
+              display: "flex",
+            },
+            container: {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "lg",
+            },
+            headerContainer: {
+              display: "flex",
+              "flex-direction": "row",
+              "row-gap": "base",
+              "column-gap": "lg",
+              mobile: {
+                "flex-direction": "column",
+              },
+            },
+            iconLabelContainer: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "2xs",
+              "background-color": "background-3",
+              width: "fit-content",
+              "padding-left": "2xs",
+              "padding-right": "2xs",
+              "padding-top": "4xs",
+              "padding-bottom": "4xs",
+              "border-radius": "3xl",
+            },
+            label: {
+              "text-transform": "uppercase",
+              "letter-spacing": "0.05em",
+              color: "brand",
+              "font-size": "sm",
+            },
+            title: {
+              "font-size": "xl",
+              "font-weight": 700,
+              color: "text-1",
+              tablet: {
+                "font-size": "xl",
+              },
+              mobile: {
+                "text-align": "left",
+              },
+            },
+            icon: {
+              height: "22px",
+              width: "22px",
+              "font-size": "22px",
+            },
+            cards_levoGroup: {
+              display: "flex",
+              "column-gap": "sm",
+              tablet: {
+                display: "flex",
+                "flex-direction": "column",
+                "row-gap": "sm",
+              },
+            },
+            cards: [
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                },
+              },
+            ],
+          },
+          {
+            wrapper: {
+              "padding-top": "none",
+              "padding-bottom": "none",
+              "border-color": "border",
+              "border-bottom-width": "1px",
+              "border-style": "solid",
+            },
+            sectionTitle: {
+              "font-size": "xl",
+              "font-weight": 600,
+              color: "text-1",
+              tablet: {
+                "font-size": "lg",
+              },
+            },
+            content: {
+              "padding-top": "none",
+              "padding-bottom": "lg",
+            },
+            trigger: {
+              "padding-top": "lg",
+              "padding-bottom": "lg",
+              display: "flex",
+            },
+            container: {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "lg",
+            },
+            headerContainer: {
+              display: "flex",
+              "flex-direction": "row",
+              "row-gap": "base",
+              "column-gap": "lg",
+              mobile: {
+                "flex-direction": "column",
+              },
+            },
+            iconLabelContainer: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "2xs",
+              "background-color": "background-3",
+              width: "fit-content",
+              "padding-left": "2xs",
+              "padding-right": "2xs",
+              "padding-top": "4xs",
+              "padding-bottom": "4xs",
+              "border-radius": "3xl",
+            },
+            label: {
+              "text-transform": "uppercase",
+              "letter-spacing": "0.05em",
+              color: "brand",
+              "font-size": "sm",
+            },
+            title: {
+              "font-size": "xl",
+              "font-weight": 700,
+              color: "text-1",
+              tablet: {
+                "font-size": "xl",
+              },
+              mobile: {
+                "text-align": "left",
+              },
+            },
+            icon: {
+              height: "22px",
+              width: "22px",
+              "font-size": "22px",
+            },
+            cards_levoGroup: {
+              display: "flex",
+              "column-gap": "sm",
+              tablet: {
+                display: "flex",
+                "flex-direction": "column",
+                "row-gap": "sm",
+              },
+            },
+            cards: [
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                },
+              },
+            ],
+          },
+          {
+            wrapper: {
+              "padding-top": "none",
+              "padding-bottom": "none",
+              "border-color": "border",
+              "border-bottom-width": "1px",
+              "border-style": "solid",
+            },
+            sectionTitle: {
+              "font-size": "xl",
+              "font-weight": 600,
+              color: "text-1",
+              tablet: {
+                "font-size": "lg",
+              },
+            },
+            content: {
+              "padding-top": "none",
+              "padding-bottom": "lg",
+            },
+            trigger: {
+              "padding-top": "lg",
+              "padding-bottom": "lg",
+              display: "flex",
+            },
+            container: {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "lg",
+            },
+            headerContainer: {
+              display: "flex",
+              "flex-direction": "row",
+              "row-gap": "base",
+              "column-gap": "lg",
+              mobile: {
+                "flex-direction": "column",
+              },
+            },
+            iconLabelContainer: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "2xs",
+              "background-color": "background-3",
+              width: "fit-content",
+              "padding-left": "2xs",
+              "padding-right": "2xs",
+              "padding-top": "4xs",
+              "padding-bottom": "4xs",
+              "border-radius": "3xl",
+            },
+            label: {
+              "text-transform": "uppercase",
+              "letter-spacing": "0.05em",
+              color: "brand",
+              "font-size": "sm",
+            },
+            title: {
+              "font-size": "xl",
+              "font-weight": 700,
+              color: "text-1",
+              tablet: {
+                "font-size": "xl",
+              },
+              mobile: {
+                "text-align": "left",
+              },
+            },
+            icon: {
+              height: "22px",
+              width: "22px",
+              "font-size": "22px",
+            },
+            cards_levoGroup: {
+              display: "flex",
+              "column-gap": "sm",
+              tablet: {
+                display: "flex",
+                "flex-direction": "column",
+                "row-gap": "sm",
+              },
+            },
+            cards: [
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                },
+              },
+            ],
+          },
+          {
+            wrapper: {
+              "padding-top": "none",
+              "padding-bottom": "none",
+              "border-color": "border",
+              "border-bottom-width": "1px",
+              "border-style": "solid",
+            },
+            sectionTitle: {
+              "font-size": "xl",
+              "font-weight": 600,
+              color: "text-1",
+              tablet: {
+                "font-size": "lg",
+              },
+            },
+            content: {
+              "padding-top": "none",
+              "padding-bottom": "lg",
+            },
+            trigger: {
+              "padding-top": "lg",
+              "padding-bottom": "lg",
+              display: "flex",
+            },
+            container: {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "lg",
+            },
+            headerContainer: {
+              display: "flex",
+              "flex-direction": "row",
+              "row-gap": "base",
+              "column-gap": "lg",
+            },
+            iconLabelContainer: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "2xs",
+              "background-color": "background-3",
+              width: "fit-content",
+              "padding-left": "2xs",
+              "padding-right": "2xs",
+              "padding-top": "4xs",
+              "padding-bottom": "4xs",
+              "border-radius": "3xl",
+            },
+            label: {
+              "text-transform": "uppercase",
+              "letter-spacing": "0.05em",
+              color: "brand",
+              "font-size": "sm",
+            },
+            title: {
+              "font-size": "xl",
+              "font-weight": 700,
+              color: "text-1",
+              tablet: {
+                "font-size": "xl",
+              },
+            },
+            icon: {
+              height: "22px",
+              width: "22px",
+              "font-size": "22px",
+            },
+            cards_levoGroup: {
+              display: "flex",
+              "column-gap": "sm",
+            },
+            cards: [
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                },
+              },
+            ],
+          },
+          {
+            wrapper: {
+              "padding-top": "none",
+              "padding-bottom": "none",
+              "border-color": "border",
+              "border-bottom-width": "1px",
+              "border-style": "solid",
+            },
+            sectionTitle: {
+              "font-size": "xl",
+              "font-weight": 600,
+              color: "text-1",
+              tablet: {
+                "font-size": "lg",
+              },
+            },
+            content: {
+              "padding-top": "none",
+              "padding-bottom": "lg",
+            },
+            trigger: {
+              "padding-top": "lg",
+              "padding-bottom": "lg",
+              display: "flex",
+            },
+            container: {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "lg",
+            },
+            headerContainer: {
+              display: "flex",
+              "flex-direction": "row",
+              "row-gap": "base",
+              "column-gap": "lg",
+            },
+            iconLabelContainer: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "2xs",
+              "background-color": "background-3",
+              width: "fit-content",
+              "padding-left": "2xs",
+              "padding-right": "2xs",
+              "padding-top": "4xs",
+              "padding-bottom": "4xs",
+              "border-radius": "3xl",
+            },
+            label: {
+              "text-transform": "uppercase",
+              "letter-spacing": "0.05em",
+              color: "brand",
+              "font-size": "sm",
+            },
+            title: {
+              "font-size": "xl",
+              "font-weight": 700,
+              color: "text-1",
+              tablet: {
+                "font-size": "xl",
+              },
+            },
+            icon: {
+              height: "22px",
+              width: "22px",
+              "font-size": "22px",
+            },
+            cards_levoGroup: {
+              display: "flex",
+              "column-gap": "sm",
+            },
+            cards: [
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                },
+              },
+            ],
+          },
+          {
+            wrapper: {
+              "padding-top": "none",
+              "padding-bottom": "none",
+              "border-color": "border",
+              "border-bottom-width": "1px",
+              "border-style": "solid",
+            },
+            sectionTitle: {
+              "font-size": "xl",
+              "font-weight": 600,
+              color: "text-1",
+              tablet: {
+                "font-size": "lg",
+              },
+            },
+            content: {
+              "padding-top": "none",
+              "padding-bottom": "lg",
+            },
+            trigger: {
+              "padding-top": "lg",
+              "padding-bottom": "lg",
+              display: "flex",
+            },
+            container: {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "lg",
+            },
+            headerContainer: {
+              display: "flex",
+              "flex-direction": "row",
+              "row-gap": "base",
+              "column-gap": "lg",
+            },
+            iconLabelContainer: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "2xs",
+              "background-color": "background-3",
+              width: "fit-content",
+              "padding-left": "2xs",
+              "padding-right": "2xs",
+              "padding-top": "4xs",
+              "padding-bottom": "4xs",
+              "border-radius": "3xl",
+            },
+            label: {
+              "text-transform": "uppercase",
+              "letter-spacing": "0.05em",
+              color: "brand",
+              "font-size": "sm",
+            },
+            title: {
+              "font-size": "xl",
+              "font-weight": 700,
+              color: "text-1",
+              tablet: {
+                "font-size": "xl",
+              },
+            },
+            icon: {
+              height: "22px",
+              width: "22px",
+              "font-size": "22px",
+            },
+            cards_levoGroup: {
+              display: "flex",
+              "column-gap": "sm",
+            },
+            cards: [
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-top": "base",
+                  "padding-bottom": "base",
+                  "border-radius": "base",
+                },
+                label: {
+                  color: "brand",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": 700,
+                  "padding-top": "2xs",
+                  "padding-bottom": "2xs",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                },
+              },
+              {
+                card: {
+                  "background-color": "background-3",
+                },
+              },
+            ],
+          },
+          {
+            wrapper: {
+              "padding-top": "none",
+              "padding-bottom": "none",
+              "border-color": "border",
+              "border-bottom-width": "1px",
+              "border-style": "solid",
+            },
+            sectionTitle: {
+              "font-size": "xl",
+              "font-weight": 600,
+              color: "text-1",
+              tablet: {
+                "font-size": "lg",
+              },
+            },
+            content: {
+              "padding-top": "none",
+              "padding-bottom": "lg",
+            },
+            trigger: {
+              "padding-top": "lg",
+              "padding-bottom": "lg",
+              display: "flex",
+            },
+            container: {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "lg",
+            },
+            headerContainer: {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "base",
+            },
+            iconLabelContainer: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "base",
+            },
+            label: {
+              "font-size": "sm",
+              "font-weight": 600,
+              color: "primary",
+              "text-transform": "uppercase",
+              "letter-spacing": "0.05em",
+            },
+            title: {
+              "font-size": "2xl",
+              "font-weight": 700,
+              color: "text-1",
+              tablet: {
+                "font-size": "xl",
+              },
+            },
+          },
+          {
+            wrapper: {
+              "padding-top": "none",
+              "padding-bottom": "none",
+              "border-color": "border",
+              "border-bottom-width": "1px",
+              "border-style": "solid",
+            },
+            sectionTitle: {
+              "font-size": "xl",
+              "font-weight": 600,
+              color: "text-1",
+              tablet: {
+                "font-size": "lg",
+              },
+            },
+            content: {
+              "padding-top": "none",
+              "padding-bottom": "lg",
+            },
+            trigger: {
+              "padding-top": "lg",
+              "padding-bottom": "lg",
+              display: "flex",
+            },
+            container: {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "lg",
+            },
+            headerContainer: {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "base",
+            },
+            iconLabelContainer: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "base",
+            },
+            label: {
+              "font-size": "sm",
+              "font-weight": 600,
+              color: "primary",
+              "text-transform": "uppercase",
+              "letter-spacing": "0.05em",
+            },
+            title: {
+              "font-size": "2xl",
+              "font-weight": 700,
+              color: "text-1",
+              tablet: {
+                "font-size": "xl",
+              },
+            },
+          },
+        ],
+      },
+      content: DEFAULT_CONTENT,
+      config: {},
+    },
+  ],
+};