@font-face {
    font-family: "PXLOOK Fusion Pixel 12 ZH";
    src: url("/co-create-preview/fonts/fusion-pixel-12px-proportional-zh_hans.otf.woff2?v=20260701") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "PXLOOK Fusion Pixel 10 ZH";
    src: url("/co-create-preview/fonts/fusion-pixel-10px-proportional-zh_hans.otf.woff2?v=20260701") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "PXLOOK Fusion Pixel 8 ZH";
    src: url("/co-create-preview/fonts/fusion-pixel-8px-proportional-zh_hans.otf.woff2?v=20260701") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "PXLOOK Fusion Pixel 12 Latin";
    src: url("/co-create-preview/fonts/fusion-pixel-12px-proportional-latin.otf.woff2?v=20260701") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "PXLOOK Fusion Pixel 10 Latin";
    src: url("/co-create-preview/fonts/fusion-pixel-10px-proportional-latin.otf.woff2?v=20260701") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "PXLOOK Fusion Pixel 8 Latin";
    src: url("/co-create-preview/fonts/fusion-pixel-8px-proportional-latin.otf.woff2?v=20260701") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "PXLOOK Fusion Pixel 12 JA";
    src: url("/co-create-preview/fonts/fusion-pixel-12px-proportional-ja.otf.woff2?v=20260701") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "PXLOOK Fusion Pixel 10 JA";
    src: url("/co-create-preview/fonts/fusion-pixel-10px-proportional-ja.otf.woff2?v=20260701") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "PXLOOK Fusion Pixel 8 JA";
    src: url("/co-create-preview/fonts/fusion-pixel-8px-proportional-ja.otf.woff2?v=20260701") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

:root,
:root:lang(zh-CN) {
    --pxlook-font-12: "PXLOOK Fusion Pixel 12 ZH", monospace;
    --pxlook-font-10: "PXLOOK Fusion Pixel 10 ZH", monospace;
    --pxlook-font-8: "PXLOOK Fusion Pixel 8 ZH", monospace;
    --pxlook-size-12: 12px;
    --pxlook-size-10: 10px;
    --pxlook-size-8: 8px;
    --pxlook-display-8x3: calc(var(--pxlook-size-8) * 3);
    --pxlook-display-12x2: calc(var(--pxlook-size-12) * 2);
    --pxlook-display-12x3: calc(var(--pxlook-size-12) * 3);
    --pxlook-display-12x4: calc(var(--pxlook-size-12) * 4);
    --pxlook-display-12x5: calc(var(--pxlook-size-12) * 5);
}

:root:lang(en) {
    --pxlook-font-12: "PXLOOK Fusion Pixel 12 Latin", monospace;
    --pxlook-font-10: "PXLOOK Fusion Pixel 10 Latin", monospace;
    --pxlook-font-8: "PXLOOK Fusion Pixel 8 Latin", monospace;
}

:root:lang(ja) {
    --pxlook-font-12: "PXLOOK Fusion Pixel 12 JA", monospace;
    --pxlook-font-10: "PXLOOK Fusion Pixel 10 JA", monospace;
    --pxlook-font-8: "PXLOOK Fusion Pixel 8 JA", monospace;
}

@media (min-width: 1921px) {
    :root,
    :root:lang(zh-CN),
    :root:lang(en),
    :root:lang(ja) {
        --pxlook-size-12: clamp(12px, calc(6px + 0.3125vw), 18px);
        --pxlook-size-10: clamp(10px, calc(4px + 0.3125vw), 16px);
        --pxlook-size-8: clamp(8px, calc(2px + 0.3125vw), 14px);
    }
}