.fzwksq_reference{color:#0d0f15;width:100%;min-width:0;font:500 14px/1.5 var(--font-manrope), "PingFang SC", sans-serif;background:#fff;padding:48px 48px 56px 40px}.fzwksq_hero{gap:16px;display:grid}.fzwksq_titleRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;display:flex}.fzwksq_titleRow h1{color:#0d0f15;letter-spacing:0;overflow-wrap:anywhere;min-width:0;max-width:100%;font-family:Georgia,Noto Serif SC,serif;font-size:48px;font-weight:500;line-height:1.08}.fzwksq_source{color:#6e7179;align-items:center;gap:8px;min-width:0;max-width:100%;margin-left:auto;font-size:13px;line-height:20px;display:inline-flex}.fzwksq_source:hover{color:#0d0f15}.fzwksq_source span{overflow-wrap:anywhere;min-width:0}.fzwksq_source svg{flex:none}.fzwksq_intro,.fzwksq_tagline{color:#6e7179;overflow-wrap:anywhere;max-width:65ch;font-size:16px;font-weight:400;line-height:1.55}.fzwksq_tagline{font-weight:600}.fzwksq_section{min-width:0;margin-top:48px}.fzwksq_section h2{color:#0d0f15;font-family:var(--font-manrope), "PingFang SC", sans-serif;letter-spacing:0;margin:0 0 24px;font-size:20px;font-weight:600;line-height:28px}.fzwksq_eyebrow{color:#6e7179;letter-spacing:0;margin:0 0 12px;font-size:12px;font-weight:500;line-height:16px}.fzwksq_groupStack,.fzwksq_metricStack,.fzwksq_guidelineStack{gap:24px;display:grid}.fzwksq_colorGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;display:grid}@media (min-width:640px){.fzwksq_colorGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.fzwksq_colorGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}.fzwksq_swatch{text-align:left;background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:stretch;min-width:0;padding:0;display:flex}.fzwksq_swatch:focus-visible{outline-color:#6e7179}.fzwksq_paint{border-radius:8px;height:80px;display:block;position:relative;box-shadow:inset 0 0 0 1px #0000001a}.fzwksq_copyHint{color:#fff;opacity:0;background:#fff3;border-radius:4px;align-items:center;gap:4px;padding:4px 7px;font-size:11px;line-height:15px;transition:opacity .15s;display:inline-flex;position:absolute;top:8px;right:8px}.fzwksq_darkHint{color:#0d0f15;background:#0000001a}.fzwksq_swatch:hover .fzwksq_copyHint,.fzwksq_swatch:focus-visible .fzwksq_copyHint{opacity:1}.fzwksq_swatchName{color:#0d0f15;overflow-wrap:anywhere;margin-top:9px;font-size:14px;font-weight:600;line-height:20px}.fzwksq_swatchValue{color:#6e7179;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;line-height:18px}.fzwksq_typeHead{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.fzwksq_typeScale,.fzwksq_fontList,.fzwksq_tableFrame{background:#fff;border:1px solid #dfe1e7;border-radius:8px;min-width:0;overflow:hidden}.fzwksq_typeRow{border-bottom:1px solid #dfe1e7;min-width:0;padding:12px 16px}.fzwksq_typeRow:last-child,.fzwksq_fontRow:last-child{border-bottom:0}.fzwksq_typeMeta{color:#6e7179;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-bottom:4px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;line-height:17px;display:flex}.fzwksq_typeSample{color:#0d0f15;overflow-wrap:anywhere;width:100%;min-width:0;line-height:1.25}.fzwksq_fontHeading{margin-top:24px}.fzwksq_fontRow{border-bottom:1px solid #dfe1e7;min-width:0;padding:20px}.fzwksq_fontEyebrow{color:#6e7179;margin-bottom:4px;font-size:11px;line-height:15px;display:block}.fzwksq_fontName{color:#0d0f15;text-align:left;overflow-wrap:anywhere;background:0 0;border:0;max-width:100%;padding:0;font-size:20px;font-weight:600;line-height:28px}.fzwksq_fontStats{flex-wrap:wrap;gap:12px 24px;margin-top:12px;display:flex}.fzwksq_fontStats>div{overflow-wrap:anywhere;gap:2px;min-width:0;display:grid}.fzwksq_fontStats span:first-child{color:#6e7179;font-size:12px}.fzwksq_fontStats span:last-child{color:#0d0f15;font-size:14px}.fzwksq_dataTable{table-layout:fixed;border-collapse:collapse;width:100%;font-size:14px;line-height:20px}.fzwksq_dataTable th{color:#6e7179;text-align:left;background:#f6f6f8;border-bottom:1px solid #dfe1e7;padding:8px 12px;font-weight:500}.fzwksq_dataTable th:first-child{width:38%}.fzwksq_dataTable th:nth-child(2){width:96px}.fzwksq_dataTable td{overflow-wrap:anywhere;border-bottom:1px solid #dfe1e7;padding:10px 12px}.fzwksq_dataTable tr:last-child td{border-bottom:0}.fzwksq_metricValue{color:#6e7179;white-space:nowrap;background:0 0;border:0;padding:0;font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.fzwksq_metricValue:hover{color:#0d0f15}.fzwksq_barPreview{background:#0d0f152e;border-radius:4px;max-width:100%;height:12px;display:block}.fzwksq_radiusWindow{width:48px;max-width:100%;height:40px;display:block;overflow:hidden}.fzwksq_radiusShape{background:#f5f5f7;border:2px solid #0d0f1533;width:72px;height:72px;display:block}.fzwksq_empty{color:#81848b;font-size:13px;line-height:20px}.fzwksq_guidelineList{gap:10px;margin:0;padding:0;list-style:none;display:grid}.fzwksq_guidelineList li{color:#0d0f15;align-items:flex-start;gap:8px;min-width:0;font-size:14px;font-weight:400;line-height:21px;display:flex}.fzwksq_guidelineList li span{overflow-wrap:anywhere}.fzwksq_guidelineList li.fzwksq_empty{color:#81848b}.fzwksq_doIcon,.fzwksq_dontIcon{flex:none;margin-top:2px}.fzwksq_doIcon{color:#159969}.fzwksq_dontIcon{color:#d24a4a}@media (max-width:1023px){.fzwksq_reference{padding:32px 24px 48px}}@media (max-width:600px){.fzwksq_titleRow h1{font-size:36px}.fzwksq_paint{height:64px}.fzwksq_dataTable th,.fzwksq_dataTable td{padding-inline:8px}.fzwksq_dataTable th:first-child{width:34%}.fzwksq_dataTable th:nth-child(2){width:72px}}@media (prefers-reduced-motion:reduce){.fzwksq_copyHint{transition:none}}.fzwksq_shadowValue{white-space:normal;overflow-wrap:anywhere;text-align:left}
.thiW5G_workspace{color:#0d0f15;background:#fff;width:100%;min-width:0}.thiW5G_columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;width:100%;min-width:0;display:grid}.thiW5G_preview{background:#fff;min-width:0}.thiW5G_filePane{background:#f9f9fb;border-left:1px solid #e5e5e5;flex-direction:column;align-self:start;min-width:0;display:flex;position:sticky;top:0}.thiW5G_desktopTabs,.thiW5G_mobileTabs{scrollbar-width:thin;background:#fff;border-bottom:1px solid #ddd;display:flex;overflow-x:auto}.thiW5G_desktopTabs{flex:none}.thiW5G_desktopTabs button,.thiW5G_mobileTabs button{color:#666;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;min-height:48px;padding:0 18px;font-size:12px;font-weight:500;line-height:18px}.thiW5G_desktopTabs button[aria-selected=true],.thiW5G_mobileTabs button[aria-selected=true]{color:#171717;border-bottom-color:#171717}.thiW5G_desktopTabs button:hover,.thiW5G_mobileTabs button:hover{color:#171717}.thiW5G_toolbar{background:#fff;border-bottom:1px solid #ddd;flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:10px 16px;min-height:54px;padding:10px 16px;display:flex}.thiW5G_variants,.thiW5G_actions{align-items:center;gap:8px;display:flex}.thiW5G_variants button,.thiW5G_actions button{color:#24292e;white-space:nowrap;background:#fff;border:1px solid #ddd;border-radius:5px;justify-content:center;align-items:center;gap:6px;min-height:30px;padding:4px 10px;font-size:12px;font-weight:500;line-height:18px;display:inline-flex}.thiW5G_variants button:hover,.thiW5G_actions button:hover{background:#edeef3}.thiW5G_variants .thiW5G_activeVariant,.thiW5G_variants .thiW5G_activeVariant:hover{color:#fff;background:#171717;border-color:#171717}.thiW5G_actions button:disabled{cursor:not-allowed;opacity:.5}.thiW5G_codeBody{color:#24292e;background:#f7f7fa;flex:auto;min-width:0;min-height:480px}.thiW5G_codeBody pre{color:#24292e;tab-size:2;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;width:100%;min-width:0;margin:0;padding:20px 16px;font-family:JetBrains Mono,Geist Mono,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:500;line-height:1.625;background:0 0!important}.thiW5G_codeBody code{font:inherit;white-space:inherit}.thiW5G_empty{color:#6a737d;padding:20px 16px;font-size:13px}.thiW5G_fileMeta{color:#6a737d;background:#fff;border-top:1px solid #ddd;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:10px 16px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;line-height:17px;display:flex}.thiW5G_fileMeta span{overflow-wrap:anywhere;min-width:0}.thiW5G_mobileTabs{display:none}@media (min-width:1024px){.thiW5G_filePane{min-height:100vh}.thiW5G_desktopTabs,.thiW5G_toolbar{z-index:2;position:sticky}.thiW5G_desktopTabs{top:0}.thiW5G_toolbar{top:48px}}@media (max-width:1023px){.thiW5G_columns{display:block}.thiW5G_mobileTabs{z-index:3;display:flex;position:sticky;top:0}.thiW5G_mobileTabs button{min-height:48px;padding-inline:16px}.thiW5G_desktopTabs{display:none}.thiW5G_filePane{border-left:0;position:static}.thiW5G_workspace[data-mobile-view=preview] .thiW5G_filePane,.thiW5G_workspace[data-mobile-view=file] .thiW5G_preview{display:none}.thiW5G_codeBody{min-height:480px}}@media (max-width:600px){.thiW5G_toolbar{padding:10px 12px}.thiW5G_variants,.thiW5G_actions{gap:6px}.thiW5G_variants button,.thiW5G_actions button{padding-inline:8px}.thiW5G_codeBody pre{padding:16px 12px;font-size:11px}}