create-plasmic-app 0.0.151 → 0.0.153

package/cpa-out/tanstack-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicHomepage.css

@@ -0,0 +1,43 @@
+.Homepage__root__qtZIr {
+  display: flex;
+  position: relative;
+  width: 100%;
+  height: 100%;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: center;
+  min-width: 0;
+  min-height: 0;
+  padding: 0px;
+}
+.Homepage__section__pXQ {
+  display: flex;
+  position: relative;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+  width: 100%;
+  height: auto;
+  max-width: 100%;
+  row-gap: 16px;
+  min-width: 0;
+  padding: 96px 24px;
+}
+.Homepage__h1__equfk {
+  position: relative;
+  max-width: 800px;
+  height: auto;
+  width: 100%;
+  min-width: 0;
+}
+.Homepage__text__aC4Gm {
+  position: relative;
+  max-width: 800px;
+  height: auto;
+  width: 100%;
+  min-width: 0;
+}
+.Homepage__randomDynamicPageButton__y0MM.__wab_instance.__wab_instance {
+  max-width: 100%;
+  position: relative;
+}

package/cpa-out/tanstack-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicHomepage.tsx

@@ -59,7 +59,6 @@ import {
 } from "@plasmicapp/react-web/lib/host";
 
 import RandomDynamicPageButton from "../../RandomDynamicPageButton"; // plasmic-import: Q23H1_1M_P/component
-import { Fetcher } from "@plasmicapp/react-web/lib/data-sources";
 import { _useGlobalVariants } from "./plasmic"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectModule
 import { _useStyleTokens } from "./PlasmicStyleTokensProvider"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/styleTokensProvider
 
@@ -205,7 +204,9 @@ function PlasmicHomepage__RenderFunc(props: {
                 "Homepage__h1__equfk"
               )}
             >
-              {"create-plasmic-app"}
+              {hasVariant(globalVariants, "screen", "desktopOnly")
+                ? "create-plasmic-app"
+                : "cpa"}
             </h1>
             <div
               data-plasmic-name={"text"}
@@ -216,44 +217,9 @@ function PlasmicHomepage__RenderFunc(props: {
                 "Homepage__text__aC4Gm"
               )}
             >
-              {hasVariant(globalVariants, "screen", "desktopOnly") ? (
-                <React.Fragment>
-                  <React.Fragment>
-                    {
-                      "This project is used by run-cpa.ts in the create-plasmic-app repo.\n\nrun-cpa.ts runs create-plasmic-app for many combinations of args (e.g. nextjs + appDir + loader + typescript) to check for changes in generated files. Any changes to this project will result in lots of changes to the generated files. "
-                    }
-                  </React.Fragment>
-                  <span
-                    className={
-                      "plasmic_default__all plasmic_default__span plasmic_default__span__47tFX"
-                    }
-                    style={{ fontWeight: 700 }}
-                  >
-                    {"Therefore, please avoid changing this project."}
-                  </span>
-                </React.Fragment>
-              ) : (
-                <React.Fragment>
-                  <React.Fragment>
-                    {
-                      "If you haven't already done so, go back and learn the basics by going through the Plasmic Levels tutorial.\n\nIt's always easier to start from examples! Add a new page using a template\u2014do this from the list of pages in the top left (the gray + button).\n\nOr press the big blue + button to start dragging items into this page.\n\nIntegrate this project into your codebase\u2014press the "
-                    }
-                  </React.Fragment>
-                  <span
-                    className={
-                      "plasmic_default__all plasmic_default__span plasmic_default__span__47tFX"
-                    }
-                    style={{ fontWeight: 700 }}
-                  >
-                    {"Code"}
-                  </span>
-                  <React.Fragment>
-                    {
-                      " button in the top right and follow the quickstart instructions.\n\nJoin our Slack community (icon in bottom left) for help any time."
-                    }
-                  </React.Fragment>
-                </React.Fragment>
-              )}
+              {
+                "This project is used by run-cpa.ts in the create-plasmic-app repo.\n\n\nrun-cpa.ts runs create-plasmic-app for many combinations of args (e.g. nextjs + appDir + loader + typescript) to check for changes in generated files. Any changes to this project will result in lots of changes to the generated files. Therefore, please avoid changing this project.\n"
+              }
             </div>
             <RandomDynamicPageButton
               data-plasmic-name={"randomDynamicPageButton"}

package/cpa-out/tanstack-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicRandomDynamicPageButton.css

@@ -0,0 +1,16 @@
+.RandomDynamicPageButton__root__yStMk.__wab_instance {
+  max-width: 100%;
+  position: relative;
+}
+.RandomDynamicPageButton__svg__p2Hdu {
+  position: relative;
+  object-fit: cover;
+  width: auto;
+  height: 1em;
+}
+.RandomDynamicPageButton__svg__jkBz {
+  position: relative;
+  object-fit: cover;
+  width: auto;
+  height: 1em;
+}

package/cpa-out/tanstack-codegen-ts/src/components/plasmic/create_plasmic_app/plasmic.css

@@ -0,0 +1,354 @@
+@import url("https://fonts.googleapis.com/css2?family=Inter%3Aital%2Cwght%400%2C400%3B0%2C500%3B0%2C600%3B0%2C700%3B0%2C900&family=Inconsolata%3Aital%2Cwght%400%2C400%3B0%2C500%3B0%2C600%3B0%2C700%3B0%2C900&display=swap");
+
+.plasmic_tokens_47tFXWjN2C4NyHFGGpaYQ3 {
+  --token-Tker7_vSXsP_: #777777;
+  --plasmic-token-foreground: var(--token-Tker7_vSXsP_);
+}
+
+.plasmic_tokens_47tFXWjN2C4NyHFGGpaYQ3 {
+  --plsmc-standard-width: 800px;
+  --plsmc-wide-width: 1280px;
+  --plsmc-viewport-gap: 16px;
+  --plsmc-wide-chunk: calc(
+    ((var(--plsmc-wide-width) - var(--plsmc-standard-width)) / 2) -
+      var(--plsmc-viewport-gap)
+  );
+}
+
+.plasmic_default_styles {
+  --mixin-prihNuSPt-kU_font-family: "Inter", sans-serif;
+  --mixin-prihNuSPt-kU_font-size: 16px;
+  --mixin-prihNuSPt-kU_font-weight: 400;
+  --mixin-prihNuSPt-kU_font-style: normal;
+  --mixin-prihNuSPt-kU_color: var(--token-Tker7_vSXsP_);
+  --mixin-prihNuSPt-kU_text-align: left;
+  --mixin-prihNuSPt-kU_text-transform: none;
+  --mixin-prihNuSPt-kU_line-height: 1.5;
+  --mixin-prihNuSPt-kU_letter-spacing: normal;
+  --mixin-prihNuSPt-kU_white-space: pre-wrap;
+  --mixin-prihNuSPt-kU_user-select: text;
+  --mixin-prihNuSPt-kU_text-decoration-line: none;
+  --mixin-prihNuSPt-kU_text-overflow: clip;
+  --mixin-pKcLzBwr6rlS_font-size: 24px;
+  --mixin-pKcLzBwr6rlS_font-weight: 600;
+  --mixin-pKcLzBwr6rlS_letter-spacing: -0.5px;
+  --mixin-pKcLzBwr6rlS_line-height: 1.3;
+  --mixin-pKcLzBwr6rlS_white-space: pre-wrap;
+  --mixin-Q3MZaojcv1qw_font-size: 20px;
+  --mixin-Q3MZaojcv1qw_font-weight: 600;
+  --mixin-Q3MZaojcv1qw_letter-spacing: -0.3px;
+  --mixin-Q3MZaojcv1qw_line-height: 1.5;
+  --mixin-Q3MZaojcv1qw_white-space: pre-wrap;
+  --mixin-WQN-U7Y-Mt0i_font-size: 16px;
+  --mixin-WQN-U7Y-Mt0i_font-weight: 600;
+  --mixin-WQN-U7Y-Mt0i_line-height: 1.5;
+  --mixin-WQN-U7Y-Mt0i_white-space: pre-wrap;
+  --mixin-_NIhBtBbqybq_color: #0070f3;
+  --mixin-_NIhBtBbqybq_white-space: pre-wrap;
+  --mixin-5965DRLFNjWi_border-left-color: #dddddd;
+  --mixin-5965DRLFNjWi_border-left-style: solid;
+  --mixin-5965DRLFNjWi_border-left-width: 3px;
+  --mixin-5965DRLFNjWi_color: #888888;
+  --mixin-5965DRLFNjWi_padding-left: 10px;
+  --mixin-5965DRLFNjWi_white-space: pre-wrap;
+  --mixin-_J1_6dhZex0j_font-size: 72px;
+  --mixin-_J1_6dhZex0j_font-weight: 900;
+  --mixin-_J1_6dhZex0j_letter-spacing: -4px;
+  --mixin-_J1_6dhZex0j_line-height: 1;
+  --mixin-_J1_6dhZex0j_white-space: pre-wrap;
+  --mixin-tyWR-eqFmXa2R_font-size: 48px;
+  --mixin-tyWR-eqFmXa2R_font-weight: 700;
+  --mixin-tyWR-eqFmXa2R_letter-spacing: -1px;
+  --mixin-tyWR-eqFmXa2R_line-height: 1.1;
+  --mixin-tyWR-eqFmXa2R_white-space: pre-wrap;
+  --mixin-VSfYlZt0xLESb_font-size: 32px;
+  --mixin-VSfYlZt0xLESb_font-weight: 600;
+  --mixin-VSfYlZt0xLESb_letter-spacing: -0.8px;
+  --mixin-VSfYlZt0xLESb_line-height: 1.2;
+  --mixin-VSfYlZt0xLESb_white-space: pre-wrap;
+  --mixin-2Dy3yomrqskwe_background: linear-gradient(#f8f8f8, #f8f8f8);
+  --mixin-2Dy3yomrqskwe_border-bottom-color: #dddddd;
+  --mixin-2Dy3yomrqskwe_border-bottom-style: solid;
+  --mixin-2Dy3yomrqskwe_border-bottom-width: 1px;
+  --mixin-2Dy3yomrqskwe_border-left-color: #dddddd;
+  --mixin-2Dy3yomrqskwe_border-left-style: solid;
+  --mixin-2Dy3yomrqskwe_border-left-width: 1px;
+  --mixin-2Dy3yomrqskwe_border-right-color: #dddddd;
+  --mixin-2Dy3yomrqskwe_border-right-style: solid;
+  --mixin-2Dy3yomrqskwe_border-right-width: 1px;
+  --mixin-2Dy3yomrqskwe_border-top-color: #dddddd;
+  --mixin-2Dy3yomrqskwe_border-top-style: solid;
+  --mixin-2Dy3yomrqskwe_border-top-width: 1px;
+  --mixin-2Dy3yomrqskwe_border-bottom-left-radius: 3px;
+  --mixin-2Dy3yomrqskwe_border-bottom-right-radius: 3px;
+  --mixin-2Dy3yomrqskwe_border-top-left-radius: 3px;
+  --mixin-2Dy3yomrqskwe_border-top-right-radius: 3px;
+  --mixin-2Dy3yomrqskwe_font-family: "Inconsolata";
+  --mixin-2Dy3yomrqskwe_padding-bottom: 1px;
+  --mixin-2Dy3yomrqskwe_padding-left: 4px;
+  --mixin-2Dy3yomrqskwe_padding-right: 4px;
+  --mixin-2Dy3yomrqskwe_padding-top: 1px;
+  --mixin-2Dy3yomrqskwe_white-space: pre-wrap;
+  --mixin-0u7VwjXF8Kvpe_background: linear-gradient(#f8f8f8, #f8f8f8);
+  --mixin-0u7VwjXF8Kvpe_border-bottom-color: #dddddd;
+  --mixin-0u7VwjXF8Kvpe_border-bottom-style: solid;
+  --mixin-0u7VwjXF8Kvpe_border-bottom-width: 1px;
+  --mixin-0u7VwjXF8Kvpe_border-left-color: #dddddd;
+  --mixin-0u7VwjXF8Kvpe_border-left-style: solid;
+  --mixin-0u7VwjXF8Kvpe_border-left-width: 1px;
+  --mixin-0u7VwjXF8Kvpe_border-right-color: #dddddd;
+  --mixin-0u7VwjXF8Kvpe_border-right-style: solid;
+  --mixin-0u7VwjXF8Kvpe_border-right-width: 1px;
+  --mixin-0u7VwjXF8Kvpe_border-top-color: #dddddd;
+  --mixin-0u7VwjXF8Kvpe_border-top-style: solid;
+  --mixin-0u7VwjXF8Kvpe_border-top-width: 1px;
+  --mixin-0u7VwjXF8Kvpe_border-bottom-left-radius: 3px;
+  --mixin-0u7VwjXF8Kvpe_border-bottom-right-radius: 3px;
+  --mixin-0u7VwjXF8Kvpe_border-top-left-radius: 3px;
+  --mixin-0u7VwjXF8Kvpe_border-top-right-radius: 3px;
+  --mixin-0u7VwjXF8Kvpe_font-family: "Inconsolata";
+  --mixin-0u7VwjXF8Kvpe_padding-bottom: 3px;
+  --mixin-0u7VwjXF8Kvpe_padding-left: 6px;
+  --mixin-0u7VwjXF8Kvpe_padding-right: 6px;
+  --mixin-0u7VwjXF8Kvpe_padding-top: 3px;
+  --mixin-0u7VwjXF8Kvpe_white-space: pre-wrap;
+  --mixin-D70_omI9mm34j_display: flex;
+  --mixin-D70_omI9mm34j_flex-direction: column;
+  --mixin-D70_omI9mm34j_align-items: stretch;
+  --mixin-D70_omI9mm34j_justify-content: flex-start;
+  --mixin-D70_omI9mm34j_list-style-position: outside;
+  --mixin-D70_omI9mm34j_padding-left: 40px;
+  --mixin-D70_omI9mm34j_position: relative;
+  --mixin-D70_omI9mm34j_list-style-type: decimal;
+  --mixin-D70_omI9mm34j_white-space: pre-wrap;
+  --mixin-6zRO9vzPQi4g5_display: flex;
+  --mixin-6zRO9vzPQi4g5_flex-direction: column;
+  --mixin-6zRO9vzPQi4g5_align-items: stretch;
+  --mixin-6zRO9vzPQi4g5_justify-content: flex-start;
+  --mixin-6zRO9vzPQi4g5_list-style-position: outside;
+  --mixin-6zRO9vzPQi4g5_padding-left: 40px;
+  --mixin-6zRO9vzPQi4g5_position: relative;
+  --mixin-6zRO9vzPQi4g5_list-style-type: disc;
+  --mixin-6zRO9vzPQi4g5_white-space: pre-wrap;
+  --mixin-u1gAzUhZSVyWj_color: #3291ff;
+  --mixin-u1gAzUhZSVyWj_white-space: pre-wrap;
+  --mixin-pF32gW-YG_white-space: pre-wrap;
+}
+
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3) {
+  font-family: var(--mixin-prihNuSPt-kU_font-family);
+  font-size: var(--mixin-prihNuSPt-kU_font-size);
+  font-weight: var(--mixin-prihNuSPt-kU_font-weight);
+  font-style: var(--mixin-prihNuSPt-kU_font-style);
+  color: var(--mixin-prihNuSPt-kU_color);
+  text-align: var(--mixin-prihNuSPt-kU_text-align);
+  text-transform: var(--mixin-prihNuSPt-kU_text-transform);
+  line-height: var(--mixin-prihNuSPt-kU_line-height);
+  letter-spacing: var(--mixin-prihNuSPt-kU_letter-spacing);
+  white-space: var(--mixin-prihNuSPt-kU_white-space);
+}
+
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3)
+  h4:where(.plasmic_default__h4__47tFX),
+h4:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3.plasmic_default__h4__47tFX),
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3 .__wab_expr_html_text) h4,
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) h4,
+h4:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) {
+  font-size: var(--mixin-pKcLzBwr6rlS_font-size);
+  font-weight: var(--mixin-pKcLzBwr6rlS_font-weight);
+  letter-spacing: var(--mixin-pKcLzBwr6rlS_letter-spacing);
+  line-height: var(--mixin-pKcLzBwr6rlS_line-height);
+}
+
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3)
+  h5:where(.plasmic_default__h5__47tFX),
+h5:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3.plasmic_default__h5__47tFX),
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3 .__wab_expr_html_text) h5,
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) h5,
+h5:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) {
+  font-size: var(--mixin-Q3MZaojcv1qw_font-size);
+  font-weight: var(--mixin-Q3MZaojcv1qw_font-weight);
+  letter-spacing: var(--mixin-Q3MZaojcv1qw_letter-spacing);
+  line-height: var(--mixin-Q3MZaojcv1qw_line-height);
+}
+
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3)
+  h6:where(.plasmic_default__h6__47tFX),
+h6:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3.plasmic_default__h6__47tFX),
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3 .__wab_expr_html_text) h6,
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) h6,
+h6:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) {
+  font-size: var(--mixin-WQN-U7Y-Mt0i_font-size);
+  font-weight: var(--mixin-WQN-U7Y-Mt0i_font-weight);
+  line-height: var(--mixin-WQN-U7Y-Mt0i_line-height);
+}
+
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3) a:where(.plasmic_default__a__47tFX),
+a:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3.plasmic_default__a__47tFX),
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3 .__wab_expr_html_text) a,
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) a,
+a:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) {
+  color: var(--mixin-_NIhBtBbqybq_color);
+}
+
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3)
+  blockquote:where(.plasmic_default__blockquote__47tFX),
+blockquote:where(
+  .root_reset_47tFXWjN2C4NyHFGGpaYQ3.plasmic_default__blockquote__47tFX
+),
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3 .__wab_expr_html_text) blockquote,
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) blockquote,
+blockquote:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) {
+  color: var(--mixin-5965DRLFNjWi_color);
+  padding-left: var(--mixin-5965DRLFNjWi_padding-left);
+  border-left: var(--mixin-5965DRLFNjWi_border-left-width)
+    var(--mixin-5965DRLFNjWi_border-left-style)
+    var(--mixin-5965DRLFNjWi_border-left-color);
+}
+
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3)
+  h1:where(.plasmic_default__h1__47tFX),
+h1:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3.plasmic_default__h1__47tFX),
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3 .__wab_expr_html_text) h1,
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) h1,
+h1:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) {
+  font-size: var(--mixin-_J1_6dhZex0j_font-size);
+  font-weight: var(--mixin-_J1_6dhZex0j_font-weight);
+  letter-spacing: var(--mixin-_J1_6dhZex0j_letter-spacing);
+  line-height: var(--mixin-_J1_6dhZex0j_line-height);
+}
+
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3)
+  h2:where(.plasmic_default__h2__47tFX),
+h2:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3.plasmic_default__h2__47tFX),
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3 .__wab_expr_html_text) h2,
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) h2,
+h2:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) {
+  font-size: var(--mixin-tyWR-eqFmXa2R_font-size);
+  font-weight: var(--mixin-tyWR-eqFmXa2R_font-weight);
+  letter-spacing: var(--mixin-tyWR-eqFmXa2R_letter-spacing);
+  line-height: var(--mixin-tyWR-eqFmXa2R_line-height);
+}
+
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3)
+  h3:where(.plasmic_default__h3__47tFX),
+h3:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3.plasmic_default__h3__47tFX),
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3 .__wab_expr_html_text) h3,
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) h3,
+h3:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) {
+  font-size: var(--mixin-VSfYlZt0xLESb_font-size);
+  font-weight: var(--mixin-VSfYlZt0xLESb_font-weight);
+  letter-spacing: var(--mixin-VSfYlZt0xLESb_letter-spacing);
+  line-height: var(--mixin-VSfYlZt0xLESb_line-height);
+}
+
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3)
+  code:where(.plasmic_default__code__47tFX),
+code:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3.plasmic_default__code__47tFX),
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3 .__wab_expr_html_text) code,
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) code,
+code:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) {
+  background: #f8f8f8;
+  font-family: var(--mixin-2Dy3yomrqskwe_font-family);
+  border-radius: var(--mixin-2Dy3yomrqskwe_border-top-left-radius)
+    var(--mixin-2Dy3yomrqskwe_border-top-right-radius)
+    var(--mixin-2Dy3yomrqskwe_border-bottom-right-radius)
+    var(--mixin-2Dy3yomrqskwe_border-bottom-left-radius);
+  padding: var(--mixin-2Dy3yomrqskwe_padding-top)
+    var(--mixin-2Dy3yomrqskwe_padding-right)
+    var(--mixin-2Dy3yomrqskwe_padding-bottom)
+    var(--mixin-2Dy3yomrqskwe_padding-left);
+  border-top: var(--mixin-2Dy3yomrqskwe_border-top-width)
+    var(--mixin-2Dy3yomrqskwe_border-top-style)
+    var(--mixin-2Dy3yomrqskwe_border-top-color);
+  border-right: var(--mixin-2Dy3yomrqskwe_border-right-width)
+    var(--mixin-2Dy3yomrqskwe_border-right-style)
+    var(--mixin-2Dy3yomrqskwe_border-right-color);
+  border-bottom: var(--mixin-2Dy3yomrqskwe_border-bottom-width)
+    var(--mixin-2Dy3yomrqskwe_border-bottom-style)
+    var(--mixin-2Dy3yomrqskwe_border-bottom-color);
+  border-left: var(--mixin-2Dy3yomrqskwe_border-left-width)
+    var(--mixin-2Dy3yomrqskwe_border-left-style)
+    var(--mixin-2Dy3yomrqskwe_border-left-color);
+}
+
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3)
+  pre:where(.plasmic_default__pre__47tFX),
+pre:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3.plasmic_default__pre__47tFX),
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3 .__wab_expr_html_text) pre,
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) pre,
+pre:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) {
+  background: #f8f8f8;
+  font-family: var(--mixin-0u7VwjXF8Kvpe_font-family);
+  border-radius: var(--mixin-0u7VwjXF8Kvpe_border-top-left-radius)
+    var(--mixin-0u7VwjXF8Kvpe_border-top-right-radius)
+    var(--mixin-0u7VwjXF8Kvpe_border-bottom-right-radius)
+    var(--mixin-0u7VwjXF8Kvpe_border-bottom-left-radius);
+  padding: var(--mixin-0u7VwjXF8Kvpe_padding-top)
+    var(--mixin-0u7VwjXF8Kvpe_padding-right)
+    var(--mixin-0u7VwjXF8Kvpe_padding-bottom)
+    var(--mixin-0u7VwjXF8Kvpe_padding-left);
+  border-top: var(--mixin-0u7VwjXF8Kvpe_border-top-width)
+    var(--mixin-0u7VwjXF8Kvpe_border-top-style)
+    var(--mixin-0u7VwjXF8Kvpe_border-top-color);
+  border-right: var(--mixin-0u7VwjXF8Kvpe_border-right-width)
+    var(--mixin-0u7VwjXF8Kvpe_border-right-style)
+    var(--mixin-0u7VwjXF8Kvpe_border-right-color);
+  border-bottom: var(--mixin-0u7VwjXF8Kvpe_border-bottom-width)
+    var(--mixin-0u7VwjXF8Kvpe_border-bottom-style)
+    var(--mixin-0u7VwjXF8Kvpe_border-bottom-color);
+  border-left: var(--mixin-0u7VwjXF8Kvpe_border-left-width)
+    var(--mixin-0u7VwjXF8Kvpe_border-left-style)
+    var(--mixin-0u7VwjXF8Kvpe_border-left-color);
+}
+
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3)
+  ol:where(.plasmic_default__ol__47tFX),
+ol:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3.plasmic_default__ol__47tFX),
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3 .__wab_expr_html_text) ol,
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) ol,
+ol:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) {
+  display: var(--mixin-D70_omI9mm34j_display);
+  flex-direction: var(--mixin-D70_omI9mm34j_flex-direction);
+  align-items: var(--mixin-D70_omI9mm34j_align-items);
+  justify-content: var(--mixin-D70_omI9mm34j_justify-content);
+  list-style-position: var(--mixin-D70_omI9mm34j_list-style-position);
+  padding-left: var(--mixin-D70_omI9mm34j_padding-left);
+  position: var(--mixin-D70_omI9mm34j_position);
+  list-style-type: var(--mixin-D70_omI9mm34j_list-style-type);
+  column-gap: var(--mixin-D70_omI9mm34j_column-gap);
+}
+
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3)
+  ul:where(.plasmic_default__ul__47tFX),
+ul:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3.plasmic_default__ul__47tFX),
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3 .__wab_expr_html_text) ul,
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) ul,
+ul:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) {
+  display: var(--mixin-6zRO9vzPQi4g5_display);
+  flex-direction: var(--mixin-6zRO9vzPQi4g5_flex-direction);
+  align-items: var(--mixin-6zRO9vzPQi4g5_align-items);
+  justify-content: var(--mixin-6zRO9vzPQi4g5_justify-content);
+  list-style-position: var(--mixin-6zRO9vzPQi4g5_list-style-position);
+  padding-left: var(--mixin-6zRO9vzPQi4g5_padding-left);
+  position: var(--mixin-6zRO9vzPQi4g5_position);
+  list-style-type: var(--mixin-6zRO9vzPQi4g5_list-style-type);
+  column-gap: var(--mixin-6zRO9vzPQi4g5_column-gap);
+}
+
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3)
+  a:where(.plasmic_default__a__47tFX):hover,
+a:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3.plasmic_default__a__47tFX):hover,
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3 .__wab_expr_html_text) a:hover,
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) a:hover,
+a:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags):hover {
+  color: var(--mixin-u1gAzUhZSVyWj_color);
+}
+
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3)
+  li:where(.plasmic_default__li__47tFX),
+li:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3.plasmic_default__li__47tFX),
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3 .__wab_expr_html_text) li,
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) li,
+li:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) {
+}