.section,
.section * {
  box-sizing: border-box;
}
.section {
  padding: 80px;
  display: flex;
  flex-direction: column;
  gap: 64px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.typeface-and-weights {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: flex-end;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.typeface {
  display: flex;
  flex-direction: column;
  gap: 64px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.text {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.typeface2 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 48px;
  font-weight: 400;
  position: relative;
}
.sample {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: "Marianne-Regular", sans-serif;
  font-size: 112px;
  font-weight: 400;
  position: relative;
}
.specimen {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --display-lg-regular-font-family,
    "Marianne-Regular",
    sans-serif
  );
  font-size: var(--display-lg-regular-font-size, 48px);
  line-height: var(--display-lg-regular-line-height, 60px);
  letter-spacing: var(--display-lg-regular-letter-spacing, -0.02em);
  font-weight: var(--display-lg-regular-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.weights {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 536px;
  position: relative;
}
.weight {
  background: var(--base-white, #ffffff);
  border-radius: var(--spacing-lg, 12px);
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.type-specimen {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --display-xl-regular-font-family,
    "Marianne-Regular",
    sans-serif
  );
  font-size: var(--display-xl-regular-font-size, 60px);
  line-height: var(--display-xl-regular-line-height, 72px);
  letter-spacing: var(--display-xl-regular-letter-spacing, -0.02em);
  font-weight: var(--display-xl-regular-font-weight, 400);
  position: relative;
}
.text-and-supporting-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.text2 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(--text-xl-bold-font-family, "Marianne-Bold", sans-serif);
  font-size: var(--text-xl-bold-font-size, 20px);
  line-height: var(--text-xl-bold-line-height, 30px);
  font-weight: var(--text-xl-bold-font-weight, 700);
  position: relative;
  align-self: stretch;
  flex: 1;
}
.supporting-text {
  color: var(--gray-600, #49528e);
  text-align: left;
  font-family: var(
    --text-md-regular-font-family,
    "Marianne-Regular",
    sans-serif
  );
  font-size: var(--text-md-regular-font-size, 16px);
  line-height: var(--text-md-regular-line-height, 24px);
  font-weight: var(--text-md-regular-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.type-specimen2 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --display-xl-medium-font-family,
    "Marianne-Medium",
    sans-serif
  );
  font-size: var(--display-xl-medium-font-size, 60px);
  line-height: var(--display-xl-medium-line-height, 72px);
  letter-spacing: var(--display-xl-medium-letter-spacing, -0.02em);
  font-weight: var(--display-xl-medium-font-weight, 500);
  position: relative;
}
.type-specimen3 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(--display-xl-bold-font-family, "Marianne-Bold", sans-serif);
  font-size: var(--display-xl-bold-font-size, 60px);
  line-height: var(--display-xl-bold-line-height, 72px);
  letter-spacing: var(--display-xl-bold-letter-spacing, -0.02em);
  font-weight: var(--display-xl-bold-font-weight, 700);
  position: relative;
}
.type-specimen4 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --display-xl-extrabold-font-family,
    "Marianne-ExtraBold",
    sans-serif
  );
  font-size: var(--display-xl-extrabold-font-size, 60px);
  line-height: var(--display-xl-extrabold-line-height, 72px);
  letter-spacing: var(--display-xl-extrabold-letter-spacing, -0.02em);
  font-weight: var(--display-xl-extrabold-font-weight, 800);
  position: relative;
}
.type-scale-base {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.header {
  border-style: solid;
  border-color: var(--gray-300, #b3b8db);
  border-width: 0px 0px 1px 0px;
  padding: 0px 0px 16px 0px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.heading {
  color: var(--gray-600, #49528e);
  text-align: left;
  font-family: var(--text-md-medium-font-family, "Marianne-Medium", sans-serif);
  font-size: var(--text-md-medium-font-size, 16px);
  line-height: var(--text-md-medium-line-height, 24px);
  font-weight: var(--text-md-medium-font-weight, 500);
  position: relative;
}
.supporting-text2 {
  color: var(--gray-600, #49528e);
  text-align: left;
  font-family: var(
    --text-md-regular-font-family,
    "Marianne-Regular",
    sans-serif
  );
  font-size: var(--text-md-regular-font-size, 16px);
  line-height: var(--text-md-regular-line-height, 24px);
  font-weight: var(--text-md-regular-font-weight, 400);
  position: relative;
}
.row {
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.type-specimen-regular {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --display-2xl-regular-font-family,
    "Marianne-Regular",
    sans-serif
  );
  font-size: var(--display-2xl-regular-font-size, 72px);
  line-height: var(--display-2xl-regular-line-height, 90px);
  letter-spacing: var(--display-2xl-regular-letter-spacing, -0.02em);
  font-weight: var(--display-2xl-regular-font-weight, 400);
  position: relative;
  flex: 1;
}
.type-specimen-medium {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --display-2xl-medium-font-family,
    "Marianne-Medium",
    sans-serif
  );
  font-size: var(--display-2xl-medium-font-size, 72px);
  line-height: var(--display-2xl-medium-line-height, 90px);
  letter-spacing: var(--display-2xl-medium-letter-spacing, -0.02em);
  font-weight: var(--display-2xl-medium-font-weight, 500);
  position: relative;
  flex: 1;
}
.type-specimen-semibold {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(--display-2xl-bold-font-family, "Marianne-Bold", sans-serif);
  font-size: var(--display-2xl-bold-font-size, 72px);
  line-height: var(--display-2xl-bold-line-height, 90px);
  letter-spacing: var(--display-2xl-bold-letter-spacing, -0.02em);
  font-weight: var(--display-2xl-bold-font-weight, 700);
  position: relative;
  flex: 1;
}
.type-specimen-bold {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --display-2xl-extrabold-font-family,
    "Marianne-ExtraBold",
    sans-serif
  );
  font-size: var(--display-2xl-extrabold-font-size, 72px);
  line-height: var(--display-2xl-extrabold-line-height, 90px);
  letter-spacing: var(--display-2xl-extrabold-letter-spacing, -0.02em);
  font-weight: var(--display-2xl-extrabold-font-weight, 800);
  position: relative;
  flex: 1;
}
.type-specimen-regular2 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --display-xl-regular-font-family,
    "Marianne-Regular",
    sans-serif
  );
  font-size: var(--display-xl-regular-font-size, 60px);
  line-height: var(--display-xl-regular-line-height, 72px);
  letter-spacing: var(--display-xl-regular-letter-spacing, -0.02em);
  font-weight: var(--display-xl-regular-font-weight, 400);
  position: relative;
  flex: 1;
}
.type-specimen-medium2 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --display-xl-medium-font-family,
    "Marianne-Medium",
    sans-serif
  );
  font-size: var(--display-xl-medium-font-size, 60px);
  line-height: var(--display-xl-medium-line-height, 72px);
  letter-spacing: var(--display-xl-medium-letter-spacing, -0.02em);
  font-weight: var(--display-xl-medium-font-weight, 500);
  position: relative;
  flex: 1;
}
.type-specimen-semibold2 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(--display-xl-bold-font-family, "Marianne-Bold", sans-serif);
  font-size: var(--display-xl-bold-font-size, 60px);
  line-height: var(--display-xl-bold-line-height, 72px);
  letter-spacing: var(--display-xl-bold-letter-spacing, -0.02em);
  font-weight: var(--display-xl-bold-font-weight, 700);
  position: relative;
  flex: 1;
}
.type-specimen-bold2 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --display-xl-extrabold-font-family,
    "Marianne-ExtraBold",
    sans-serif
  );
  font-size: var(--display-xl-extrabold-font-size, 60px);
  line-height: var(--display-xl-extrabold-line-height, 72px);
  letter-spacing: var(--display-xl-extrabold-letter-spacing, -0.02em);
  font-weight: var(--display-xl-extrabold-font-weight, 800);
  position: relative;
  flex: 1;
}
.type-specimen-regular3 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --display-lg-regular-font-family,
    "Marianne-Regular",
    sans-serif
  );
  font-size: var(--display-lg-regular-font-size, 48px);
  line-height: var(--display-lg-regular-line-height, 60px);
  letter-spacing: var(--display-lg-regular-letter-spacing, -0.02em);
  font-weight: var(--display-lg-regular-font-weight, 400);
  position: relative;
  flex: 1;
}
.type-specimen-medium3 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --display-lg-medium-font-family,
    "Marianne-Medium",
    sans-serif
  );
  font-size: var(--display-lg-medium-font-size, 48px);
  line-height: var(--display-lg-medium-line-height, 60px);
  letter-spacing: var(--display-lg-medium-letter-spacing, -0.02em);
  font-weight: var(--display-lg-medium-font-weight, 500);
  position: relative;
  flex: 1;
}
.type-specimen-semibold3 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(--display-lg-bold-font-family, "Marianne-Bold", sans-serif);
  font-size: var(--display-lg-bold-font-size, 48px);
  line-height: var(--display-lg-bold-line-height, 60px);
  letter-spacing: var(--display-lg-bold-letter-spacing, -0.02em);
  font-weight: var(--display-lg-bold-font-weight, 700);
  position: relative;
  flex: 1;
}
.type-specimen-bold3 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --display-lg-extrabold-font-family,
    "Marianne-ExtraBold",
    sans-serif
  );
  font-size: var(--display-lg-extrabold-font-size, 48px);
  line-height: var(--display-lg-extrabold-line-height, 60px);
  letter-spacing: var(--display-lg-extrabold-letter-spacing, -0.02em);
  font-weight: var(--display-lg-extrabold-font-weight, 800);
  position: relative;
  flex: 1;
}
.type-specimen-regular4 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --display-md-regular-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--display-md-regular-font-size, 36px);
  line-height: var(--display-md-regular-line-height, 44px);
  letter-spacing: var(--display-md-regular-letter-spacing, -0.02em);
  font-weight: var(--display-md-regular-font-weight, 400);
  position: relative;
  flex: 1;
}
.type-specimen-medium4 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --display-md-medium-font-family,
    "Marianne-Medium",
    sans-serif
  );
  font-size: var(--display-md-medium-font-size, 36px);
  line-height: var(--display-md-medium-line-height, 44px);
  letter-spacing: var(--display-md-medium-letter-spacing, -0.02em);
  font-weight: var(--display-md-medium-font-weight, 500);
  position: relative;
  flex: 1;
}
.type-specimen-semibold4 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(--display-md-bold-font-family, "Marianne-Bold", sans-serif);
  font-size: var(--display-md-bold-font-size, 36px);
  line-height: var(--display-md-bold-line-height, 44px);
  letter-spacing: var(--display-md-bold-letter-spacing, -0.02em);
  font-weight: var(--display-md-bold-font-weight, 700);
  position: relative;
  flex: 1;
}
.type-specimen-bold4 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --display-md-extrabold-font-family,
    "Marianne-ExtraBold",
    sans-serif
  );
  font-size: var(--display-md-extrabold-font-size, 36px);
  line-height: var(--display-md-extrabold-line-height, 44px);
  letter-spacing: var(--display-md-extrabold-letter-spacing, -0.02em);
  font-weight: var(--display-md-extrabold-font-weight, 800);
  position: relative;
  flex: 1;
}
.type-specimen-regular5 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --display-sm-regular-font-family,
    "Marianne-Regular",
    sans-serif
  );
  font-size: var(--display-sm-regular-font-size, 30px);
  line-height: var(--display-sm-regular-line-height, 38px);
  font-weight: var(--display-sm-regular-font-weight, 400);
  position: relative;
  flex: 1;
}
.type-specimen-medium5 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --display-sm-medium-font-family,
    "Marianne-Medium",
    sans-serif
  );
  font-size: var(--display-sm-medium-font-size, 30px);
  line-height: var(--display-sm-medium-line-height, 38px);
  font-weight: var(--display-sm-medium-font-weight, 500);
  position: relative;
  flex: 1;
}
.type-specimen-semibold5 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(--display-sm-bold-font-family, "Marianne-Bold", sans-serif);
  font-size: var(--display-sm-bold-font-size, 30px);
  line-height: var(--display-sm-bold-line-height, 38px);
  font-weight: var(--display-sm-bold-font-weight, 700);
  position: relative;
  flex: 1;
}
.type-specimen-bold5 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --display-sm-extrabold-font-family,
    "Marianne-ExtraBold",
    sans-serif
  );
  font-size: var(--display-sm-extrabold-font-size, 30px);
  line-height: var(--display-sm-extrabold-line-height, 38px);
  font-weight: var(--display-sm-extrabold-font-weight, 800);
  position: relative;
  flex: 1;
}
.type-specimen-regular6 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --display-xs-regular-font-family,
    "Marianne-Regular",
    sans-serif
  );
  font-size: var(--display-xs-regular-font-size, 24px);
  line-height: var(--display-xs-regular-line-height, 32px);
  font-weight: var(--display-xs-regular-font-weight, 400);
  position: relative;
  flex: 1;
}
.type-specimen-medium6 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --display-xs-medium-font-family,
    "Marianne-Medium",
    sans-serif
  );
  font-size: var(--display-xs-medium-font-size, 24px);
  line-height: var(--display-xs-medium-line-height, 32px);
  font-weight: var(--display-xs-medium-font-weight, 500);
  position: relative;
  flex: 1;
}
.type-specimen-semibold6 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(--display-xs-bold-font-family, "Marianne-Bold", sans-serif);
  font-size: var(--display-xs-bold-font-size, 24px);
  line-height: var(--display-xs-bold-line-height, 32px);
  font-weight: var(--display-xs-bold-font-weight, 700);
  position: relative;
  flex: 1;
}
.type-specimen-bold6 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --display-xs-extrabold-font-family,
    "Marianne-ExtraBold",
    sans-serif
  );
  font-size: var(--display-xs-extrabold-font-size, 24px);
  line-height: var(--display-xs-extrabold-line-height, 32px);
  font-weight: var(--display-xs-extrabold-font-weight, 800);
  position: relative;
  flex: 1;
}
.type-specimen-regular7 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --text-xl-regular-font-family,
    "Marianne-Regular",
    sans-serif
  );
  font-size: var(--text-xl-regular-font-size, 20px);
  line-height: var(--text-xl-regular-line-height, 30px);
  font-weight: var(--text-xl-regular-font-weight, 400);
  position: relative;
  flex: 1;
}
.type-specimen-medium7 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(--text-xl-medium-font-family, "Marianne-Medium", sans-serif);
  font-size: var(--text-xl-medium-font-size, 20px);
  line-height: var(--text-xl-medium-line-height, 30px);
  font-weight: var(--text-xl-medium-font-weight, 500);
  position: relative;
  flex: 1;
}
.type-specimen-semibold7 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(--text-xl-bold-font-family, "Marianne-Bold", sans-serif);
  font-size: var(--text-xl-bold-font-size, 20px);
  line-height: var(--text-xl-bold-line-height, 30px);
  font-weight: var(--text-xl-bold-font-weight, 700);
  position: relative;
  flex: 1;
}
.type-specimen-bold7 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --text-xl-extrabold-font-family,
    "Marianne-ExtraBold",
    sans-serif
  );
  font-size: var(--text-xl-extrabold-font-size, 20px);
  line-height: var(--text-xl-extrabold-line-height, 30px);
  font-weight: var(--text-xl-extrabold-font-weight, 800);
  position: relative;
  flex: 1;
}
.type-specimen-regular8 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --text-lg-regular-font-family,
    "Marianne-Regular",
    sans-serif
  );
  font-size: var(--text-lg-regular-font-size, 18px);
  line-height: var(--text-lg-regular-line-height, 28px);
  font-weight: var(--text-lg-regular-font-weight, 400);
  position: relative;
  flex: 1;
}
.type-specimen-medium8 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(--text-lg-medium-font-family, "Marianne-Medium", sans-serif);
  font-size: var(--text-lg-medium-font-size, 18px);
  line-height: var(--text-lg-medium-line-height, 28px);
  font-weight: var(--text-lg-medium-font-weight, 500);
  position: relative;
  flex: 1;
}
.type-specimen-semibold8 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(--text-lg-bold-font-family, "Marianne-Bold", sans-serif);
  font-size: var(--text-lg-bold-font-size, 18px);
  line-height: var(--text-lg-bold-line-height, 28px);
  font-weight: var(--text-lg-bold-font-weight, 700);
  position: relative;
  flex: 1;
}
.type-specimen-bold8 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --text-lg-extrabold-font-family,
    "Marianne-ExtraBold",
    sans-serif
  );
  font-size: var(--text-lg-extrabold-font-size, 18px);
  line-height: var(--text-lg-extrabold-line-height, 28px);
  font-weight: var(--text-lg-extrabold-font-weight, 800);
  position: relative;
  flex: 1;
}
.type-specimen-regular9 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --text-md-regular-font-family,
    "Marianne-Regular",
    sans-serif
  );
  font-size: var(--text-md-regular-font-size, 16px);
  line-height: var(--text-md-regular-line-height, 24px);
  font-weight: var(--text-md-regular-font-weight, 400);
  position: relative;
  flex: 1;
}
.type-specimen-medium9 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(--text-md-medium-font-family, "Marianne-Medium", sans-serif);
  font-size: var(--text-md-medium-font-size, 16px);
  line-height: var(--text-md-medium-line-height, 24px);
  font-weight: var(--text-md-medium-font-weight, 500);
  position: relative;
  flex: 1;
}
.type-specimen-semibold9 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(--text-md-bold-font-family, "Marianne-Bold", sans-serif);
  font-size: var(--text-md-bold-font-size, 16px);
  line-height: var(--text-md-bold-line-height, 24px);
  font-weight: var(--text-md-bold-font-weight, 700);
  position: relative;
  flex: 1;
}
.type-specimen-bold9 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --text-md-extrabold-font-family,
    "Marianne-ExtraBold",
    sans-serif
  );
  font-size: var(--text-md-extrabold-font-size, 16px);
  line-height: var(--text-md-extrabold-line-height, 24px);
  font-weight: var(--text-md-extrabold-font-weight, 800);
  position: relative;
  flex: 1;
}
.type-specimen-regular10 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --text-sm-regular-font-family,
    "Marianne-Regular",
    sans-serif
  );
  font-size: var(--text-sm-regular-font-size, 14px);
  line-height: var(--text-sm-regular-line-height, 20px);
  font-weight: var(--text-sm-regular-font-weight, 400);
  position: relative;
  flex: 1;
}
.type-specimen-medium10 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(--text-sm-medium-font-family, "Marianne-Medium", sans-serif);
  font-size: var(--text-sm-medium-font-size, 14px);
  line-height: var(--text-sm-medium-line-height, 20px);
  font-weight: var(--text-sm-medium-font-weight, 500);
  position: relative;
  flex: 1;
}
.type-specimen-semibold10 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(--text-sm-bold-font-family, "Marianne-Bold", sans-serif);
  font-size: var(--text-sm-bold-font-size, 14px);
  line-height: var(--text-sm-bold-line-height, 20px);
  font-weight: var(--text-sm-bold-font-weight, 700);
  position: relative;
  flex: 1;
}
.type-specimen-bold10 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --text-sm-extrabold-font-family,
    "Marianne-ExtraBold",
    sans-serif
  );
  font-size: var(--text-sm-extrabold-font-size, 14px);
  line-height: var(--text-sm-extrabold-line-height, 20px);
  font-weight: var(--text-sm-extrabold-font-weight, 800);
  position: relative;
  flex: 1;
}
.type-specimen-regular11 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --text-xs-regular-font-family,
    "Marianne-Regular",
    sans-serif
  );
  font-size: var(--text-xs-regular-font-size, 12px);
  line-height: var(--text-xs-regular-line-height, 18px);
  font-weight: var(--text-xs-regular-font-weight, 400);
  position: relative;
  flex: 1;
}
.type-specimen-medium11 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(--text-xs-medium-font-family, "Marianne-Medium", sans-serif);
  font-size: var(--text-xs-medium-font-size, 12px);
  line-height: var(--text-xs-medium-line-height, 18px);
  font-weight: var(--text-xs-medium-font-weight, 500);
  position: relative;
  flex: 1;
}
.type-specimen-semibold11 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(--text-xs-bold-font-family, "Marianne-Bold", sans-serif);
  font-size: var(--text-xs-bold-font-size, 12px);
  line-height: var(--text-xs-bold-line-height, 18px);
  font-weight: var(--text-xs-bold-font-weight, 700);
  position: relative;
  flex: 1;
}
.type-specimen-bold11 {
  color: var(--gray-900, #1f2647);
  text-align: left;
  font-family: var(
    --text-xs-extrabold-font-family,
    "Marianne-ExtraBold",
    sans-serif
  );
  font-size: var(--text-xs-extrabold-font-size, 12px);
  line-height: var(--text-xs-extrabold-line-height, 18px);
  font-weight: var(--text-xs-extrabold-font-weight, 800);
  position: relative;
  flex: 1;
}