/* Untitled UI — Text styles (typography)
   Materialized from the file's Typography page (/Typography/Typography).
   11 type sizes (Display 2xl→xs, Text xl→xs) × 4 weights (Regular/Medium/Semibold/Bold) = 44 named styles.
   Exact font-size / line-height / letter-spacing copied verbatim from the file's spec annotations.
   Font family: Inter. */

:root {
  --type-display-2xl-size: 72px;
  --type-display-2xl-line-height: 90px;
  --type-display-2xl-tracking: -0.02em;
  --type-display-xl-size: 60px;
  --type-display-xl-line-height: 72px;
  --type-display-xl-tracking: -0.02em;
  --type-display-lg-size: 48px;
  --type-display-lg-line-height: 60px;
  --type-display-lg-tracking: -0.02em;
  --type-display-md-size: 36px;
  --type-display-md-line-height: 44px;
  --type-display-md-tracking: -0.02em;
  --type-display-sm-size: 30px;
  --type-display-sm-line-height: 38px;
  --type-display-sm-tracking: normal;
  --type-display-xs-size: 24px;
  --type-display-xs-line-height: 32px;
  --type-display-xs-tracking: normal;
  --type-text-xl-size: 20px;
  --type-text-xl-line-height: 30px;
  --type-text-xl-tracking: normal;
  --type-text-lg-size: 18px;
  --type-text-lg-line-height: 28px;
  --type-text-lg-tracking: normal;
  --type-text-md-size: 16px;
  --type-text-md-line-height: 24px;
  --type-text-md-tracking: normal;
  --type-text-sm-size: 14px;
  --type-text-sm-line-height: 20px;
  --type-text-sm-tracking: normal;
  --type-text-xs-size: 12px;
  --type-text-xs-line-height: 18px;
  --type-text-xs-tracking: normal;
}

.text-display-2xl-regular { /* Display 2xl / Regular */
  font-family: "Inter", sans-serif;
  font-size: 72px;
  line-height: 90px;
  letter-spacing: -0.02em;
  font-weight: 400;
}
.text-display-2xl-medium { /* Display 2xl / Medium */
  font-family: "Inter", sans-serif;
  font-size: 72px;
  line-height: 90px;
  letter-spacing: -0.02em;
  font-weight: 500;
}
.text-display-2xl-semibold { /* Display 2xl / Semibold */
  font-family: "Inter", sans-serif;
  font-size: 72px;
  line-height: 90px;
  letter-spacing: -0.02em;
  font-weight: 600;
}
.text-display-2xl-bold { /* Display 2xl / Bold */
  font-family: "Inter", sans-serif;
  font-size: 72px;
  line-height: 90px;
  letter-spacing: -0.02em;
  font-weight: 700;
}
.text-display-xl-regular { /* Display xl / Regular */
  font-family: "Inter", sans-serif;
  font-size: 60px;
  line-height: 72px;
  letter-spacing: -0.02em;
  font-weight: 400;
}
.text-display-xl-medium { /* Display xl / Medium */
  font-family: "Inter", sans-serif;
  font-size: 60px;
  line-height: 72px;
  letter-spacing: -0.02em;
  font-weight: 500;
}
.text-display-xl-semibold { /* Display xl / Semibold */
  font-family: "Inter", sans-serif;
  font-size: 60px;
  line-height: 72px;
  letter-spacing: -0.02em;
  font-weight: 600;
}
.text-display-xl-bold { /* Display xl / Bold */
  font-family: "Inter", sans-serif;
  font-size: 60px;
  line-height: 72px;
  letter-spacing: -0.02em;
  font-weight: 700;
}
.text-display-lg-regular { /* Display lg / Regular */
  font-family: "Inter", sans-serif;
  font-size: 48px;
  line-height: 60px;
  letter-spacing: -0.02em;
  font-weight: 400;
}
.text-display-lg-medium { /* Display lg / Medium */
  font-family: "Inter", sans-serif;
  font-size: 48px;
  line-height: 60px;
  letter-spacing: -0.02em;
  font-weight: 500;
}
.text-display-lg-semibold { /* Display lg / Semibold */
  font-family: "Inter", sans-serif;
  font-size: 48px;
  line-height: 60px;
  letter-spacing: -0.02em;
  font-weight: 600;
}
.text-display-lg-bold { /* Display lg / Bold */
  font-family: "Inter", sans-serif;
  font-size: 48px;
  line-height: 60px;
  letter-spacing: -0.02em;
  font-weight: 700;
}
.text-display-md-regular { /* Display md / Regular */
  font-family: "Inter", sans-serif;
  font-size: 36px;
  line-height: 44px;
  letter-spacing: -0.02em;
  font-weight: 400;
}
.text-display-md-medium { /* Display md / Medium */
  font-family: "Inter", sans-serif;
  font-size: 36px;
  line-height: 44px;
  letter-spacing: -0.02em;
  font-weight: 500;
}
.text-display-md-semibold { /* Display md / Semibold */
  font-family: "Inter", sans-serif;
  font-size: 36px;
  line-height: 44px;
  letter-spacing: -0.02em;
  font-weight: 600;
}
.text-display-md-bold { /* Display md / Bold */
  font-family: "Inter", sans-serif;
  font-size: 36px;
  line-height: 44px;
  letter-spacing: -0.02em;
  font-weight: 700;
}
.text-display-sm-regular { /* Display sm / Regular */
  font-family: "Inter", sans-serif;
  font-size: 30px;
  line-height: 38px;
  letter-spacing: normal;
  font-weight: 400;
}
.text-display-sm-medium { /* Display sm / Medium */
  font-family: "Inter", sans-serif;
  font-size: 30px;
  line-height: 38px;
  letter-spacing: normal;
  font-weight: 500;
}
.text-display-sm-semibold { /* Display sm / Semibold */
  font-family: "Inter", sans-serif;
  font-size: 30px;
  line-height: 38px;
  letter-spacing: normal;
  font-weight: 600;
}
.text-display-sm-bold { /* Display sm / Bold */
  font-family: "Inter", sans-serif;
  font-size: 30px;
  line-height: 38px;
  letter-spacing: normal;
  font-weight: 700;
}
.text-display-xs-regular { /* Display xs / Regular */
  font-family: "Inter", sans-serif;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: normal;
  font-weight: 400;
}
.text-display-xs-medium { /* Display xs / Medium */
  font-family: "Inter", sans-serif;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: normal;
  font-weight: 500;
}
.text-display-xs-semibold { /* Display xs / Semibold */
  font-family: "Inter", sans-serif;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: normal;
  font-weight: 600;
}
.text-display-xs-bold { /* Display xs / Bold */
  font-family: "Inter", sans-serif;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: normal;
  font-weight: 700;
}
.text-text-xl-regular { /* Text xl / Regular */
  font-family: "Inter", sans-serif;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: normal;
  font-weight: 400;
}
.text-text-xl-medium { /* Text xl / Medium */
  font-family: "Inter", sans-serif;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: normal;
  font-weight: 500;
}
.text-text-xl-semibold { /* Text xl / Semibold */
  font-family: "Inter", sans-serif;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: normal;
  font-weight: 600;
}
.text-text-xl-bold { /* Text xl / Bold */
  font-family: "Inter", sans-serif;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: normal;
  font-weight: 700;
}
.text-text-lg-regular { /* Text lg / Regular */
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: normal;
  font-weight: 400;
}
.text-text-lg-medium { /* Text lg / Medium */
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: normal;
  font-weight: 500;
}
.text-text-lg-semibold { /* Text lg / Semibold */
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: normal;
  font-weight: 600;
}
.text-text-lg-bold { /* Text lg / Bold */
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: normal;
  font-weight: 700;
}
.text-text-md-regular { /* Text md / Regular */
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: normal;
  font-weight: 400;
}
.text-text-md-medium { /* Text md / Medium */
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: normal;
  font-weight: 500;
}
.text-text-md-semibold { /* Text md / Semibold */
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: normal;
  font-weight: 600;
}
.text-text-md-bold { /* Text md / Bold */
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: normal;
  font-weight: 700;
}
.text-text-sm-regular { /* Text sm / Regular */
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: normal;
  font-weight: 400;
}
.text-text-sm-medium { /* Text sm / Medium */
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: normal;
  font-weight: 500;
}
.text-text-sm-semibold { /* Text sm / Semibold */
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: normal;
  font-weight: 600;
}
.text-text-sm-bold { /* Text sm / Bold */
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: normal;
  font-weight: 700;
}
.text-text-xs-regular { /* Text xs / Regular */
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: normal;
  font-weight: 400;
}
.text-text-xs-medium { /* Text xs / Medium */
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: normal;
  font-weight: 500;
}
.text-text-xs-semibold { /* Text xs / Semibold */
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: normal;
  font-weight: 600;
}
.text-text-xs-bold { /* Text xs / Bold */
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: normal;
  font-weight: 700;
}

/* Size-only convenience classes (combine with a weight utility) */
.text-display-2xl { font-family:"Inter",sans-serif; font-size:72px; line-height:90px; letter-spacing:-0.02em; }
.text-display-xl { font-family:"Inter",sans-serif; font-size:60px; line-height:72px; letter-spacing:-0.02em; }
.text-display-lg { font-family:"Inter",sans-serif; font-size:48px; line-height:60px; letter-spacing:-0.02em; }
.text-display-md { font-family:"Inter",sans-serif; font-size:36px; line-height:44px; letter-spacing:-0.02em; }
.text-display-sm { font-family:"Inter",sans-serif; font-size:30px; line-height:38px; letter-spacing:normal; }
.text-display-xs { font-family:"Inter",sans-serif; font-size:24px; line-height:32px; letter-spacing:normal; }
.text-text-xl { font-family:"Inter",sans-serif; font-size:20px; line-height:30px; letter-spacing:normal; }
.text-text-lg { font-family:"Inter",sans-serif; font-size:18px; line-height:28px; letter-spacing:normal; }
.text-text-md { font-family:"Inter",sans-serif; font-size:16px; line-height:24px; letter-spacing:normal; }
.text-text-sm { font-family:"Inter",sans-serif; font-size:14px; line-height:20px; letter-spacing:normal; }
.text-text-xs { font-family:"Inter",sans-serif; font-size:12px; line-height:18px; letter-spacing:normal; }

.font-regular{font-weight:400}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.font-bold{font-weight:700}