@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamNarrow-Thin.woff") format("woff"), url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamNarrow-Thin.woff2") format("woff2");
  font-weight: 250;
  font-style: normal;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamNarrow-ThinItalic.woff") format("woff"), url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamNarrow-ThinItalic.woff2") format("woff2");
  font-weight: 250;
  font-style: italic;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamNarrow-XLight.woff") format("woff"), url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamNarrow-XLight.woff2") format("woff2");
  font-weight: 275;
  font-style: normal;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamXNarrow-XLight.woff") format("woff"), url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamXNarrow-XLight.woff2") format("woff2");
  font-weight: 275;
  font-style: normal;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamXNarrow-XLightItalic.woff") format("woff"), url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamXNarrow-XLightItalic.woff2") format("woff2");
  font-weight: 275;
  font-style: italic;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamNarrow-Light.woff") format("woff"), url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamNarrow-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamNarrow-LightItalic.woff") format("woff"), url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamNarrow-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamNarrow-Book.woff") format("woff"), url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamNarrow-Book.woff2") format("woff2");
  font-weight: 325;
  font-style: normal;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamNarrow-BookItalic.woff") format("woff"), url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamNarrow-BookItalic.woff2") format("woff2");
  font-weight: 325;
  font-style: italic;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamNarrow-Medium.woff") format("woff"), url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamNarrow-Medium.woff2") format("woff2");
  font-weight: 350;
  font-style: normal;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamNarrow-MediumItalic.woff") format("woff"), url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamNarrow-MediumItalic.woff2") format("woff2");
  font-weight: 350;
  font-style: italic;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamNarrow-Bold.woff") format("woff"), url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamNarrow-Bold.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamNarrow-BoldItalic.woff") format("woff"), url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamNarrow-BoldItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamNarrow-Black.woff") format("woff"), url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamNarrow-Black.woff2") format("woff2");
  font-weight: 450;
  font-style: normal;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamNarrow-BlackItalic.woff") format("woff"), url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamNarrow-BlackItalic.woff2") format("woff2");
  font-weight: 450;
  font-style: italic;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamNarrow-Ultra.woff") format("woff"), url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamNarrow-Ultra.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamNarrow-UltraItalic.woff") format("woff"), url("https://pandefra.digitalpaths.it/wp-content/uploads/2025/04/GothamNarrow-UltraItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
}
:root {
  --navbar-height: 4.5rem;
  /* Colors */
  --color-focaccia: rgb(65, 40, 128);
  --color-segale: rgb(209, 35, 132);
  --color-brioche: rgb(251, 248, 216);
  --color-baguette: rgb(246, 243, 239);
  --color-pizza: rgb(193, 193, 193);
  --color-shop: rgb(209, 35, 132);
  --color-shop-70: rgb(209, 85, 153);
  --color-shop-20: rgb(209, 144, 176);
  --color-dark: rgb(17, 25, 40);
  --color-dark-2: rgb(31, 42, 55);
  --color-dark-3: rgb(55, 65, 81);
  --color-dark-4: rgb(75, 85, 99);
  --color-dark-5: rgb(107, 114, 128);
  --color-dark-6: rgb(156, 163, 175);
  --color-dark-7: rgb(209, 213, 219);
  --color-dark-8: rgb(229, 231, 235);
  --color-stroke: rgb(130, 130, 130);
  --color-gray: rgb(249, 250, 251);
  --color-gray-2: rgb(243, 244, 246);
  --color-gray-3: rgb(229, 231, 235);
  --color-gray-4: rgb(222, 226, 230);
  --color-gray-5: rgb(206, 212, 218);
  --color-gray-6: rgb(206, 212, 218);
  --color-gray-7: rgb(206, 212, 218);
  --color-black: rgb(0, 0, 0);
  --color-white: rgb(255, 255, 255);
  --color-transparent: transparent;
  /* Typography */
  --font-sans: "Work Sans", sans-serif;
  --text-title-9xl-1-font-family: "Raleway", sans-serif;
  --text-title-9xl-1-font-weight: 700;
  --text-title-9xl-1-font-size: 3.75rem;
  --text-title-9xl-1-line-height: 125%;
  --text-title-9xl-1-letter-spacing: 0em;
  --text-title-8xl-1-font-family: "Inconsolata", sans-serif;
  --text-title-8xl-1-font-weight: 500;
  --text-title-8xl-1-font-size: 7.5rem;
  --text-title-8xl-1-line-height: 90%;
  --text-title-8xl-1-letter-spacing: 0em;
  --text-title-5xl-1-font-family: "Inconsolata", sans-serif;
  --text-title-5xl-1-font-weight: 500;
  --text-title-5xl-1-font-size: 5rem;
  --text-title-5xl-1-line-height: 100%;
  --text-title-5xl-1-letter-spacing: 0em;
  --text-title-5xl-2-font-weight: 400;
  --text-title-5xl-2-font-size: 1rem;
  --text-title-5xl-2-line-height: 125%;
  --text-title-5xl-2-letter-spacing: 0em;
  --text-title-5xl-3-font-family: "Inria Serif", sans-serif;
  --text-title-5xl-3-font-weight: 400;
  --text-title-5xl-3-font-size: 5rem;
  --text-title-5xl-3-line-height: 100%;
  --text-title-5xl-3-letter-spacing: 0em;
  --text-title-4xl-1-font-weight: 400;
  --text-title-4xl-1-font-size: 1rem;
  --text-title-4xl-1-line-height: 125%;
  --text-title-4xl-1-letter-spacing: 0em;
  --text-title-3xl-1-font-family: "Raleway", sans-serif;
  --text-title-3xl-1-font-weight: 700;
  --text-title-3xl-1-font-size: 3.75rem;
  --text-title-3xl-1-line-height: 120%;
  --text-title-3xl-1-letter-spacing: 0em;
  --text-title-3xl-2-font-family: "Inria Serif", sans-serif;
  --text-title-3xl-2-font-weight: 400;
  --text-title-3xl-2-font-size: 2.5rem;
  --text-title-3xl-2-line-height: 120%;
  --text-title-3xl-2-letter-spacing: 0em;
  --text-title-2xl-1-font-family: "Raleway", sans-serif;
  --text-title-2xl-1-font-weight: 600;
  --text-title-2xl-1-font-size: 3rem;
  --text-title-2xl-1-line-height: 121%;
  --text-title-2xl-1-letter-spacing: 0em;
  --text-title-xl-1-font-family: "Raleway", sans-serif;
  --text-title-xl-1-font-weight: 600;
  --text-title-xl-1-font-size: 3rem;
  --text-title-xl-1-line-height: 121%;
  --text-title-xl-1-letter-spacing: 0em;
  --text-title-lg-1-font-family: "Inconsolata", sans-serif;
  --text-title-lg-1-font-weight: 300;
  --text-title-lg-1-font-size: 2.5rem;
  --text-title-lg-1-line-height: 120%;
  --text-title-lg-1-letter-spacing: 0em;
  --text-title-lg-2-font-weight: 400;
  --text-title-lg-2-font-size: 1rem;
  --text-title-lg-2-line-height: 125%;
  --text-title-lg-2-letter-spacing: 0em;
  --text-title-lg-3-font-family: "Raleway", sans-serif;
  --text-title-lg-3-font-weight: 700;
  --text-title-lg-3-font-size: 2.5rem;
  --text-title-lg-3-line-height: 120%;
  --text-title-lg-3-letter-spacing: 0em;
  --text-title-lg-4-font-family: "Roboto Slab", sans-serif;
  --text-title-lg-4-font-weight: 400;
  --text-title-lg-4-font-size: 2.5rem;
  --text-title-lg-4-line-height: 120%;
  --text-title-lg-4-letter-spacing: 0em;
  --text-title-md-1-font-weight: 400;
  --text-title-md-1-font-size: 1rem;
  --text-title-md-1-line-height: 125%;
  --text-title-md-1-letter-spacing: 0em;
  --text-title-md-2-font-family: "Inria Serif", sans-serif;
  --text-title-md-2-font-weight: 400;
  --text-title-md-2-font-size: 2.5rem;
  --text-title-md-2-line-height: 120%;
  --text-title-md-2-letter-spacing: 0em;
  --text-title-md-3-font-family: "Roboto Condensed", sans-serif;
  --text-title-md-3-font-weight: 700;
  --text-title-md-3-font-size: 1.875rem;
  --text-title-md-3-line-height: 127%;
  --text-title-md-3-letter-spacing: 0em;
  --text-title-sm-1-font-family: "Roboto Condensed", sans-serif;
  --text-title-sm-1-font-weight: 400;
  --text-title-sm-1-font-size: 1.75rem;
  --text-title-sm-1-line-height: 114%;
  --text-title-sm-1-letter-spacing: 0em;
  --text-title-xs-1-font-weight: 400;
  --text-title-xs-1-font-size: 1rem;
  --text-title-xs-1-line-height: 125%;
  --text-title-xs-1-letter-spacing: 0em;
  --text-title-xs-2-font-family: "Inconsolata", sans-serif;
  --text-title-xs-2-font-weight: 400;
  --text-title-xs-2-font-size: 1.5rem;
  --text-title-xs-2-line-height: 125%;
  --text-title-xs-2-letter-spacing: 0em;
  --text-body-2xl-1-font-weight: 400;
  --text-body-2xl-1-font-size: 1rem;
  --text-body-2xl-1-line-height: 125%;
  --text-body-2xl-1-letter-spacing: 0em;
  --text-body-xl-1-font-weight: 400;
  --text-body-xl-1-font-size: 1rem;
  --text-body-xl-1-line-height: 125%;
  --text-body-xl-1-letter-spacing: 0em;
  --text-body-lg-1-font-family: "Work Sans", sans-serif;
  --text-body-lg-1-font-weight: 400;
  --text-body-lg-1-font-size: 1.125rem;
  --text-body-lg-1-line-height: 144%;
  --text-body-lg-1-letter-spacing: 0em;
  --text-body-lg-2-font-family: "Work Sans", sans-serif;
  --text-body-lg-2-font-weight: 500;
  --text-body-lg-2-font-size: 1.125rem;
  --text-body-lg-2-line-height: 144%;
  --text-body-lg-2-letter-spacing: 0em;
  --text-body-lg-3-font-family: "Work Sans", sans-serif;
  --text-body-lg-3-font-weight: 600;
  --text-body-lg-3-font-size: 1.125rem;
  --text-body-lg-3-line-height: 144%;
  --text-body-lg-3-letter-spacing: 0em;
  --text-body-lg-4-font-family: "Work Sans", sans-serif;
  --text-body-lg-4-font-weight: 700;
  --text-body-lg-4-font-size: 1.125rem;
  --text-body-lg-4-line-height: 144%;
  --text-body-lg-4-letter-spacing: 0em;
  --text-body-lg-5-font-weight: 400;
  --text-body-lg-5-font-size: 1rem;
  --text-body-lg-5-line-height: 125%;
  --text-body-lg-5-letter-spacing: 0em;
  --text-body-lg-6-font-weight: 400;
  --text-body-lg-6-font-size: 1rem;
  --text-body-lg-6-line-height: 125%;
  --text-body-lg-6-letter-spacing: 0em;
  --text-body-lg-7-font-weight: 400;
  --text-body-lg-7-font-size: 1rem;
  --text-body-lg-7-line-height: 125%;
  --text-body-lg-7-letter-spacing: 0em;
  --text-body-base-1-font-family: "Raleway", sans-serif;
  --text-body-base-1-font-weight: 700;
  --text-body-base-1-font-size: 1rem;
  --text-body-base-1-line-height: 150%;
  --text-body-base-1-letter-spacing: 0em;
  --text-body-base-2-font-family: "Work Sans", sans-serif;
  --text-body-base-2-font-weight: 400;
  --text-body-base-2-font-size: 1rem;
  --text-body-base-2-line-height: 150%;
  --text-body-base-2-letter-spacing: 0em;
  --text-body-base-3-font-family: "Work Sans", sans-serif;
  --text-body-base-3-font-weight: 600;
  --text-body-base-3-font-size: 1rem;
  --text-body-base-3-line-height: 150%;
  --text-body-base-3-letter-spacing: 0em;
  --text-body-base-4-font-family: "Work Sans", sans-serif;
  --text-body-base-4-font-weight: 700;
  --text-body-base-4-font-size: 1rem;
  --text-body-base-4-line-height: 150%;
  --text-body-base-4-letter-spacing: 0em;
  --text-body-base-5-font-weight: 400;
  --text-body-base-5-font-size: 1rem;
  --text-body-base-5-line-height: 125%;
  --text-body-base-5-letter-spacing: 0em;
  --text-body-base-6-font-weight: 400;
  --text-body-base-6-font-size: 1rem;
  --text-body-base-6-line-height: 125%;
  --text-body-base-6-letter-spacing: 0em;
  --text-body-sm-1-font-family: "Work Sans", sans-serif;
  --text-body-sm-1-font-weight: 400;
  --text-body-sm-1-font-size: 0.875rem;
  --text-body-sm-1-line-height: 157%;
  --text-body-sm-1-letter-spacing: 0em;
  --text-body-sm-2-font-family: "Work Sans", sans-serif;
  --text-body-sm-2-font-weight: 500;
  --text-body-sm-2-font-size: 0.875rem;
  --text-body-sm-2-line-height: 157%;
  --text-body-sm-2-letter-spacing: 0em;
  --text-body-sm-3-font-weight: 400;
  --text-body-sm-3-font-size: 1rem;
  --text-body-sm-3-line-height: 125%;
  --text-body-sm-3-letter-spacing: 0em;
  --text-body-xs-1-font-weight: 400;
  --text-body-xs-1-font-size: 1rem;
  --text-body-xs-1-line-height: 125%;
  --text-body-xs-1-letter-spacing: 0em;
  /* Buttons */
  --button-style-1-bg: var(--color-segale);
  --button-style-1-bg-hover: var(--color-black);
  --button-style-1-border: var(--color-segale);
  --button-style-1-border-hover: var(--color-black);
  --button-style-1-text: var(--color-white);
  --button-style-1-text-hover: var(--color-white);
  --button-style-2-bg: var(--color-white);
  --button-style-2-bg-hover: var(--color-segale);
  --button-style-2-border: var(--color-segale);
  --button-style-2-border-hover: var(--color-segale);
  --button-style-2-text: var(--color-segale);
  --button-style-2-text-hover: var(--color-white);
  --button-style-3-bg: var(--color-focaccia);
  --button-style-3-bg-hover: var(--color-transparent);
  --button-style-3-border: var(--color-focaccia);
  --button-style-3-border-hover: var(--color-focaccia);
  --button-style-3-text: var(--color-white);
  --button-style-3-text-hover: var(--color-focaccia);
  --button-style-4-bg: var(--color-focaccia);
  --button-style-4-bg-hover: var(--color-focaccia);
  --button-style-4-border: var(--color-focaccia);
  --button-style-4-border-hover: var(--color-focaccia);
  --button-style-4-text: var(--color-focaccia);
  --button-style-4-text-hover: var(--color-focaccia);
  --button-style-5-bg: var(--color-focaccia);
  --button-style-5-bg-hover: var(--color-focaccia);
  --button-style-5-border: var(--color-focaccia);
  --button-style-5-border-hover: var(--color-focaccia);
  --button-style-5-text: var(--color-focaccia);
  --button-style-5-text-hover: var(--color-focaccia);
}
@media screen and (max-width: 1024px) {
  :root {
    --text-title-9xl-1-line-height: 3rem;
    --text-title-8xl-1-font-size: 3.875rem;
    --text-title-8xl-1-line-height: 3.4875rem;
    --text-title-5xl-1-font-size: 3rem;
    --text-title-5xl-1-line-height: 3rem;
    --text-title-5xl-3-font-size: 3rem;
    --text-title-5xl-3-line-height: 3rem;
    --text-title-3xl-1-font-size: 3rem;
    --text-title-3xl-1-line-height: 3.5rem;
    --text-title-2xl-1-font-size: 2.5rem;
    --text-title-2xl-1-line-height: 2.75rem;
    --text-title-xl-1-font-size: 2.5rem;
    --text-title-xl-1-line-height: 2.75rem;
    --text-title-lg-3-font-size: 2rem;
    --text-title-lg-3-line-height: 2.5rem;
    --text-title-md-3-font-size: 1.75rem;
    --text-title-md-3-line-height: 2rem;
    --text-title-sm-1-font-size: 1.5rem;
    --text-title-sm-1-line-height: 1.75rem;
  }
}
.title-9xl-1 {
  font-family: var(--text-title-9xl-1-font-family);
  font-weight: var(--text-title-9xl-1-font-weight);
  font-size: var(--text-title-9xl-1-font-size);
  line-height: var(--text-title-9xl-1-line-height);
  letter-spacing: var(--text-title-9xl-1-letter-spacing);
}
.title-8xl-1 {
  font-family: var(--text-title-8xl-1-font-family);
  font-weight: var(--text-title-8xl-1-font-weight);
  font-size: var(--text-title-8xl-1-font-size);
  line-height: var(--text-title-8xl-1-line-height);
  letter-spacing: var(--text-title-8xl-1-letter-spacing);
}
.title-5xl-1 {
  font-family: var(--text-title-5xl-1-font-family);
  font-weight: var(--text-title-5xl-1-font-weight);
  font-size: var(--text-title-5xl-1-font-size);
  line-height: var(--text-title-5xl-1-line-height);
  letter-spacing: var(--text-title-5xl-1-letter-spacing);
}
.title-5xl-2 {
  font-family: var(--text-title-5xl-2-font-family);
  font-weight: var(--text-title-5xl-2-font-weight);
  font-size: var(--text-title-5xl-2-font-size);
  line-height: var(--text-title-5xl-2-line-height);
  letter-spacing: var(--text-title-5xl-2-letter-spacing);
}
.title-5xl-3 {
  font-family: var(--text-title-5xl-3-font-family);
  font-weight: var(--text-title-5xl-3-font-weight);
  font-size: var(--text-title-5xl-3-font-size);
  line-height: var(--text-title-5xl-3-line-height);
  letter-spacing: var(--text-title-5xl-3-letter-spacing);
}
.title-4xl-1 {
  font-family: var(--text-title-4xl-1-font-family);
  font-weight: var(--text-title-4xl-1-font-weight);
  font-size: var(--text-title-4xl-1-font-size);
  line-height: var(--text-title-4xl-1-line-height);
  letter-spacing: var(--text-title-4xl-1-letter-spacing);
}
.title-3xl-1 {
  font-family: var(--text-title-3xl-1-font-family);
  font-weight: var(--text-title-3xl-1-font-weight);
  font-size: var(--text-title-3xl-1-font-size);
  line-height: var(--text-title-3xl-1-line-height);
  letter-spacing: var(--text-title-3xl-1-letter-spacing);
}
.title-3xl-2 {
  font-family: var(--text-title-3xl-2-font-family);
  font-weight: var(--text-title-3xl-2-font-weight);
  font-size: var(--text-title-3xl-2-font-size);
  line-height: var(--text-title-3xl-2-line-height);
  letter-spacing: var(--text-title-3xl-2-letter-spacing);
}
.title-2xl-1 {
  font-family: var(--text-title-2xl-1-font-family);
  font-weight: var(--text-title-2xl-1-font-weight);
  font-size: var(--text-title-2xl-1-font-size);
  line-height: var(--text-title-2xl-1-line-height);
  letter-spacing: var(--text-title-2xl-1-letter-spacing);
}
.title-xl-1 {
  font-family: var(--text-title-xl-1-font-family);
  font-weight: var(--text-title-xl-1-font-weight);
  font-size: var(--text-title-xl-1-font-size);
  line-height: var(--text-title-xl-1-line-height);
  letter-spacing: var(--text-title-xl-1-letter-spacing);
}
.title-lg-1 {
  font-family: var(--text-title-lg-1-font-family);
  font-weight: var(--text-title-lg-1-font-weight);
  font-size: var(--text-title-lg-1-font-size);
  line-height: var(--text-title-lg-1-line-height);
  letter-spacing: var(--text-title-lg-1-letter-spacing);
}
.title-lg-2 {
  font-family: var(--text-title-lg-2-font-family);
  font-weight: var(--text-title-lg-2-font-weight);
  font-size: var(--text-title-lg-2-font-size);
  line-height: var(--text-title-lg-2-line-height);
  letter-spacing: var(--text-title-lg-2-letter-spacing);
}
.title-lg-3 {
  font-family: var(--text-title-lg-3-font-family);
  font-weight: var(--text-title-lg-3-font-weight);
  font-size: var(--text-title-lg-3-font-size);
  line-height: var(--text-title-lg-3-line-height);
  letter-spacing: var(--text-title-lg-3-letter-spacing);
}
.title-lg-4 {
  font-family: var(--text-title-lg-4-font-family);
  font-weight: var(--text-title-lg-4-font-weight);
  font-size: var(--text-title-lg-4-font-size);
  line-height: var(--text-title-lg-4-line-height);
  letter-spacing: var(--text-title-lg-4-letter-spacing);
}
.title-md-1 {
  font-family: var(--text-title-md-1-font-family);
  font-weight: var(--text-title-md-1-font-weight);
  font-size: var(--text-title-md-1-font-size);
  line-height: var(--text-title-md-1-line-height);
  letter-spacing: var(--text-title-md-1-letter-spacing);
}
.title-md-2 {
  font-family: var(--text-title-md-2-font-family);
  font-weight: var(--text-title-md-2-font-weight);
  font-size: var(--text-title-md-2-font-size);
  line-height: var(--text-title-md-2-line-height);
  letter-spacing: var(--text-title-md-2-letter-spacing);
}
.title-md-3 {
  font-family: var(--text-title-md-3-font-family);
  font-weight: var(--text-title-md-3-font-weight);
  font-size: var(--text-title-md-3-font-size);
  line-height: var(--text-title-md-3-line-height);
  letter-spacing: var(--text-title-md-3-letter-spacing);
}
.title-sm-1 {
  font-family: var(--text-title-sm-1-font-family);
  font-weight: var(--text-title-sm-1-font-weight);
  font-size: var(--text-title-sm-1-font-size);
  line-height: var(--text-title-sm-1-line-height);
  letter-spacing: var(--text-title-sm-1-letter-spacing);
}
.title-xs-1 {
  font-family: var(--text-title-xs-1-font-family);
  font-weight: var(--text-title-xs-1-font-weight);
  font-size: var(--text-title-xs-1-font-size);
  line-height: var(--text-title-xs-1-line-height);
  letter-spacing: var(--text-title-xs-1-letter-spacing);
}
.title-xs-2 {
  font-family: var(--text-title-xs-2-font-family);
  font-weight: var(--text-title-xs-2-font-weight);
  font-size: var(--text-title-xs-2-font-size);
  line-height: var(--text-title-xs-2-line-height);
  letter-spacing: var(--text-title-xs-2-letter-spacing);
}
.body-2xl-1 {
  font-family: var(--text-body-2xl-1-font-family);
  font-weight: var(--text-body-2xl-1-font-weight);
  font-size: var(--text-body-2xl-1-font-size);
  line-height: var(--text-body-2xl-1-line-height);
  letter-spacing: var(--text-body-2xl-1-letter-spacing);
}
.body-xl-1 {
  font-family: var(--text-body-xl-1-font-family);
  font-weight: var(--text-body-xl-1-font-weight);
  font-size: var(--text-body-xl-1-font-size);
  line-height: var(--text-body-xl-1-line-height);
  letter-spacing: var(--text-body-xl-1-letter-spacing);
}
.body-lg-1 {
  font-family: var(--text-body-lg-1-font-family);
  font-weight: var(--text-body-lg-1-font-weight);
  font-size: var(--text-body-lg-1-font-size);
  line-height: var(--text-body-lg-1-line-height);
  letter-spacing: var(--text-body-lg-1-letter-spacing);
}
.body-lg-2 {
  font-family: var(--text-body-lg-2-font-family);
  font-weight: var(--text-body-lg-2-font-weight);
  font-size: var(--text-body-lg-2-font-size);
  line-height: var(--text-body-lg-2-line-height);
  letter-spacing: var(--text-body-lg-2-letter-spacing);
}
.body-lg-3 {
  font-family: var(--text-body-lg-3-font-family);
  font-weight: var(--text-body-lg-3-font-weight);
  font-size: var(--text-body-lg-3-font-size);
  line-height: var(--text-body-lg-3-line-height);
  letter-spacing: var(--text-body-lg-3-letter-spacing);
}
.body-lg-4 {
  font-family: var(--text-body-lg-4-font-family);
  font-weight: var(--text-body-lg-4-font-weight);
  font-size: var(--text-body-lg-4-font-size);
  line-height: var(--text-body-lg-4-line-height);
  letter-spacing: var(--text-body-lg-4-letter-spacing);
}
.body-lg-5 {
  font-family: var(--text-body-lg-5-font-family);
  font-weight: var(--text-body-lg-5-font-weight);
  font-size: var(--text-body-lg-5-font-size);
  line-height: var(--text-body-lg-5-line-height);
  letter-spacing: var(--text-body-lg-5-letter-spacing);
}
.body-lg-6 {
  font-family: var(--text-body-lg-6-font-family);
  font-weight: var(--text-body-lg-6-font-weight);
  font-size: var(--text-body-lg-6-font-size);
  line-height: var(--text-body-lg-6-line-height);
  letter-spacing: var(--text-body-lg-6-letter-spacing);
}
.body-lg-7 {
  font-family: var(--text-body-lg-7-font-family);
  font-weight: var(--text-body-lg-7-font-weight);
  font-size: var(--text-body-lg-7-font-size);
  line-height: var(--text-body-lg-7-line-height);
  letter-spacing: var(--text-body-lg-7-letter-spacing);
}
.body-base-1 {
  font-family: var(--text-body-base-1-font-family);
  font-weight: var(--text-body-base-1-font-weight);
  font-size: var(--text-body-base-1-font-size);
  line-height: var(--text-body-base-1-line-height);
  letter-spacing: var(--text-body-base-1-letter-spacing);
}
.body-base-2 {
  font-family: var(--text-body-base-2-font-family);
  font-weight: var(--text-body-base-2-font-weight);
  font-size: var(--text-body-base-2-font-size);
  line-height: var(--text-body-base-2-line-height);
  letter-spacing: var(--text-body-base-2-letter-spacing);
}
.body-base-3 {
  font-family: var(--text-body-base-3-font-family);
  font-weight: var(--text-body-base-3-font-weight);
  font-size: var(--text-body-base-3-font-size);
  line-height: var(--text-body-base-3-line-height);
  letter-spacing: var(--text-body-base-3-letter-spacing);
}
.body-base-4 {
  font-family: var(--text-body-base-4-font-family);
  font-weight: var(--text-body-base-4-font-weight);
  font-size: var(--text-body-base-4-font-size);
  line-height: var(--text-body-base-4-line-height);
  letter-spacing: var(--text-body-base-4-letter-spacing);
}
.body-base-5 {
  font-family: var(--text-body-base-5-font-family);
  font-weight: var(--text-body-base-5-font-weight);
  font-size: var(--text-body-base-5-font-size);
  line-height: var(--text-body-base-5-line-height);
  letter-spacing: var(--text-body-base-5-letter-spacing);
}
.body-base-6 {
  font-family: var(--text-body-base-6-font-family);
  font-weight: var(--text-body-base-6-font-weight);
  font-size: var(--text-body-base-6-font-size);
  line-height: var(--text-body-base-6-line-height);
  letter-spacing: var(--text-body-base-6-letter-spacing);
}
.body-sm-1 {
  font-family: var(--text-body-sm-1-font-family);
  font-weight: var(--text-body-sm-1-font-weight);
  font-size: var(--text-body-sm-1-font-size);
  line-height: var(--text-body-sm-1-line-height);
  letter-spacing: var(--text-body-sm-1-letter-spacing);
}
.body-sm-2 {
  font-family: var(--text-body-sm-2-font-family);
  font-weight: var(--text-body-sm-2-font-weight);
  font-size: var(--text-body-sm-2-font-size);
  line-height: var(--text-body-sm-2-line-height);
  letter-spacing: var(--text-body-sm-2-letter-spacing);
}
.body-sm-3 {
  font-family: var(--text-body-sm-3-font-family);
  font-weight: var(--text-body-sm-3-font-weight);
  font-size: var(--text-body-sm-3-font-size);
  line-height: var(--text-body-sm-3-line-height);
  letter-spacing: var(--text-body-sm-3-letter-spacing);
}
.body-xs-1 {
  font-family: var(--text-body-xs-1-font-family);
  font-weight: var(--text-body-xs-1-font-weight);
  font-size: var(--text-body-xs-1-font-size);
  line-height: var(--text-body-xs-1-line-height);
  letter-spacing: var(--text-body-xs-1-letter-spacing);
}
.button-style-1 {
  background-color: var(--button-style-1-bg);
  color: var(--button-style-1-text);
  border-color: var(--button-style-1-border);
  &:hover {
    background-color: var(--button-style-1-bg-hover);
    color: var(--button-style-1-text-hover);
    border-color: var(--button-style-1-border-hover);
  }
}
.button-style-2 {
  background-color: var(--button-style-2-bg);
  color: var(--button-style-2-text);
  border-color: var(--button-style-2-border);
  &:hover {
    background-color: var(--button-style-2-bg-hover);
    color: var(--button-style-2-text-hover);
    border-color: var(--button-style-2-border-hover);
  }
}
.button-style-3 {
  background-color: var(--button-style-3-bg);
  color: var(--button-style-3-text);
  border-color: var(--button-style-3-border);
  &:hover {
    background-color: var(--button-style-3-bg-hover);
    color: var(--button-style-3-text-hover);
    border-color: var(--button-style-3-border-hover);
  }
}
.button-style-4 {
  background-color: var(--button-style-4-bg);
  color: var(--button-style-4-text);
  border-color: var(--button-style-4-border);
  &:hover {
    background-color: var(--button-style-4-bg-hover);
    color: var(--button-style-4-text-hover);
    border-color: var(--button-style-4-border-hover);
  }
}
.button-style-5 {
  background-color: var(--button-style-5-bg);
  color: var(--button-style-5-text);
  border-color: var(--button-style-5-border);
  &:hover {
    background-color: var(--button-style-5-bg-hover);
    color: var(--button-style-5-text-hover);
    border-color: var(--button-style-5-border-hover);
  }
}