@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

:root {
	--roboto: 'Roboto', sans-serif;
	--poppins: 'Poppins', sans-serif;
}

[class*="fd-font-body-sm"],
[class*="s-font-body-sm"] {
	font-size: 0.75rem;
	line-height: 1rem;
}

[class*="fd-font-body-md"] {
	font-size: 0.875rem;
	line-height: 1.375rem;
}

[class*="fd-font-body-lg"] {
	font-size: 1rem;
	line-height: 1.5rem;
}

[class*="-regular"] {
	font-weight: 400;
}

[class*="-medium"] {
	font-weight: 500;
}

[class*="-bold"] {
	font-weight: 700;
}

.fd-font-body-sm-regular {
	font-family: var(--roboto);
}

.s-font-body-sm-regular {
	font-family: var(--poppins);
}

.fd-font-body-sm-medium {
	font-family: var(--roboto);
}

.fd-font-body-sm-bold {
	font-family: var(--roboto);
}

.fd-font-body-md-regular {
	font-family: var(--roboto);
}

.fd-font-body-md-medium {
	font-family: var(--roboto);
}

.fd-font-body-md-bold {
	font-family: var(--roboto);
}

.fd-font-body-lg-regular {
	font-family: var(--roboto);
}

.fd-font-body-lg-medium {
	font-family: var(--roboto);
}

.fd-font-body-lg-bold {
	font-family: var(--roboto);
}

.fd-font-h6,
.fd-font-h5,
.fd-font-h4,
.fd-font-h3,
.fd-font-h2,
.fd-font-h1 {
	font-family: var(--poppins);
	font-weight: 600;
}

.fd-font-h6 {
	font-size: 0.875rem;
	line-height: 1.375rem;
}

.fd-font-h5 {
	font-size: 1rem;
	line-height: 1.5rem;
}

.fd-font-h4 {
	font-size: 1.25rem;
	line-height: 1.75rem;
}

.fd-font-h3 {
	font-size: 1.5rem;
	line-height: 2rem;
}

.fd-font-h2 {
	font-size: 2rem;
	line-height: 3rem;
}

.fd-font-h1 {
	font-size: 2.5rem;
	line-height: 3.75rem;
}