/* @font-face {
    font-family: Emoji;
    src: local("Apple Color Emojiji"), local("Segoe UI Emoji"), local("Segoe UI Symbol"), local("Noto Color Emoji");
    unicode-range: U+1F000-1F644, U+203C-3299;
} */
@font-face {
    font-family: "PingFangR";
    src: url(fonts/PingFangSC-Regular.html);
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "PingFangM";
    src: url(fonts/PingFangSC-Medium.html);
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "PingFangSB";
    src: url(fonts/PingFangSC-Semibold.html);
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "SFProDisplayR";
    src: url(fonts/sf-pro-display_regular.html);
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "SFProDisplayM";
    src: url(fonts/sf-pro-display_medium.html);
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "SFProDisplaySB";
    src: url(fonts/sf-pro-display_semibold.html);
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "SFProTextR";
    src: url(fonts/sf-pro-text_regular.html);
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "SFProTextM";
    src: url(fonts/sf-pro-text_medium.html);
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "SFProTextSB";
    src: url(fonts/sf-pro-text_semibold.html);
    font-weight: 600;
    font-style: normal;
}

.font-style, body {
    font-family: "SFProTextM", "PingFangM";
}

.font-serif {
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
}

.font-mono {
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.fw-Regular {
    font-weight: 400;
    font-family: "SFProTextR", "PingFangR";
}

.fw-Medium {
    font-weight: 500;
    font-family: "SFProTextM", "PingFangM";
}

.fw-Semibold {
    font-weight: 600;
    font-family: "SFProTextSB", "PingFangSB";
}

:root {
    --fw-Ultralight: 100;
    --fw-Light: 300;
    --fw-Regular: 400;
    --fw-Semibold: 600;
    --fw-Bold: 900;
}

.fs-otitle-l {
    font-size: 56px;
    font-family: "SFProDisplaySB", "PingFangSB";
}

.fs-otitle-m {
    font-size: 48px;
    font-family: "SFProDisplaySB", "PingFangSB";
}

.fs-otitle-s {
    font-size: 36px;
    font-family: "SFProDisplaySB", "PingFangSB";
}

.fs-title-l {
    font-size: 24px;
}

.fs-title-m {
    font-size: 20px;
}

.fs-title-s {
    font-size: 16px;
}

.fs-text-l {
    font-size: 14px;
}

.fs-text-s {
    font-size: 13px;
}

.fs-s {
    font-size: 12px;
}