@font-face {
    font-family: Source Code Pro;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://react.dev/fonts/Source-Code-Pro-Regular.woff2) format("woff2")
}

@font-face {
    font-family: Source Code Pro;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://react.dev/fonts/Source-Code-Pro-Bold.woff2) format("woff2")
}

@font-face {
    font-family: Optimistic Display;
    src: url(https://react.dev/fonts/Optimistic_Display_W_Md.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Optimistic Display;
    src: url(https://react.dev/fonts/Optimistic_Display_W_MdIt.woff2) format("woff2");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Optimistic Display;
    src: url(https://react.dev/fonts/Optimistic_Display_W_SBd.woff2) format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Optimistic Display;
    src: url(https://react.dev/fonts/Optimistic_Display_W_SBdIt.woff2) format("woff2");
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Optimistic Display;
    src: url(https://react.dev/fonts/Optimistic_Display_W_Bd.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Optimistic Display;
    src: url(https://react.dev/fonts/Optimistic_Display_W_BdIt.woff2) format("woff2");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Optimistic Text;
    src: url(https://react.dev/fonts/Optimistic_Text_W_Rg.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Optimistic Text;
    src: url(https://react.dev/fonts/Optimistic_Text_W_It.woff2) format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Optimistic Text;
    src: url(https://react.dev/fonts/Optimistic_Text_W_Md.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Optimistic Text;
    src: url(https://react.dev/fonts/Optimistic_Text_W_MdIt.woff2) format("woff2");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Optimistic Text;
    src: url(https://react.dev/fonts/Optimistic_Text_W_Bd.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Optimistic Text;
    src: url(https://react.dev/fonts/Optimistic_Text_W_BdIt.woff2) format("woff2");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Optimistic Display;
    src: url(https://react.dev/fonts/Optimistic_Display_Arbc_W_Md.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: u+06??
}

@font-face {
    font-family: Optimistic Display;
    src: url(https://react.dev/fonts/Optimistic_Display_Arbc_W_SBd.woff2) format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    unicode-range: u+06??
}

@font-face {
    font-family: Optimistic Display;
    src: url(https://react.dev/fonts/Optimistic_Display_Arbc_W_Bd.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    unicode-range: u+06??
}

@font-face {
    font-family: Optimistic Text;
    src: url(https://react.dev/fonts/Optimistic_Text_Arbc_W_Rg.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: u+06??
}

@font-face {
    font-family: Optimistic Text;
    src: url(https://react.dev/fonts/Optimistic_Text_Arbc_W_Md.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: u+06??
}

@font-face {
    font-family: Optimistic Text;
    src: url(https://react.dev/fonts/Optimistic_Text_Arbc_W_Bd.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    unicode-range: u+06??
}

@font-face {
    font-family: Optimistic Display;
    src: url(https://react.dev/fonts/Optimistic_Display_Cyrl_W_Md.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: u+0400-045f, u+2116
}

@font-face {
    font-family: Optimistic Display;
    src: url(https://react.dev/fonts/Optimistic_Display_Cyrl_W_SBd.woff2) format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    unicode-range: u+0400-045f, u+2116
}

@font-face {
    font-family: Optimistic Display;
    src: url(https://react.dev/fonts/Optimistic_Display_Cyrl_W_Bd.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    unicode-range: u+0400-045f, u+2116
}

@font-face {
    font-family: Optimistic Text;
    src: url(https://react.dev/fonts/Optimistic_Text_Cyrl_W_Rg.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: u+0400-045f, u+2116
}

@font-face {
    font-family: Optimistic Text;
    src: url(https://react.dev/fonts/Optimistic_Text_Cyrl_W_Md.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: u+0400-045f, u+2116
}

@font-face {
    font-family: Optimistic Text;
    src: url(https://react.dev/fonts/Optimistic_Text_Cyrl_W_Bd.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    unicode-range: u+0400-045f, u+2116
}

@font-face {
    font-family: Optimistic Display;
    src: url(https://react.dev/fonts/Optimistic_Display_Deva_W_Md.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: u+0900-097f, u+1cd0-1cf6, u+1cf8-1cf9, u+200c-200d, u+20a8, u+20b9, u+25cc, u+a830-a839, u+a8e0-a8fb
}

@font-face {
    font-family: Optimistic Display;
    src: url(https://react.dev/fonts/Optimistic_Display_Deva_W_SBd.woff2) format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    unicode-range: u+0900-097f, u+1cd0-1cf6, u+1cf8-1cf9, u+200c-200d, u+20a8, u+20b9, u+25cc, u+a830-a839, u+a8e0-a8fb
}

@font-face {
    font-family: Optimistic Display;
    src: url(https://react.dev/fonts/Optimistic_Display_Deva_W_Bd.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    unicode-range: u+0900-097f, u+1cd0-1cf6, u+1cf8-1cf9, u+200c-200d, u+20a8, u+20b9, u+25cc, u+a830-a839, u+a8e0-a8fb
}

@font-face {
    font-family: Optimistic Text;
    src: url(https://react.dev/fonts/Optimistic_Text_Deva_W_Rg.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: u+0900-097f, u+1cd0-1cf6, u+1cf8-1cf9, u+200c-200d, u+20a8, u+20b9, u+25cc, u+a830-a839, u+a8e0-a8fb
}

@font-face {
    font-family: Optimistic Text;
    src: url(https://react.dev/fonts/Optimistic_Text_Deva_W_Md.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: u+0900-097f, u+1cd0-1cf6, u+1cf8-1cf9, u+200c-200d, u+20a8, u+20b9, u+25cc, u+a830-a839, u+a8e0-a8fb
}

@font-face {
    font-family: Optimistic Text;
    src: url(https://react.dev/fonts/Optimistic_Text_Deva_W_Bd.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    unicode-range: u+0900-097f, u+1cd0-1cf6, u+1cf8-1cf9, u+200c-200d, u+20a8, u+20b9, u+25cc, u+a830-a839, u+a8e0-a8fb
}

@font-face {
    font-family: Optimistic Display;
    src: url(https://react.dev/fonts/Optimistic_Display_Viet_W_Md.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: u+0102-0103, u+0110-0111, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: Optimistic Display;
    src: url(https://react.dev/fonts/Optimistic_Display_Viet_W_SBd.woff2) format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    unicode-range: u+0102-0103, u+0110-0111, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: Optimistic Display;
    src: url(https://react.dev/fonts/Optimistic_Display_Viet_W_Bd.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    unicode-range: u+0102-0103, u+0110-0111, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: Optimistic Text;
    src: url(https://react.dev/fonts/Optimistic_Text_Viet_W_Rg.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: u+0102-0103, u+0110-0111, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: Optimistic Text;
    src: url(https://react.dev/fonts/Optimistic_Text_Viet_W_Md.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: u+0102-0103, u+0110-0111, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: Optimistic Text;
    src: url(https://react.dev/fonts/Optimistic_Text_Viet_W_Bd.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    unicode-range: u+0102-0103, u+0110-0111, u+1ea0-1ef9, u+20ab
}


.font-display {
    font-family: Optimistic Display, -apple-system, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}

.font-mono {
    font-family: Source Code Pro, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

.font-text {
    font-family: Optimistic Text, -apple-system, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}