From ff3e839fa379e046445bcd19273a62e7f55c4b8c Mon Sep 17 00:00:00 2001 From: Robin Malfait Date: Thu, 9 Jul 2026 16:03:08 +0200 Subject: [PATCH 1/3] update default font-sans, drop `system-ui` and `ui-sans-serif` Replace `ui-sans-serif` and `system-ui` with the following set of fonts: - `-apple-system` - `BlinkMacSystemFont` - 'Segoe UI' - Roboto - 'Helvetica Neue' - 'Noto Sans' - Arial For most peole this will look exactly the same, but it's for places like Windows where a different font is used for `system-ui` in case your machine is using a Japanese locale for example. Then the font used is 'Yu Gothic UI' which is the font that has bugs. You could argue that it's a bug in that font and even an OS bug for not providing a proper font for `system-ui`. --- packages/tailwindcss/preflight.css | 9 +++++++-- packages/tailwindcss/src/compat/default-theme.ts | 9 +++++++-- packages/tailwindcss/src/css-functions.test.ts | 7 ++++--- packages/tailwindcss/theme.css | 4 ++-- 4 files changed, 20 insertions(+), 9 deletions(-) diff --git a/packages/tailwindcss/preflight.css b/packages/tailwindcss/preflight.css index e7dd8ec4ee00..04e87905cbb1 100644 --- a/packages/tailwindcss/preflight.css +++ b/packages/tailwindcss/preflight.css @@ -32,8 +32,13 @@ html, tab-size: 4; /* 3 */ font-family: --theme( --default-font-family, - ui-sans-serif, - system-ui, + -apple-system, + BlinkMacSystemFont, + 'Segoe UI', + Roboto, + 'Helvetica Neue', + 'Noto Sans', + Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', diff --git a/packages/tailwindcss/src/compat/default-theme.ts b/packages/tailwindcss/src/compat/default-theme.ts index f540e63a2031..90e699c1c08a 100644 --- a/packages/tailwindcss/src/compat/default-theme.ts +++ b/packages/tailwindcss/src/compat/default-theme.ts @@ -353,8 +353,13 @@ export default { }, fontFamily: { sans: [ - 'ui-sans-serif', - 'system-ui', + '-apple-system', + 'BlinkMacSystemFont', + '"Segoe UI"', + 'Roboto', + '"Helvetica Neue"', + '"Noto Sans"', + 'Arial', 'sans-serif', '"Apple Color Emoji"', '"Segoe UI Emoji"', diff --git a/packages/tailwindcss/src/css-functions.test.ts b/packages/tailwindcss/src/css-functions.test.ts index 0e4146fdff69..96dac1a2fb00 100644 --- a/packages/tailwindcss/src/css-functions.test.ts +++ b/packages/tailwindcss/src/css-functions.test.ts @@ -904,8 +904,9 @@ describe('theme(…)', () => { await compileCss(css` @theme default reference { --font-family-sans: - ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, - Segoe UI Symbol, Noto Color Emoji; + -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans, + Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, + Noto Color Emoji; } .fam { font-family: theme(fontFamily.sans); @@ -1154,7 +1155,7 @@ describe('theme(…)', () => { test.each([ [ 'fontFamily.sans', - 'ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"', + '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"', ], ['maxWidth.xs', '20rem'], ['transitionTimingFunction.in-out', 'cubic-bezier(.4, 0, .2, 1)'], diff --git a/packages/tailwindcss/theme.css b/packages/tailwindcss/theme.css index 78b0fc588c8f..05364f5c2018 100644 --- a/packages/tailwindcss/theme.css +++ b/packages/tailwindcss/theme.css @@ -1,7 +1,7 @@ @theme default { --font-sans: - ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', - 'Noto Color Emoji'; + -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, + sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', From 80abac2fd674e3b3899ea13df5e16b4a8b96a55c Mon Sep 17 00:00:00 2001 From: Robin Malfait Date: Thu, 9 Jul 2026 16:09:10 +0200 Subject: [PATCH 2/3] update snapshot tests --- integrations/cli/index.test.ts | 6 +- .../src/__snapshots__/index.test.ts.snap | 6 +- .../src/__snapshots__/index.test.ts.snap | 6 +- .../tailwindcss/src/css-functions.test.ts | 4 +- .../src/source-maps/source-map.test.ts | 678 +++++++++--------- 5 files changed, 355 insertions(+), 345 deletions(-) diff --git a/integrations/cli/index.test.ts b/integrations/cli/index.test.ts index a2b2ee4ab930..310086802779 100644 --- a/integrations/cli/index.test.ts +++ b/integrations/cli/index.test.ts @@ -2831,8 +2831,8 @@ test( @layer theme, base, components, utilities; @layer theme { :root, :host { - --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', - 'Noto Color Emoji'; + --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, + sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; --color-red-500: oklch(63.7% 0.237 25.331); @@ -2851,7 +2851,7 @@ test( line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; - font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'); + font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; diff --git a/packages/@tailwindcss-postcss/src/__snapshots__/index.test.ts.snap b/packages/@tailwindcss-postcss/src/__snapshots__/index.test.ts.snap index 6d4823219ceb..05087fa394e4 100644 --- a/packages/@tailwindcss-postcss/src/__snapshots__/index.test.ts.snap +++ b/packages/@tailwindcss-postcss/src/__snapshots__/index.test.ts.snap @@ -12,8 +12,8 @@ exports[`\`@import 'tailwindcss'\` is replaced with the generated CSS 1`] = ` @layer theme { :root, :host { - --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", - "Noto Color Emoji"; + --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, + sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-black: #000; @@ -44,7 +44,7 @@ exports[`\`@import 'tailwindcss'\` is replaced with the generated CSS 1`] = ` -webkit-text-size-adjust: 100%; tab-size: 4; line-height: 1.5; - font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); + font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; diff --git a/packages/tailwindcss/src/__snapshots__/index.test.ts.snap b/packages/tailwindcss/src/__snapshots__/index.test.ts.snap index 4a43ae7f9529..9921709d7031 100644 --- a/packages/tailwindcss/src/__snapshots__/index.test.ts.snap +++ b/packages/tailwindcss/src/__snapshots__/index.test.ts.snap @@ -132,8 +132,8 @@ exports[`compiling CSS > prefix all CSS variables inside preflight 1`] = ` " @layer theme { :root, :host { - --tw-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", - "Noto Color Emoji"; + --tw-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, + sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --tw-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --tw-default-font-family: var(--tw-font-sans); @@ -160,7 +160,7 @@ exports[`compiling CSS > prefix all CSS variables inside preflight 1`] = ` -webkit-text-size-adjust: 100%; tab-size: 4; line-height: 1.5; - font-family: var(--tw-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); + font-family: var(--tw-default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--tw-default-font-feature-settings, normal); font-variation-settings: var(--tw-default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; diff --git a/packages/tailwindcss/src/css-functions.test.ts b/packages/tailwindcss/src/css-functions.test.ts index 96dac1a2fb00..425a511fa7eb 100644 --- a/packages/tailwindcss/src/css-functions.test.ts +++ b/packages/tailwindcss/src/css-functions.test.ts @@ -915,7 +915,7 @@ describe('theme(…)', () => { ).toMatchInlineSnapshot(` " .fam { - font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; } " `) @@ -935,7 +935,7 @@ describe('theme(…)', () => { ).toMatchInlineSnapshot(` " .fam { - font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; } " `) diff --git a/packages/tailwindcss/src/source-maps/source-map.test.ts b/packages/tailwindcss/src/source-maps/source-map.test.ts index 62edc0f466a4..2bc7b09620a0 100644 --- a/packages/tailwindcss/src/source-maps/source-map.test.ts +++ b/packages/tailwindcss/src/source-maps/source-map.test.ts @@ -117,14 +117,14 @@ test('source maps trace back to @import location', async ({ expect }) => { | --- theme.css --- 3 :root, :host { | 1 @theme default { ^^^^^^^^^^^^^ C @ 3:2-15 | ^^^^^^^^^^^^^^^ C @ 1:0-15 - 4 --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'... | 2 --font-sans: + 4 --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'N... | 2 --font-sans: ^ D @ 4:4 | ^ D @ 2:2 - 4 --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'... | 3 ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI S... + 4 --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'N... | 3 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Ar... ^ E @ 4:4 | ^ E @ 3:0 - 4 --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'... | 4 'Noto Color Emoji'; + 4 --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'N... | 4 sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^... F @ 4:4-5:0 | ^ F @ 4:0 - 5 'Noto Color Emoji'; | 4 'Noto Color Emoji'; - ^ G @ 5:22-6:0 | ^ G @ 4:22 + 5 sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; | 4 sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; + ... G @ 5:92-6:0 | ... G @ 4:92 | 5 --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif; 6 --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', '... | 6 --font-mono: ^ H @ 6:4 | ^ H @ 6:2 @@ -176,398 +176,408 @@ test('source maps trace back to @import location', async ({ expect }) => { ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ AA @ 21:4-34 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ AA @ 31:2-32 22 tab-size: 4; | 32 tab-size: 4; /* 3 */ ^^^^^^^^^^^ AB @ 22:4-15 | ^^^^^^^^^^^ AB @ 32:2-13 - 23 font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Col... | 33 font-family: --theme( + 23 font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', R... | 33 font-family: --theme( ^ AC @ 23:4 | ^ AC @ 33:2 - 23 font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Col... | 34 --default-font-family, + 23 font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', R... | 34 --default-font-family, ^ AD @ 23:4 | ^ AD @ 34:0 - 23 font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Col... | 35 ui-sans-serif, + 23 font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', R... | 35 -apple-system, ^ AE @ 23:4 | ^ AE @ 35:0 - 23 font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Col... | 36 system-ui, + 23 font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', R... | 36 BlinkMacSystemFont, ^ AF @ 23:4 | ^ AF @ 36:0 - 23 font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Col... | 37 sans-serif, + 23 font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', R... | 37 'Segoe UI', ^ AG @ 23:4 | ^ AG @ 37:0 - 23 font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Col... | 38 'Apple Color Emoji', + 23 font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', R... | 38 Roboto, ^ AH @ 23:4 | ^ AH @ 38:0 - 23 font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Col... | 39 'Segoe UI Emoji', + 23 font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', R... | 39 'Helvetica Neue', ^ AI @ 23:4 | ^ AI @ 39:0 - 23 font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Col... | 40 'Segoe UI Symbol', + 23 font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', R... | 40 'Noto Sans', ^ AJ @ 23:4 | ^ AJ @ 40:0 - 23 font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Col... | 41 'Noto Color Emoji' + 23 font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', R... | 41 Arial, ^ AK @ 23:4 | ^ AK @ 41:0 - 23 font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Col... | 42 ); /* 4 */ - ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^... AL @ 23:4-159 | ^^^ AL @ 42:0-3 - 24 font-feature-settings: var(--default-font-feature-settings, normal); | 43 font-feature-settings: --theme(--default-font-feature-settings, normal); /* 5 */ - ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ AM @ 24:4-71 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ AM @ 43:2-73 - 25 font-variation-settings: var(--default-font-variation-settings, normal); | 44 font-variation-settings: --theme(--default-font-variation-settings, normal); /* 6 */ - ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ AN @ 25:4-75 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ AN @ 44:2-77 - 26 -webkit-tap-highlight-color: transparent; | 45 -webkit-tap-highlight-color: transparent; /* 7 */ - ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ AO @ 26:4-44 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ AO @ 45:2-42 - | 46 } + 23 font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', R... | 42 sans-serif, + ^ AL @ 23:4 | ^ AL @ 42:0 + 23 font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', R... | 43 'Apple Color Emoji', + ^ AM @ 23:4 | ^ AM @ 43:0 + 23 font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', R... | 44 'Segoe UI Emoji', + ^ AN @ 23:4 | ^ AN @ 44:0 + 23 font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', R... | 45 'Segoe UI Symbol', + ^ AO @ 23:4 | ^ AO @ 45:0 + 23 font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', R... | 46 'Noto Color Emoji' + ^ AP @ 23:4 | ^ AP @ 46:0 + 23 font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', R... | 47 ); /* 4 */ + ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^... AQ @ 23:4-226 | ^^^ AQ @ 47:0-3 + 24 font-feature-settings: var(--default-font-feature-settings, normal); | 48 font-feature-settings: --theme(--default-font-feature-settings, normal); /* 5 */ + ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ AR @ 24:4-71 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ AR @ 48:2-73 + 25 font-variation-settings: var(--default-font-variation-settings, normal); | 49 font-variation-settings: --theme(--default-font-variation-settings, normal); /* 6 */ + ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ AS @ 25:4-75 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ AS @ 49:2-77 + 26 -webkit-tap-highlight-color: transparent; | 50 -webkit-tap-highlight-color: transparent; /* 7 */ + ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ AT @ 26:4-44 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ AT @ 50:2-42 + | 51 } 27 } | - 28 hr { | 54 hr { - ^^^ AP @ 28:2-5 | ^^^ AP @ 54:0-3 - 29 height: 0; | 55 height: 0; /* 1 */ - ^^^^^^^^^ AQ @ 29:4-13 | ^^^^^^^^^ AQ @ 55:2-11 - 30 color: inherit; | 56 color: inherit; /* 2 */ - ^^^^^^^^^^^^^^ AR @ 30:4-18 | ^^^^^^^^^^^^^^ AR @ 56:2-16 - 31 border-top-width: 1px; | 57 border-top-width: 1px; /* 3 */ - ^^^^^^^^^^^^^^^^^^^^^ AS @ 31:4-25 | ^^^^^^^^^^^^^^^^^^^^^ AS @ 57:2-23 - | 58 } + 28 hr { | 59 hr { + ^^^ AU @ 28:2-5 | ^^^ AU @ 59:0-3 + 29 height: 0; | 60 height: 0; /* 1 */ + ^^^^^^^^^ AV @ 29:4-13 | ^^^^^^^^^ AV @ 60:2-11 + 30 color: inherit; | 61 color: inherit; /* 2 */ + ^^^^^^^^^^^^^^ AW @ 30:4-18 | ^^^^^^^^^^^^^^ AW @ 61:2-16 + 31 border-top-width: 1px; | 62 border-top-width: 1px; /* 3 */ + ^^^^^^^^^^^^^^^^^^^^^ AX @ 31:4-25 | ^^^^^^^^^^^^^^^^^^^^^ AX @ 62:2-23 + | 63 } 32 } | - 33 abbr:where([title]) { | 64 abbr:where([title]) { - ^^^^^^^^^^^^^^^^^^^^ AT @ 33:2-22 | ^^^^^^^^^^^^^^^^^^^^ AT @ 64:0-20 - 34 -webkit-text-decoration: underline dotted; | 65 -webkit-text-decoration: underline dotted; - ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ AU @ 34:4-45 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ AU @ 65:2-43 - 35 text-decoration: underline dotted; | 66 text-decoration: underline dotted; - ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ AV @ 35:4-37 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ AV @ 66:2-35 - | 67 } + 33 abbr:where([title]) { | 69 abbr:where([title]) { + ^^^^^^^^^^^^^^^^^^^^ AY @ 33:2-22 | ^^^^^^^^^^^^^^^^^^^^ AY @ 69:0-20 + 34 -webkit-text-decoration: underline dotted; | 70 -webkit-text-decoration: underline dotted; + ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ AZ @ 34:4-45 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ AZ @ 70:2-43 + 35 text-decoration: underline dotted; | 71 text-decoration: underline dotted; + ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ BA @ 35:4-37 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ BA @ 71:2-35 + | 72 } 36 } | - 37 h1, h2, h3, h4, h5, h6 { | 73 h1, - ^ AW @ 37:2 | ^ AW @ 73:0 - 37 h1, h2, h3, h4, h5, h6 { | 74 h2, - ^ AX @ 37:2 | ^ AX @ 74:0 - 37 h1, h2, h3, h4, h5, h6 { | 75 h3, - ^ AY @ 37:2 | ^ AY @ 75:0 - 37 h1, h2, h3, h4, h5, h6 { | 76 h4, - ^ AZ @ 37:2 | ^ AZ @ 76:0 - 37 h1, h2, h3, h4, h5, h6 { | 77 h5, - ^ BA @ 37:2 | ^ BA @ 77:0 - 37 h1, h2, h3, h4, h5, h6 { | 78 h6 { - ^^^^^^^^^^^^^^^^^^^^^^^ BB @ 37:2-25 | ^^^ BB @ 78:0-3 - 38 font-size: inherit; | 79 font-size: inherit; - ^^^^^^^^^^^^^^^^^^ BC @ 38:4-22 | ^^^^^^^^^^^^^^^^^^ BC @ 79:2-20 - 39 font-weight: inherit; | 80 font-weight: inherit; - ^^^^^^^^^^^^^^^^^^^^ BD @ 39:4-24 | ^^^^^^^^^^^^^^^^^^^^ BD @ 80:2-22 - | 81 } + 37 h1, h2, h3, h4, h5, h6 { | 78 h1, + ^ BB @ 37:2 | ^ BB @ 78:0 + 37 h1, h2, h3, h4, h5, h6 { | 79 h2, + ^ BC @ 37:2 | ^ BC @ 79:0 + 37 h1, h2, h3, h4, h5, h6 { | 80 h3, + ^ BD @ 37:2 | ^ BD @ 80:0 + 37 h1, h2, h3, h4, h5, h6 { | 81 h4, + ^ BE @ 37:2 | ^ BE @ 81:0 + 37 h1, h2, h3, h4, h5, h6 { | 82 h5, + ^ BF @ 37:2 | ^ BF @ 82:0 + 37 h1, h2, h3, h4, h5, h6 { | 83 h6 { + ^^^^^^^^^^^^^^^^^^^^^^^ BG @ 37:2-25 | ^^^ BG @ 83:0-3 + 38 font-size: inherit; | 84 font-size: inherit; + ^^^^^^^^^^^^^^^^^^ BH @ 38:4-22 | ^^^^^^^^^^^^^^^^^^ BH @ 84:2-20 + 39 font-weight: inherit; | 85 font-weight: inherit; + ^^^^^^^^^^^^^^^^^^^^ BI @ 39:4-24 | ^^^^^^^^^^^^^^^^^^^^ BI @ 85:2-22 + | 86 } 40 } | - 41 a { | 87 a { - ^^ BE @ 41:2-4 | ^^ BE @ 87:0-2 - 42 color: inherit; | 88 color: inherit; - ^^^^^^^^^^^^^^ BF @ 42:4-18 | ^^^^^^^^^^^^^^ BF @ 88:2-16 - 43 -webkit-text-decoration: inherit; | 89 -webkit-text-decoration: inherit; - ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ BG @ 43:4-36 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ BG @ 89:2-34 - 44 text-decoration: inherit; | 90 text-decoration: inherit; - ^^^^^^^^^^^^^^^^^^^^^^^^ BH @ 44:4-28 | ^^^^^^^^^^^^^^^^^^^^^^^^ BH @ 90:2-26 - | 91 } + 41 a { | 92 a { + ^^ BJ @ 41:2-4 | ^^ BJ @ 92:0-2 + 42 color: inherit; | 93 color: inherit; + ^^^^^^^^^^^^^^ BK @ 42:4-18 | ^^^^^^^^^^^^^^ BK @ 93:2-16 + 43 -webkit-text-decoration: inherit; | 94 -webkit-text-decoration: inherit; + ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ BL @ 43:4-36 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ BL @ 94:2-34 + 44 text-decoration: inherit; | 95 text-decoration: inherit; + ^^^^^^^^^^^^^^^^^^^^^^^^ BM @ 44:4-28 | ^^^^^^^^^^^^^^^^^^^^^^^^ BM @ 95:2-26 + | 96 } 45 } | - 46 b, strong { | 97 b, - ^ BI @ 46:2 | ^ BI @ 97:0 - 46 b, strong { | 98 strong { - ^^^^^^^^^^ BJ @ 46:2-12 | ^^^^^^^ BJ @ 98:0-7 - 47 font-weight: bolder; | 99 font-weight: bolder; - ^^^^^^^^^^^^^^^^^^^ BK @ 47:4-23 | ^^^^^^^^^^^^^^^^^^^ BK @ 99:2-21 - | 100 } + 46 b, strong { | 102 b, + ^ BN @ 46:2 | ^ BN @ 102:0 + 46 b, strong { | 103 strong { + ^^^^^^^^^^ BO @ 46:2-12 | ^^^^^^^ BO @ 103:0-7 + 47 font-weight: bolder; | 104 font-weight: bolder; + ^^^^^^^^^^^^^^^^^^^ BP @ 47:4-23 | ^^^^^^^^^^^^^^^^^^^ BP @ 104:2-21 + | 105 } 48 } | - 49 code, kbd, samp, pre { | 109 code, - ^ BL @ 49:2 | ^ BL @ 109:0 - 49 code, kbd, samp, pre { | 110 kbd, - ^ BM @ 49:2 | ^ BM @ 110:0 - 49 code, kbd, samp, pre { | 111 samp, - ^ BN @ 49:2 | ^ BN @ 111:0 - 49 code, kbd, samp, pre { | 112 pre { - ^^^^^^^^^^^^^^^^^^^^^ BO @ 49:2-23 | ^^^^ BO @ 112:0-4 - 50 font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco... | 113 font-family: --theme( - ^ BP @ 50:4 | ^ BP @ 113:2 - 50 font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco... | 114 --default-mono-font-family, - ^ BQ @ 50:4 | ^ BQ @ 114:0 - 50 font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco... | 115 ui-monospace, - ^ BR @ 50:4 | ^ BR @ 115:0 - 50 font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco... | 116 SFMono-Regular, - ^ BS @ 50:4 | ^ BS @ 116:0 - 50 font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco... | 117 Menlo, - ^ BT @ 50:4 | ^ BT @ 117:0 - 50 font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco... | 118 Monaco, - ^ BU @ 50:4 | ^ BU @ 118:0 - 50 font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco... | 119 Consolas, + 49 code, kbd, samp, pre { | 114 code, + ^ BQ @ 49:2 | ^ BQ @ 114:0 + 49 code, kbd, samp, pre { | 115 kbd, + ^ BR @ 49:2 | ^ BR @ 115:0 + 49 code, kbd, samp, pre { | 116 samp, + ^ BS @ 49:2 | ^ BS @ 116:0 + 49 code, kbd, samp, pre { | 117 pre { + ^^^^^^^^^^^^^^^^^^^^^ BT @ 49:2-23 | ^^^^ BT @ 117:0-4 + 50 font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco... | 118 font-family: --theme( + ^ BU @ 50:4 | ^ BU @ 118:2 + 50 font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco... | 119 --default-mono-font-family, ^ BV @ 50:4 | ^ BV @ 119:0 - 50 font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco... | 120 'Liberation Mono', + 50 font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco... | 120 ui-monospace, ^ BW @ 50:4 | ^ BW @ 120:0 - 50 font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco... | 121 'Courier New', + 50 font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco... | 121 SFMono-Regular, ^ BX @ 50:4 | ^ BX @ 121:0 - 50 font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco... | 122 monospace + 50 font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco... | 122 Menlo, ^ BY @ 50:4 | ^ BY @ 122:0 - 50 font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco... | 123 ); /* 1 */ - ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^... BZ @ 50:4-148 | ^^^ BZ @ 123:0-3 - 51 font-feature-settings: var(--default-mono-font-feature-settings, normal); | 124 font-feature-settings: --theme(--default-mono-font-feature-settings, normal); /* 2 */ - ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ CA @ 51:4-76 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ CA @ 124:2-78 - 52 font-variation-settings: var(--default-mono-font-variation-settings, normal); | 125 font-variation-settings: --theme(--default-mono-font-variation-settings, normal); /* 3 */ - ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ CB @ 52:4-80 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^... CB @ 125:2-82 - 53 font-size: 1em; | 126 font-size: 1em; /* 4 */ - ^^^^^^^^^^^^^^ CC @ 53:4-18 | ^^^^^^^^^^^^^^ CC @ 126:2-16 - | 127 } + 50 font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco... | 123 Monaco, + ^ BZ @ 50:4 | ^ BZ @ 123:0 + 50 font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco... | 124 Consolas, + ^ CA @ 50:4 | ^ CA @ 124:0 + 50 font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco... | 125 'Liberation Mono', + ^ CB @ 50:4 | ^ CB @ 125:0 + 50 font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco... | 126 'Courier New', + ^ CC @ 50:4 | ^ CC @ 126:0 + 50 font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco... | 127 monospace + ^ CD @ 50:4 | ^ CD @ 127:0 + 50 font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco... | 128 ); /* 1 */ + ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^... CE @ 50:4-148 | ^^^ CE @ 128:0-3 + 51 font-feature-settings: var(--default-mono-font-feature-settings, normal); | 129 font-feature-settings: --theme(--default-mono-font-feature-settings, normal); /* 2 */ + ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ CF @ 51:4-76 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ CF @ 129:2-78 + 52 font-variation-settings: var(--default-mono-font-variation-settings, normal); | 130 font-variation-settings: --theme(--default-mono-font-variation-settings, normal); /* 3 */ + ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ CG @ 52:4-80 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^... CG @ 130:2-82 + 53 font-size: 1em; | 131 font-size: 1em; /* 4 */ + ^^^^^^^^^^^^^^ CH @ 53:4-18 | ^^^^^^^^^^^^^^ CH @ 131:2-16 + | 132 } 54 } | - 55 small { | 133 small { - ^^^^^^ CD @ 55:2-8 | ^^^^^^ CD @ 133:0-6 - 56 font-size: 80%; | 134 font-size: 80%; - ^^^^^^^^^^^^^^ CE @ 56:4-18 | ^^^^^^^^^^^^^^ CE @ 134:2-16 - | 135 } + 55 small { | 138 small { + ^^^^^^ CI @ 55:2-8 | ^^^^^^ CI @ 138:0-6 + 56 font-size: 80%; | 139 font-size: 80%; + ^^^^^^^^^^^^^^ CJ @ 56:4-18 | ^^^^^^^^^^^^^^ CJ @ 139:2-16 + | 140 } 57 } | - 58 sub, sup { | 141 sub, - ^ CF @ 58:2 | ^ CF @ 141:0 - 58 sub, sup { | 142 sup { - ^^^^^^^^^ CG @ 58:2-11 | ^^^^ CG @ 142:0-4 - 59 font-size: 75%; | 143 font-size: 75%; - ^^^^^^^^^^^^^^ CH @ 59:4-18 | ^^^^^^^^^^^^^^ CH @ 143:2-16 - 60 line-height: 0; | 144 line-height: 0; - ^^^^^^^^^^^^^^ CI @ 60:4-18 | ^^^^^^^^^^^^^^ CI @ 144:2-16 - 61 position: relative; | 145 position: relative; - ^^^^^^^^^^^^^^^^^^ CJ @ 61:4-22 | ^^^^^^^^^^^^^^^^^^ CJ @ 145:2-20 - 62 vertical-align: baseline; | 146 vertical-align: baseline; - ^^^^^^^^^^^^^^^^^^^^^^^^ CK @ 62:4-28 | ^^^^^^^^^^^^^^^^^^^^^^^^ CK @ 146:2-26 - | 147 } + 58 sub, sup { | 146 sub, + ^ CK @ 58:2 | ^ CK @ 146:0 + 58 sub, sup { | 147 sup { + ^^^^^^^^^ CL @ 58:2-11 | ^^^^ CL @ 147:0-4 + 59 font-size: 75%; | 148 font-size: 75%; + ^^^^^^^^^^^^^^ CM @ 59:4-18 | ^^^^^^^^^^^^^^ CM @ 148:2-16 + 60 line-height: 0; | 149 line-height: 0; + ^^^^^^^^^^^^^^ CN @ 60:4-18 | ^^^^^^^^^^^^^^ CN @ 149:2-16 + 61 position: relative; | 150 position: relative; + ^^^^^^^^^^^^^^^^^^ CO @ 61:4-22 | ^^^^^^^^^^^^^^^^^^ CO @ 150:2-20 + 62 vertical-align: baseline; | 151 vertical-align: baseline; + ^^^^^^^^^^^^^^^^^^^^^^^^ CP @ 62:4-28 | ^^^^^^^^^^^^^^^^^^^^^^^^ CP @ 151:2-26 + | 152 } 63 } | - 64 sub { | 149 sub { - ^^^^ CL @ 64:2-6 | ^^^^ CL @ 149:0-4 - 65 bottom: -0.25em; | 150 bottom: -0.25em; - ^^^^^^^^^^^^^^^ CM @ 65:4-19 | ^^^^^^^^^^^^^^^ CM @ 150:2-17 - | 151 } + 64 sub { | 154 sub { + ^^^^ CQ @ 64:2-6 | ^^^^ CQ @ 154:0-4 + 65 bottom: -0.25em; | 155 bottom: -0.25em; + ^^^^^^^^^^^^^^^ CR @ 65:4-19 | ^^^^^^^^^^^^^^^ CR @ 155:2-17 + | 156 } 66 } | - 67 sup { | 153 sup { - ^^^^ CN @ 67:2-6 | ^^^^ CN @ 153:0-4 - 68 top: -0.5em; | 154 top: -0.5em; - ^^^^^^^^^^^ CO @ 68:4-15 | ^^^^^^^^^^^ CO @ 154:2-13 - | 155 } + 67 sup { | 158 sup { + ^^^^ CS @ 67:2-6 | ^^^^ CS @ 158:0-4 + 68 top: -0.5em; | 159 top: -0.5em; + ^^^^^^^^^^^ CT @ 68:4-15 | ^^^^^^^^^^^ CT @ 159:2-13 + | 160 } 69 } | - 70 table { | 163 table { - ^^^^^^ CP @ 70:2-8 | ^^^^^^ CP @ 163:0-6 - 71 text-indent: 0; | 164 text-indent: 0; /* 1 */ - ^^^^^^^^^^^^^^ CQ @ 71:4-18 | ^^^^^^^^^^^^^^ CQ @ 164:2-16 - 72 border-color: inherit; | 165 border-color: inherit; /* 2 */ - ^^^^^^^^^^^^^^^^^^^^^ CR @ 72:4-25 | ^^^^^^^^^^^^^^^^^^^^^ CR @ 165:2-23 - 73 border-collapse: collapse; | 166 border-collapse: collapse; /* 3 */ - ^^^^^^^^^^^^^^^^^^^^^^^^^ CS @ 73:4-29 | ^^^^^^^^^^^^^^^^^^^^^^^^^ CS @ 166:2-27 - | 167 } + 70 table { | 168 table { + ^^^^^^ CU @ 70:2-8 | ^^^^^^ CU @ 168:0-6 + 71 text-indent: 0; | 169 text-indent: 0; /* 1 */ + ^^^^^^^^^^^^^^ CV @ 71:4-18 | ^^^^^^^^^^^^^^ CV @ 169:2-16 + 72 border-color: inherit; | 170 border-color: inherit; /* 2 */ + ^^^^^^^^^^^^^^^^^^^^^ CW @ 72:4-25 | ^^^^^^^^^^^^^^^^^^^^^ CW @ 170:2-23 + 73 border-collapse: collapse; | 171 border-collapse: collapse; /* 3 */ + ^^^^^^^^^^^^^^^^^^^^^^^^^ CX @ 73:4-29 | ^^^^^^^^^^^^^^^^^^^^^^^^^ CX @ 171:2-27 + | 172 } 74 } | - 75 :-moz-focusring:where(:not(iframe)) { | 173 :-moz-focusring:where(:not(iframe)) { - ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ CT @ 75:2-38 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ CT @ 173:0-36 - 76 outline: auto; | 174 outline: auto; - ^^^^^^^^^^^^^ CU @ 76:4-17 | ^^^^^^^^^^^^^ CU @ 174:2-15 - | 175 } + 75 :-moz-focusring:where(:not(iframe)) { | 178 :-moz-focusring:where(:not(iframe)) { + ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ CY @ 75:2-38 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ CY @ 178:0-36 + 76 outline: auto; | 179 outline: auto; + ^^^^^^^^^^^^^ CZ @ 76:4-17 | ^^^^^^^^^^^^^ CZ @ 179:2-15 + | 180 } 77 } | - 78 progress { | 181 progress { - ^^^^^^^^^ CV @ 78:2-11 | ^^^^^^^^^ CV @ 181:0-9 - 79 vertical-align: baseline; | 182 vertical-align: baseline; - ^^^^^^^^^^^^^^^^^^^^^^^^ CW @ 79:4-28 | ^^^^^^^^^^^^^^^^^^^^^^^^ CW @ 182:2-26 - | 183 } + 78 progress { | 186 progress { + ^^^^^^^^^ DA @ 78:2-11 | ^^^^^^^^^ DA @ 186:0-9 + 79 vertical-align: baseline; | 187 vertical-align: baseline; + ^^^^^^^^^^^^^^^^^^^^^^^^ DB @ 79:4-28 | ^^^^^^^^^^^^^^^^^^^^^^^^ DB @ 187:2-26 + | 188 } 80 } | - 81 summary { | 189 summary { - ^^^^^^^^ CX @ 81:2-10 | ^^^^^^^^ CX @ 189:0-8 - 82 display: list-item; | 190 display: list-item; - ^^^^^^^^^^^^^^^^^^ CY @ 82:4-22 | ^^^^^^^^^^^^^^^^^^ CY @ 190:2-20 - | 191 } + 81 summary { | 194 summary { + ^^^^^^^^ DC @ 81:2-10 | ^^^^^^^^ DC @ 194:0-8 + 82 display: list-item; | 195 display: list-item; + ^^^^^^^^^^^^^^^^^^ DD @ 82:4-22 | ^^^^^^^^^^^^^^^^^^ DD @ 195:2-20 + | 196 } 83 } | - 84 ol, ul, menu { | 197 ol, - ^ CZ @ 84:2 | ^ CZ @ 197:0 - 84 ol, ul, menu { | 198 ul, - ^ DA @ 84:2 | ^ DA @ 198:0 - 84 ol, ul, menu { | 199 menu { - ^^^^^^^^^^^^^ DB @ 84:2-15 | ^^^^^ DB @ 199:0-5 - 85 list-style: none; | 200 list-style: none; - ^^^^^^^^^^^^^^^^ DC @ 85:4-20 | ^^^^^^^^^^^^^^^^ DC @ 200:2-18 - | 201 } + 84 ol, ul, menu { | 202 ol, + ^ DE @ 84:2 | ^ DE @ 202:0 + 84 ol, ul, menu { | 203 ul, + ^ DF @ 84:2 | ^ DF @ 203:0 + 84 ol, ul, menu { | 204 menu { + ^^^^^^^^^^^^^ DG @ 84:2-15 | ^^^^^ DG @ 204:0-5 + 85 list-style: none; | 205 list-style: none; + ^^^^^^^^^^^^^^^^ DH @ 85:4-20 | ^^^^^^^^^^^^^^^^ DH @ 205:2-18 + | 206 } 86 } | - 87 img, svg, video, canvas, audio, iframe, embed, object { | 209 img, - ^ DD @ 87:2 | ^ DD @ 209:0 - 87 img, svg, video, canvas, audio, iframe, embed, object { | 210 svg, - ^ DE @ 87:2 | ^ DE @ 210:0 - 87 img, svg, video, canvas, audio, iframe, embed, object { | 211 video, - ^ DF @ 87:2 | ^ DF @ 211:0 - 87 img, svg, video, canvas, audio, iframe, embed, object { | 212 canvas, - ^ DG @ 87:2 | ^ DG @ 212:0 - 87 img, svg, video, canvas, audio, iframe, embed, object { | 213 audio, - ^ DH @ 87:2 | ^ DH @ 213:0 - 87 img, svg, video, canvas, audio, iframe, embed, object { | 214 iframe, + 87 img, svg, video, canvas, audio, iframe, embed, object { | 214 img, ^ DI @ 87:2 | ^ DI @ 214:0 - 87 img, svg, video, canvas, audio, iframe, embed, object { | 215 embed, + 87 img, svg, video, canvas, audio, iframe, embed, object { | 215 svg, ^ DJ @ 87:2 | ^ DJ @ 215:0 - 87 img, svg, video, canvas, audio, iframe, embed, object { | 216 object { - ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ DK @ 87:2-56 | ^^^^^^^ DK @ 216:0-7 - 88 display: block; | 217 display: block; /* 1 */ - ^^^^^^^^^^^^^^ DL @ 88:4-18 | ^^^^^^^^^^^^^^ DL @ 217:2-16 - 89 vertical-align: middle; | 218 vertical-align: middle; /* 2 */ - ^^^^^^^^^^^^^^^^^^^^^^ DM @ 89:4-26 | ^^^^^^^^^^^^^^^^^^^^^^ DM @ 218:2-24 - | 219 } + 87 img, svg, video, canvas, audio, iframe, embed, object { | 216 video, + ^ DK @ 87:2 | ^ DK @ 216:0 + 87 img, svg, video, canvas, audio, iframe, embed, object { | 217 canvas, + ^ DL @ 87:2 | ^ DL @ 217:0 + 87 img, svg, video, canvas, audio, iframe, embed, object { | 218 audio, + ^ DM @ 87:2 | ^ DM @ 218:0 + 87 img, svg, video, canvas, audio, iframe, embed, object { | 219 iframe, + ^ DN @ 87:2 | ^ DN @ 219:0 + 87 img, svg, video, canvas, audio, iframe, embed, object { | 220 embed, + ^ DO @ 87:2 | ^ DO @ 220:0 + 87 img, svg, video, canvas, audio, iframe, embed, object { | 221 object { + ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ DP @ 87:2-56 | ^^^^^^^ DP @ 221:0-7 + 88 display: block; | 222 display: block; /* 1 */ + ^^^^^^^^^^^^^^ DQ @ 88:4-18 | ^^^^^^^^^^^^^^ DQ @ 222:2-16 + 89 vertical-align: middle; | 223 vertical-align: middle; /* 2 */ + ^^^^^^^^^^^^^^^^^^^^^^ DR @ 89:4-26 | ^^^^^^^^^^^^^^^^^^^^^^ DR @ 223:2-24 + | 224 } 90 } | - 91 img, video { | 225 img, - ^ DN @ 91:2 | ^ DN @ 225:0 - 91 img, video { | 226 video { - ^^^^^^^^^^^ DO @ 91:2-13 | ^^^^^^ DO @ 226:0-6 - 92 max-width: 100%; | 227 max-width: 100%; - ^^^^^^^^^^^^^^^ DP @ 92:4-19 | ^^^^^^^^^^^^^^^ DP @ 227:2-17 - 93 height: auto; | 228 height: auto; - ^^^^^^^^^^^^ DQ @ 93:4-16 | ^^^^^^^^^^^^ DQ @ 228:2-14 - | 229 } + 91 img, video { | 230 img, + ^ DS @ 91:2 | ^ DS @ 230:0 + 91 img, video { | 231 video { + ^^^^^^^^^^^ DT @ 91:2-13 | ^^^^^^ DT @ 231:0-6 + 92 max-width: 100%; | 232 max-width: 100%; + ^^^^^^^^^^^^^^^ DU @ 92:4-19 | ^^^^^^^^^^^^^^^ DU @ 232:2-17 + 93 height: auto; | 233 height: auto; + ^^^^^^^^^^^^ DV @ 93:4-16 | ^^^^^^^^^^^^ DV @ 233:2-14 + | 234 } 94 } | - 95 button, input, select, optgroup, textarea, ::file-selector-button { | 238 button, - ^ DR @ 95:2 | ^ DR @ 238:0 - 95 button, input, select, optgroup, textarea, ::file-selector-button { | 239 input, - ^ DS @ 95:2 | ^ DS @ 239:0 - 95 button, input, select, optgroup, textarea, ::file-selector-button { | 240 select, - ^ DT @ 95:2 | ^ DT @ 240:0 - 95 button, input, select, optgroup, textarea, ::file-selector-button { | 241 optgroup, - ^ DU @ 95:2 | ^ DU @ 241:0 - 95 button, input, select, optgroup, textarea, ::file-selector-button { | 242 textarea, - ^ DV @ 95:2 | ^ DV @ 242:0 - 95 button, input, select, optgroup, textarea, ::file-selector-button { | 243 ::file-selector-button { - ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ DW @ 95:2-68 | ^^^^^^^^^^^^^^^^^^^^^^^ DW @ 243:0-23 - 96 font: inherit; | 244 font: inherit; /* 1 */ - ^^^^^^^^^^^^^ DX @ 96:4-17 | ^^^^^^^^^^^^^ DX @ 244:2-15 - 97 font-feature-settings: inherit; | 245 font-feature-settings: inherit; /* 1 */ - ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ DY @ 97:4-34 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ DY @ 245:2-32 - 98 font-variation-settings: inherit; | 246 font-variation-settings: inherit; /* 1 */ - ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ DZ @ 98:4-36 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ DZ @ 246:2-34 - 99 letter-spacing: inherit; | 247 letter-spacing: inherit; /* 1 */ - ^^^^^^^^^^^^^^^^^^^^^^^ EA @ 99:4-27 | ^^^^^^^^^^^^^^^^^^^^^^^ EA @ 247:2-25 - 100 color: inherit; | 248 color: inherit; /* 1 */ - ^^^^^^^^^^^^^^ EB @ 100:4-18 | ^^^^^^^^^^^^^^ EB @ 248:2-16 - 101 border-radius: 0; | 249 border-radius: 0; /* 2 */ - ^^^^^^^^^^^^^^^^ EC @ 101:4-20 | ^^^^^^^^^^^^^^^^ EC @ 249:2-18 - 102 background-color: transparent; | 250 background-color: transparent; /* 3 */ - ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ED @ 102:4-33 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ED @ 250:2-31 - 103 opacity: 1; | 251 opacity: 1; /* 4 */ - ^^^^^^^^^^ EE @ 103:4-14 | ^^^^^^^^^^ EE @ 251:2-12 - | 252 } + 95 button, input, select, optgroup, textarea, ::file-selector-button { | 243 button, + ^ DW @ 95:2 | ^ DW @ 243:0 + 95 button, input, select, optgroup, textarea, ::file-selector-button { | 244 input, + ^ DX @ 95:2 | ^ DX @ 244:0 + 95 button, input, select, optgroup, textarea, ::file-selector-button { | 245 select, + ^ DY @ 95:2 | ^ DY @ 245:0 + 95 button, input, select, optgroup, textarea, ::file-selector-button { | 246 optgroup, + ^ DZ @ 95:2 | ^ DZ @ 246:0 + 95 button, input, select, optgroup, textarea, ::file-selector-button { | 247 textarea, + ^ EA @ 95:2 | ^ EA @ 247:0 + 95 button, input, select, optgroup, textarea, ::file-selector-button { | 248 ::file-selector-button { + ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ EB @ 95:2-68 | ^^^^^^^^^^^^^^^^^^^^^^^ EB @ 248:0-23 + 96 font: inherit; | 249 font: inherit; /* 1 */ + ^^^^^^^^^^^^^ EC @ 96:4-17 | ^^^^^^^^^^^^^ EC @ 249:2-15 + 97 font-feature-settings: inherit; | 250 font-feature-settings: inherit; /* 1 */ + ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ED @ 97:4-34 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ED @ 250:2-32 + 98 font-variation-settings: inherit; | 251 font-variation-settings: inherit; /* 1 */ + ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ EE @ 98:4-36 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ EE @ 251:2-34 + 99 letter-spacing: inherit; | 252 letter-spacing: inherit; /* 1 */ + ^^^^^^^^^^^^^^^^^^^^^^^ EF @ 99:4-27 | ^^^^^^^^^^^^^^^^^^^^^^^ EF @ 252:2-25 + 100 color: inherit; | 253 color: inherit; /* 1 */ + ^^^^^^^^^^^^^^ EG @ 100:4-18 | ^^^^^^^^^^^^^^ EG @ 253:2-16 + 101 border-radius: 0; | 254 border-radius: 0; /* 2 */ + ^^^^^^^^^^^^^^^^ EH @ 101:4-20 | ^^^^^^^^^^^^^^^^ EH @ 254:2-18 + 102 background-color: transparent; | 255 background-color: transparent; /* 3 */ + ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ EI @ 102:4-33 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ EI @ 255:2-31 + 103 opacity: 1; | 256 opacity: 1; /* 4 */ + ^^^^^^^^^^ EJ @ 103:4-14 | ^^^^^^^^^^ EJ @ 256:2-12 + | 257 } 104 } | - 105 :where(select:is([multiple], [size])) optgroup { | 258 :where(select:is([multiple], [size])) optgroup { - ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ EF @ 105:2-49 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ EF @ 258:0-47 - 106 font-weight: bolder; | 259 font-weight: bolder; - ^^^^^^^^^^^^^^^^^^^ EG @ 106:4-23 | ^^^^^^^^^^^^^^^^^^^ EG @ 259:2-21 - | 260 } + 105 :where(select:is([multiple], [size])) optgroup { | 263 :where(select:is([multiple], [size])) optgroup { + ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ EK @ 105:2-49 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ EK @ 263:0-47 + 106 font-weight: bolder; | 264 font-weight: bolder; + ^^^^^^^^^^^^^^^^^^^ EL @ 106:4-23 | ^^^^^^^^^^^^^^^^^^^ EL @ 264:2-21 + | 265 } 107 } | - 108 :where(select:is([multiple], [size])) optgroup option { | 266 :where(select:is([multiple], [size])) optgroup option { - ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ EH @ 108:2-56 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ EH @ 266:0-54 - 109 padding-inline-start: 20px; | 267 padding-inline-start: 20px; - ^^^^^^^^^^^^^^^^^^^^^^^^^^ EI @ 109:4-30 | ^^^^^^^^^^^^^^^^^^^^^^^^^^ EI @ 267:2-28 - | 268 } + 108 :where(select:is([multiple], [size])) optgroup option { | 271 :where(select:is([multiple], [size])) optgroup option { + ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ EM @ 108:2-56 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ EM @ 271:0-54 + 109 padding-inline-start: 20px; | 272 padding-inline-start: 20px; + ^^^^^^^^^^^^^^^^^^^^^^^^^^ EN @ 109:4-30 | ^^^^^^^^^^^^^^^^^^^^^^^^^^ EN @ 272:2-28 + | 273 } 110 } | - 111 ::file-selector-button { | 274 ::file-selector-button { - ^^^^^^^^^^^^^^^^^^^^^^^ EJ @ 111:2-25 | ^^^^^^^^^^^^^^^^^^^^^^^ EJ @ 274:0-23 - 112 margin-inline-end: 4px; | 275 margin-inline-end: 4px; - ^^^^^^^^^^^^^^^^^^^^^^ EK @ 112:4-26 | ^^^^^^^^^^^^^^^^^^^^^^ EK @ 275:2-24 - | 276 } + 111 ::file-selector-button { | 279 ::file-selector-button { + ^^^^^^^^^^^^^^^^^^^^^^^ EO @ 111:2-25 | ^^^^^^^^^^^^^^^^^^^^^^^ EO @ 279:0-23 + 112 margin-inline-end: 4px; | 280 margin-inline-end: 4px; + ^^^^^^^^^^^^^^^^^^^^^^ EP @ 112:4-26 | ^^^^^^^^^^^^^^^^^^^^^^ EP @ 280:2-24 + | 281 } 113 } | - 114 ::placeholder { | 282 ::placeholder { - ^^^^^^^^^^^^^^ EL @ 114:2-16 | ^^^^^^^^^^^^^^ EL @ 282:0-14 - 115 opacity: 1; | 283 opacity: 1; - ^^^^^^^^^^ EM @ 115:4-14 | ^^^^^^^^^^ EM @ 283:2-12 - | 284 } + 114 ::placeholder { | 287 ::placeholder { + ^^^^^^^^^^^^^^ EQ @ 114:2-16 | ^^^^^^^^^^^^^^ EQ @ 287:0-14 + 115 opacity: 1; | 288 opacity: 1; + ^^^^^^^^^^ ER @ 115:4-14 | ^^^^^^^^^^ ER @ 288:2-12 + | 289 } 116 } | - 117 @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { | 291 @supports (not (-webkit-appearance: -apple-pay-button)) /* Not Safari */ or - ^ EN @ 117:2 | ^ EN @ 291:0 - 117 @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { | 292 (contain-intrinsic-size: 1px) /* Safari 17+ */ { - ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^... EO @ 117:2-92 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ EO @ 292:0-49 - 118 ::placeholder { | 293 ::placeholder { - ^^^^^^^^^^^^^^ EP @ 118:4-18 | ^^^^^^^^^^^^^^ EP @ 293:2-16 - 119 color: currentcolor; | 294 color: color-mix(in oklab, currentcolor 50%, transparent); - ^^^^^^^^^^^^^^^^^^^ EQ @ 119:6-25 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ EQ @ 294:4-61 - | 295 } - | 296 } + 117 @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { | 296 @supports (not (-webkit-appearance: -apple-pay-button)) /* Not Safari */ or + ^ ES @ 117:2 | ^ ES @ 296:0 + 117 @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { | 297 (contain-intrinsic-size: 1px) /* Safari 17+ */ { + ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^... ET @ 117:2-92 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ET @ 297:0-49 + 118 ::placeholder { | 298 ::placeholder { + ^^^^^^^^^^^^^^ EU @ 118:4-18 | ^^^^^^^^^^^^^^ EU @ 298:2-16 + 119 color: currentcolor; | 299 color: color-mix(in oklab, currentcolor 50%, transparent); + ^^^^^^^^^^^^^^^^^^^ EV @ 119:6-25 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ EV @ 299:4-61 + | 300 } + | 301 } 120 @supports (color: color-mix(in lab, red, red)) { | - ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ EQ @ 120:6-53 | + ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ EV @ 120:6-53 | 121 color: color-mix(in oklab, currentcolor 50%, transparent); | - ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ EQ @ 121:8-65 | + ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ EV @ 121:8-65 | 122 } | 123 } | 124 } | - 125 textarea { | 302 textarea { - ^^^^^^^^^ ER @ 125:2-11 | ^^^^^^^^^ ER @ 302:0-9 - 126 resize: vertical; | 303 resize: vertical; - ^^^^^^^^^^^^^^^^ ES @ 126:4-20 | ^^^^^^^^^^^^^^^^ ES @ 303:2-18 - | 304 } + 125 textarea { | 307 textarea { + ^^^^^^^^^ EW @ 125:2-11 | ^^^^^^^^^ EW @ 307:0-9 + 126 resize: vertical; | 308 resize: vertical; + ^^^^^^^^^^^^^^^^ EX @ 126:4-20 | ^^^^^^^^^^^^^^^^ EX @ 308:2-18 + | 309 } 127 } | - 128 ::-webkit-search-decoration { | 310 ::-webkit-search-decoration { - ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ET @ 128:2-30 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ET @ 310:0-28 - 129 -webkit-appearance: none; | 311 -webkit-appearance: none; - ^^^^^^^^^^^^^^^^^^^^^^^^ EU @ 129:4-28 | ^^^^^^^^^^^^^^^^^^^^^^^^ EU @ 311:2-26 - | 312 } + 128 ::-webkit-search-decoration { | 315 ::-webkit-search-decoration { + ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ EY @ 128:2-30 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ EY @ 315:0-28 + 129 -webkit-appearance: none; | 316 -webkit-appearance: none; + ^^^^^^^^^^^^^^^^^^^^^^^^ EZ @ 129:4-28 | ^^^^^^^^^^^^^^^^^^^^^^^^ EZ @ 316:2-26 + | 317 } 130 } | - 131 ::-webkit-date-and-time-value { | 319 ::-webkit-date-and-time-value { - ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ EV @ 131:2-32 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ EV @ 319:0-30 - 132 min-height: 1lh; | 320 min-height: 1lh; /* 1 */ - ^^^^^^^^^^^^^^^ EW @ 132:4-19 | ^^^^^^^^^^^^^^^ EW @ 320:2-17 - 133 text-align: inherit; | 321 text-align: inherit; /* 2 */ - ^^^^^^^^^^^^^^^^^^^ EX @ 133:4-23 | ^^^^^^^^^^^^^^^^^^^ EX @ 321:2-21 - | 322 } + 131 ::-webkit-date-and-time-value { | 324 ::-webkit-date-and-time-value { + ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ FA @ 131:2-32 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ FA @ 324:0-30 + 132 min-height: 1lh; | 325 min-height: 1lh; /* 1 */ + ^^^^^^^^^^^^^^^ FB @ 132:4-19 | ^^^^^^^^^^^^^^^ FB @ 325:2-17 + 133 text-align: inherit; | 326 text-align: inherit; /* 2 */ + ^^^^^^^^^^^^^^^^^^^ FC @ 133:4-23 | ^^^^^^^^^^^^^^^^^^^ FC @ 326:2-21 + | 327 } 134 } | - 135 ::-webkit-datetime-edit { | 328 ::-webkit-datetime-edit { - ^^^^^^^^^^^^^^^^^^^^^^^^ EY @ 135:2-26 | ^^^^^^^^^^^^^^^^^^^^^^^^ EY @ 328:0-24 - 136 display: inline-flex; | 329 display: inline-flex; - ^^^^^^^^^^^^^^^^^^^^ EZ @ 136:4-24 | ^^^^^^^^^^^^^^^^^^^^ EZ @ 329:2-22 - | 330 } + 135 ::-webkit-datetime-edit { | 333 ::-webkit-datetime-edit { + ^^^^^^^^^^^^^^^^^^^^^^^^ FD @ 135:2-26 | ^^^^^^^^^^^^^^^^^^^^^^^^ FD @ 333:0-24 + 136 display: inline-flex; | 334 display: inline-flex; + ^^^^^^^^^^^^^^^^^^^^ FE @ 136:4-24 | ^^^^^^^^^^^^^^^^^^^^ FE @ 334:2-22 + | 335 } 137 } | - 138 ::-webkit-datetime-edit-fields-wrapper { | 336 ::-webkit-datetime-edit-fields-wrapper { - ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ FA @ 138:2-41 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ FA @ 336:0-39 - 139 padding: 0; | 337 padding: 0; - ^^^^^^^^^^ FB @ 139:4-14 | ^^^^^^^^^^ FB @ 337:2-12 - | 338 } + 138 ::-webkit-datetime-edit-fields-wrapper { | 341 ::-webkit-datetime-edit-fields-wrapper { + ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ FF @ 138:2-41 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ FF @ 341:0-39 + 139 padding: 0; | 342 padding: 0; + ^^^^^^^^^^ FG @ 139:4-14 | ^^^^^^^^^^ FG @ 342:2-12 + | 343 } 140 } | - 141 ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month... | 340 ::-webkit-datetime-edit, - ^ FC @ 141:2 | ^ FC @ 340:0 - 141 ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month... | 341 ::-webkit-datetime-edit-year-field, - ^ FD @ 141:2 | ^ FD @ 341:0 - 141 ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month... | 342 ::-webkit-datetime-edit-month-field, - ^ FE @ 141:2 | ^ FE @ 342:0 - 141 ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month... | 343 ::-webkit-datetime-edit-day-field, - ^ FF @ 141:2 | ^ FF @ 343:0 - 141 ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month... | 344 ::-webkit-datetime-edit-hour-field, - ^ FG @ 141:2 | ^ FG @ 344:0 - 141 ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month... | 345 ::-webkit-datetime-edit-minute-field, + 141 ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month... | 345 ::-webkit-datetime-edit, ^ FH @ 141:2 | ^ FH @ 345:0 - 141 ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month... | 346 ::-webkit-datetime-edit-second-field, + 141 ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month... | 346 ::-webkit-datetime-edit-year-field, ^ FI @ 141:2 | ^ FI @ 346:0 - 141 ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month... | 347 ::-webkit-datetime-edit-millisecond-field, + 141 ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month... | 347 ::-webkit-datetime-edit-month-field, ^ FJ @ 141:2 | ^ FJ @ 347:0 - 141 ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month... | 348 ::-webkit-datetime-edit-meridiem-field { - ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^... FK @ 141:2-329 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ FK @ 348:0-39 - 142 padding-block: 0; | 349 padding-block: 0; - ^^^^^^^^^^^^^^^^ FL @ 142:4-20 | ^^^^^^^^^^^^^^^^ FL @ 349:2-18 - | 350 } + 141 ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month... | 348 ::-webkit-datetime-edit-day-field, + ^ FK @ 141:2 | ^ FK @ 348:0 + 141 ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month... | 349 ::-webkit-datetime-edit-hour-field, + ^ FL @ 141:2 | ^ FL @ 349:0 + 141 ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month... | 350 ::-webkit-datetime-edit-minute-field, + ^ FM @ 141:2 | ^ FM @ 350:0 + 141 ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month... | 351 ::-webkit-datetime-edit-second-field, + ^ FN @ 141:2 | ^ FN @ 351:0 + 141 ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month... | 352 ::-webkit-datetime-edit-millisecond-field, + ^ FO @ 141:2 | ^ FO @ 352:0 + 141 ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month... | 353 ::-webkit-datetime-edit-meridiem-field { + ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^... FP @ 141:2-329 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ FP @ 353:0-39 + 142 padding-block: 0; | 354 padding-block: 0; + ^^^^^^^^^^^^^^^^ FQ @ 142:4-20 | ^^^^^^^^^^^^^^^^ FQ @ 354:2-18 + | 355 } 143 } | - 144 ::-webkit-calendar-picker-indicator { | 356 ::-webkit-calendar-picker-indicator { - ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ FM @ 144:2-38 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ FM @ 356:0-36 - 145 line-height: 1; | 357 line-height: 1; - ^^^^^^^^^^^^^^ FN @ 145:4-18 | ^^^^^^^^^^^^^^ FN @ 357:2-16 - | 358 } + 144 ::-webkit-calendar-picker-indicator { | 361 ::-webkit-calendar-picker-indicator { + ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ FR @ 144:2-38 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ FR @ 361:0-36 + 145 line-height: 1; | 362 line-height: 1; + ^^^^^^^^^^^^^^ FS @ 145:4-18 | ^^^^^^^^^^^^^^ FS @ 362:2-16 + | 363 } 146 } | - 147 :-moz-ui-invalid { | 364 :-moz-ui-invalid { - ^^^^^^^^^^^^^^^^^ FO @ 147:2-19 | ^^^^^^^^^^^^^^^^^ FO @ 364:0-17 - 148 box-shadow: none; | 365 box-shadow: none; - ^^^^^^^^^^^^^^^^ FP @ 148:4-20 | ^^^^^^^^^^^^^^^^ FP @ 365:2-18 - | 366 } + 147 :-moz-ui-invalid { | 369 :-moz-ui-invalid { + ^^^^^^^^^^^^^^^^^ FT @ 147:2-19 | ^^^^^^^^^^^^^^^^^ FT @ 369:0-17 + 148 box-shadow: none; | 370 box-shadow: none; + ^^^^^^^^^^^^^^^^ FU @ 148:4-20 | ^^^^^^^^^^^^^^^^ FU @ 370:2-18 + | 371 } 149 } | - 150 button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-but... | 372 button, - ^ FQ @ 150:2 | ^ FQ @ 372:0 - 150 button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-but... | 373 input:where([type='button'], [type='reset'], [type='submit']), - ^ FR @ 150:2 | ^ FR @ 373:0 - 150 button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-but... | 374 ::file-selector-button { - ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^... FS @ 150:2-96 | ^^^^^^^^^^^^^^^^^^^^^^^ FS @ 374:0-23 - 151 appearance: button; | 375 appearance: button; - ^^^^^^^^^^^^^^^^^^ FT @ 151:4-22 | ^^^^^^^^^^^^^^^^^^ FT @ 375:2-20 - | 376 } + 150 button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-but... | 377 button, + ^ FV @ 150:2 | ^ FV @ 377:0 + 150 button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-but... | 378 input:where([type='button'], [type='reset'], [type='submit']), + ^ FW @ 150:2 | ^ FW @ 378:0 + 150 button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-but... | 379 ::file-selector-button { + ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^... FX @ 150:2-96 | ^^^^^^^^^^^^^^^^^^^^^^^ FX @ 379:0-23 + 151 appearance: button; | 380 appearance: button; + ^^^^^^^^^^^^^^^^^^ FY @ 151:4-22 | ^^^^^^^^^^^^^^^^^^ FY @ 380:2-20 + | 381 } 152 } | - 153 ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { | 382 ::-webkit-inner-spin-button, - ^ FU @ 153:2 | ^ FU @ 382:0 - 153 ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { | 383 ::-webkit-outer-spin-button { - ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ FV @ 153:2-59 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ FV @ 383:0-28 - 154 height: auto; | 384 height: auto; - ^^^^^^^^^^^^ FW @ 154:4-16 | ^^^^^^^^^^^^ FW @ 384:2-14 - | 385 } + 153 ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { | 387 ::-webkit-inner-spin-button, + ^ FZ @ 153:2 | ^ FZ @ 387:0 + 153 ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { | 388 ::-webkit-outer-spin-button { + ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ GA @ 153:2-59 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ GA @ 388:0-28 + 154 height: auto; | 389 height: auto; + ^^^^^^^^^^^^ GB @ 154:4-16 | ^^^^^^^^^^^^ GB @ 389:2-14 + | 390 } 155 } | - 156 [hidden]:where(:not([hidden='until-found'])) { | 391 [hidden]:where(:not([hidden='until-found'])) { - ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ FX @ 156:2-47 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ FX @ 391:0-45 - 157 display: none !important; | 392 display: none !important; - ^^^^^^^^^^^^^^^^^^^^^^^^ FY @ 157:4-28 | ^^^^^^^^^^^^^^^^^^^^^^^^ FY @ 392:2-26 - | 393 } + 156 [hidden]:where(:not([hidden='until-found'])) { | 396 [hidden]:where(:not([hidden='until-found'])) { + ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ GC @ 156:2-47 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ GC @ 396:0-45 + 157 display: none !important; | 397 display: none !important; + ^^^^^^^^^^^^^^^^^^^^^^^^ GD @ 157:4-28 | ^^^^^^^^^^^^^^^^^^^^^^^^ GD @ 397:2-26 + | 398 } 158 } | 159 } | | --- index.css --- 160 @layer utilities; | 5 @import './utilities.css' layer(utilities); - ^^^^^^^^^^^^^^^^ FZ @ 160:0-16 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ FZ @ 5:0-42 + ^^^^^^^^^^^^^^^^ GE @ 160:0-16 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ GE @ 5:0-42 | --- input.css --- 161 .foo { | 3 .foo { - ^^^^^ GA @ 161:0-5 | ^^^^^ GA @ 3:0-5 + ^^^^^ GF @ 161:0-5 | ^^^^^ GF @ 3:0-5 162 text-decoration-line: underline; | 4 @apply underline; - ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ GB @ 162:2-33 | ^^^^^^^^^ GB @ 4:9-18 + ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ GG @ 162:2-33 | ^^^^^^^^^ GG @ 4:9-18 | 5 } 163 } | 164 | From 7a53802d0ef767050a727e3f38bc0db7ce400072 Mon Sep 17 00:00:00 2001 From: Robin Malfait Date: Thu, 9 Jul 2026 16:12:45 +0200 Subject: [PATCH 3/3] update CHANGELOG --- CHANGELOG.md | 1 + 1 file changed, 1 insertion(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 64f11e57d326..8b7f8cba5f34 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -18,6 +18,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 - Fix stale `@tailwindcss/postcss` output when changed input CSS is passed from a preprocessor like Sass without updating the input file on disk ([#20310](https://github.com/tailwindlabs/tailwindcss/pull/20310)) - Ensure CSS nesting is handled even when Lightning CSS isn't run, like in `@tailwindcss/browser` and Tailwind Play ([#20124](https://github.com/tailwindlabs/tailwindcss/pull/20124)) - Prevent achromatic theme colors from shifting hue in `color-mix(…)` with polar color spaces like `oklch` ([#19830](https://github.com/tailwindlabs/tailwindcss/issues/19830)) +- Use explicit platform fonts instead of `system-ui` and `ui-sans-serif` so CJK text respects the page's `lang` attribute on Windows ([#19767](https://github.com/tailwindlabs/tailwindcss/issues/19767), [#19768](https://github.com/tailwindlabs/tailwindcss/issues/19768)) ## [4.3.2] - 2026-06-26