1<!DOCTYPE html><html lang="en" class="inter_31011fd-module__jtyeTG__variable figtree_eef1a667-module__0fyahW__variable google_sans_code_6c58c869-module__enodRW__variable"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes"/><link rel="preload" href="/_next/static/media/6babc54cc0db7717.p.0nzwodiqanef1.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/f7aa21714c1c53f8-s.p.0bhxxck2.9j91.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/0z0by9mbuoylz.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/008np_w2ldezx.js"/>
1<script src="/_next/static/chunks/08r206qlnf_xk.js" async=""></script>
1<script src="/_next/static/chunks/0p9e1gzn9drme.js" async=""></script>
1<script src="/_next/static/chunks/0c.edww4d4tza.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-07r97r~kmsp5g.js" async=""></script>
1<script src="/_next/static/chunks/0q0elt8jdeyhj.js" async=""></script>
1<script src="/_next/static/chunks/0cqtmja_x~gnr.js" async=""></script>
1<script src="/_next/static/chunks/08ss~es_7wy3~.js" async=""></script>
1<script src="/_next/static/chunks/12q5w-tcjy00j.js" async=""></script>
1<script src="/_next/static/chunks/0t1xi5m~eac8h.js" async=""></script>
1<script src="/_next/static/chunks/0hi~qv8lo~s7i.js" async=""></script>
1<script src="/_next/static/chunks/146thbl5nt6.b.js" async=""></script>
1<script src="/_next/static/chunks/0gq8wfvbz1rhv.js" async=""></script>
1<script src="/_next/static/chunks/0.4_up8laayrl.js" async=""></script>
1<script src="/_next/static/chunks/0s5wjds4d_-p4.js" async=""></script>
1<link rel="preload" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" as="style"/><link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-LGKMNEE8JJ" as="script"/><meta name="next-size-adjust" content=""/><meta name="theme-color" content="#654DB6"/><title>React Native CanIUse · styled-components | styled-components</title><meta name="description" content="Which CSS features work on stock React Native vs through styled-components v6 and v7. iOS and Android coverage, plus upstream PRs in flight."/><meta name="author" content="styled-components"/><link rel="manifest" href="/manifest.json"/><meta name="google-site-verification" content="lWntYW6AWVMcShSIWLmOzKr8Wyek2TR-zuQn6_XGu_c"/><meta property="og:title" content="React Native CanIUse · styled-components | styled-components"/><meta property="og:description" content="Which CSS features work on stock React Native vs through styled-components v6 and v7. iOS and Android coverage, plus upstream PRs in flight."/><meta property="og:site_name" content="styled-components"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://www.styled-components.com/docs/compatibility/opengraph-image?ef92fbdcec9acf6a"/><meta property="og:image:type" content="image/png"/><meta property="og:image:width" content="1800"/><meta property="og:image:height" content="945"/><meta property="og:image:alt" content="React Native CanIUse: CSS feature compatibility for styled-components"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@quantizor"/><meta name="twitter:creator" content="@quantizor"/><meta name="twitter:title" content="React Native CanIUse · styled-components | styled-components"/><meta name="twitter:description" content="Which CSS features work on stock React Native vs through styled-components v6 and v7. iOS and Android coverage, plus upstream PRs in flight."/><meta name="twitter:image" content="https://www.styled-components.com/docs/compatibility/opengraph-image?ef92fbdcec9acf6a"/><meta name="twitter:image:alt" content="React Native CanIUse: CSS feature compatibility for styled-components"/><meta name="twitter:image:type" content="image/png"/><meta name="twitter:image:width" content="1800"/><meta name="twitter:image:height" content="945"/><link rel="shortcut icon" href="/atom.png"/><link rel="icon" href="/favicon.svg" type="image/svg+xml"/><link rel="icon" href="/favicon.png" type="image/png"/>
1<script> 2 (function() { 3 try { 4 var d = document.documentElement; 5 var stored = localStorage.getItem('theme'); 6 if (stored === 'dark' || stored === 'light') { 7 d.classList.add(stored); 8 if (stored === 'dark') d.dataset.theme = 'dark'; 9 } else if (window.matchMedia('(prefers-color-scheme: dark)').matches) { 10 d.classList.add('dark'); 11 d.dataset.theme = 'dark'; 12 } 13 } catch (e) {} 14 if (location.pathname === '/') d.setAttribute('data-hero-logo-visible', ''); 15 })(); 16</script>
16<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3"/>
16<script src="/_next/static/chunks/03~yq9q893hmn.js" noModule=""></script>
16<style data-styled="" data-styled-version="7.0.0-prerelease-20260731035917">:root{--sc-palette-0:oklch(0.6579 0.2752 25.7477);--sc-palette-1:oklch(0.7133 0.2268 42.8918);--sc-palette-2:oklch(0.7583 0.2155 65.4221);--sc-palette-3:oklch(0.7979 0.2386 85.2743);--sc-palette-4:oklch(0.682 0.2741 104.0057);--sc-palette-5:oklch(0.7434 0.2246 122.9199);--sc-palette-6:oklch(0.6637 0.2479 136.97);--sc-palette-7:oklch(0.7545 0.258 149.7267);--sc-palette-8:oklch(0.7855 0.2177 170.2576);--sc-palette-9:oklch(0.7061 0.2436 183.6472);--sc-palette-10:oklch(0.6488 0.2213 203.8675);--sc-palette-11:oklch(0.7193 0.176 226.5113);--sc-palette-12:oklch(0.6051 0.2341 253.7474);--sc-palette-13:oklch(0.674 0.1845 266.6025);--sc-palette-14:oklch(0.7487 0.1439 281.5611);--sc-palette-15:oklch(0.6441 0.239 303.5304);--sc-palette-16:oklch(0.7606 0.2253 325.2988);--sc-palette-17:oklch(0.6961 0.2463 337.0433);--sc-palette-18:oklch(0.657 0.2534 352.3631);--sc-palette-19:oklch(0.6748 0.27 8.3969);--sc-color-bg:oklch(0.99 0 0);--sc-color-surface:oklch(0.97 0 0);--sc-color-surfaceRaised:oklch(0.95 0 0);--sc-color-text:oklch(0.2 0.01 270);--sc-color-textSecondary:oklch(0.45 0 0);--sc-color-textMuted:oklch(0.58 0 0);--sc-color-accent:oklch(0.674 0.1845 266.6025);--sc-color-accentLight:oklch(0.76 0.18 266.6);--sc-color-accentLighter:oklch(0.85 0.12 266.6);--sc-color-accentDark:oklch(0.56 0.22 266.6);--sc-color-accentSubtle:oklch(0.674 0.1845 266.6025 / 0.08);--sc-color-border:oklch(0 0 0 / 0.1);--sc-color-borderStrong:oklch(0 0 0 / 0.2);--sc-color-shadow:oklch(0 0 0 / 0.12);--sc-color-selection:oklch(0.8 0.12 85 / 0.3);--sc-color-linkUnderline:oklch(0 0 0 / 0.15);--sc-color-linkUnderlineHover:oklch(0 0 0 / 0.4);--sc-color-error:oklch(0.6579 0.2752 25.7477);--sc-color-brandPink:oklch(0.657 0.2534 352.3631);--sc-color-blogAccent:oklch(0.7583 0.2155 65.4221);--sc-color-blogAccentSubtle:oklch(0.7583 0.2155 65.4221 / 0.08);--sc-color-blogAccentMuted:oklch(0.7583 0.2155 65.4221 / 0.4);--sc-color-navBg:oklch(1 0 0 / 0.85);--sc-color-navText:oklch(0.2 0.01 270);--sc-color-codeBg:oklch(0.97 0 0);--sc-color-codeText:oklch(0.22 0.02 54);--sc-color-codeComment:oklch(0.60 0.03 54);--sc-color-codeDeclaration:oklch(0.6051 0.2341 253.7474);--sc-color-codeFunction:oklch(0.6441 0.239 303.5304);--sc-color-codeValue:oklch(0.6637 0.2479 136.97);--sc-color-codeAccess:oklch(0.6441 0.239 303.5304);--sc-color-codeString:oklch(0.22 0.02 54);--sc-color-codeInterp0:oklch(0.6579 0.2752 25.7477);--sc-color-codeInterp1:oklch(0.6579 0.2752 25.7477);--sc-color-codeInterp2:oklch(0.6579 0.2752 25.7477);--sc-color-codeInserted:color-mix(in oklab, oklch(0.7545 0.258 149.7267) 65%, oklch(0.22 0.02 54));--sc-color-codeDeleted:color-mix(in oklab, oklch(0.6579 0.2752 25.7477) 65%, oklch(0.22 0.02 54));--sc-color-heroText:oklch(0.95 0 0);--sc-text-xs:0.75rem;--sc-text-sm:0.875rem;--sc-text-base:1rem;--sc-text-md:1.125rem;--sc-text-lg:1.25rem;--sc-text-xl:1.5rem;--sc-text-2xl:2rem;--sc-text-3xl:2.5rem;--sc-fontWeight-normal:400;--sc-fontWeight-medium:500;--sc-fontWeight-semibold:600;--sc-fontWeight-bold:700;--sc-fontWeight-display:700;--sc-leading-tight:1.15;--sc-leading-snug:1.4;--sc-leading-normal:1.6;--sc-leading-relaxed:1.7;--sc-space-1:0.25rem;--sc-space-2:0.5rem;--sc-space-3:0.75rem;--sc-space-4:1rem;--sc-space-5:1.25rem;--sc-space-6:1.5rem;--sc-space-8:2rem;--sc-space-10:2.5rem;--sc-space-12:3rem;--sc-space-16:4rem;--sc-space-20:5rem;--sc-space-24:6rem;--sc-radius-sm:2px;--sc-radius-md:4px;--sc-radius-lg:8px;--sc-radius-xl:12px;--sc-radius-full:9999px;--sc-duration-fast:100ms;--sc-duration-normal:200ms;--sc-duration-slow:300ms;--sc-ease-out:cubic-bezier(0.16, 1, 0.3, 1);--sc-layout-sidebar:18.75rem;--sc-layout-navbar:3.125rem;--sc-layout-gutter:2rem;--sc-layout-gutterFluid:clamp(2rem, 5vw, 5rem);--sc-layout-contentWidth:120ch;}/*!sc*/ 17data-styled.g1[id="sc-global-flKYdM"]{content:"sc-global-flKYdM_R_1db_,"}/*!sc*/ 18@property --sc-color-bg{syntax:'<color>';inherits:true;initial-value:oklch(0.99 0 0);}/*!sc*/ 19@property --sc-color-text{syntax:'<color>';inherits:true;initial-value:oklch(0.20 0.01 270);}/*!sc*/ 20@property --sc-color-accent{syntax:'<color>';inherits:true;initial-value:oklch(0.50 0.16 290);}/*!sc*/ 21@property --sc-color-surface{syntax:'<color>';inherits:true;initial-value:oklch(0.97 0 0);}/*!sc*/ 22@property --sc-color-surfaceRaised{syntax:'<color>';inherits:true;initial-value:oklch(0.95 0 0);}/*!sc*/ 23@property --border-angle{syntax:'<angle>';inherits:false;initial-value:0deg;}/*!sc*/ 24*,::after,::before{background-repeat:no-repeat;box-sizing:inherit;}/*!sc*/ 25::after,::before{text-decoration:inherit;vertical-align:inherit;}/*!sc*/ 26html{box-sizing:border-box;
26cursor:default;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}/*!sc*/ 27article,aside,footer,header,nav,section{display:block;}/*!sc*/ 28body{margin:0;}/*!sc*/ 29h1{font-size:2em;margin:.67em 0;}/*!sc*/ 30figcaption,figure,main{display:block;}/*!sc*/ 31figure{margin:1em 40px;}/*!sc*/ 32hr{box-sizing:content-box;height:0;overflow:visible;}/*!sc*/ 33nav ol,nav ul{list-style:none;}/*!sc*/ 34pre{font-family:monospace,monospace;font-size:1em;}/*!sc*/ 35a{text-decoration:none;color:inherit;background-color:transparent;-webkit-text-decoration-skip:objects;}/*!sc*/ 36abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}/*!sc*/ 37b,strong{font-weight:inherit;}/*!sc*/ 38b,strong{font-weight:bolder;}/*!sc*/ 39code,kbd,samp{font-family:monospace,monospace;font-size:1em;}/*!sc*/ 40dfn{font-style:italic;}/*!sc*/ 41mark{background-color:#ff0;color:#000;}/*!sc*/ 42small{font-size:80%;}/*!sc*/ 43sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}/*!sc*/ 44sub{bottom:-.25em;}/*!sc*/ 45sup{top:-.5em;}/*!sc*/ 46audio,canvas,iframe,img,svg,video{vertical-align:middle;}/*!sc*/ 47audio,video{display:inline-block;}/*!sc*/ 48audio:not([controls]){display:none;height:0;}/*!sc*/ 49img{border-style:none;}/*!sc*/ 50svg:not(:root){overflow:hidden;}/*!sc*/ 51table{border-collapse:collapse;}/*!sc*/ 52button,input,optgroup,select,textarea{margin:0;}/*!sc*/ 53button,input,select,textarea{background-color:transparent;color:inherit;font-size:inherit;line-height:inherit;}/*!sc*/ 54button,input{overflow:visible;}/*!sc*/ 55button,select{text-transform:none;}/*!sc*/ 56[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button;cursor:pointer;}/*!sc*/ 57[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0;}/*!sc*/ 58[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText;}/*!sc*/ 59legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}/*!sc*/ 60progress{display:inline-block;vertical-align:baseline;}/*!sc*/ 61textarea{overflow:auto;resize:vertical;}/*!sc*/ 62[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}/*!sc*/ 63[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto;}/*!sc*/ 64[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}/*!sc*/ 65[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none;}/*!sc*/ 66::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}/*!sc*/ 67details,menu{display:block;}/*!sc*/ 68summary{display:list-item;}/*!sc*/ 69canvas{display:inline-block;}/*!sc*/ 70template{display:none;}/*!sc*/ 71[tabindex],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation;}/*!sc*/ 72[hidden]{display:none;}/*!sc*/ 73[aria-busy=true]{cursor:progress;}/*!sc*/ 74[aria-controls]{cursor:pointer;}/*!sc*/ 75[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute;}/*!sc*/ 76[aria-disabled]{cursor:default;}/*!sc*/ 77@media (prefers-color-scheme: dark){html:not(.light){--sc-color-bg:oklch(0.13 0.01 270);--sc-color-surface:oklch(0.18 0.01 270);--sc-color-surfaceRaised:oklch(0.22 0.01 270);--sc-color-text:oklch(0.93 0 0);--sc-color-textSecondary:oklch(0.75 0 0);--sc-color-textMuted:oklch(0.62 0 0);--sc-color-accent:oklch(0.6909 0.1774 264.5021);--sc-color-accentLight:oklch(0.76 0.18 264.5);--sc-color-accentLighter:oklch(0.85 0.12 264.5);--sc-color-accentDark:oklch(0.56 0.18 264.5);--sc-color-accentSubtle:oklch(0.6909 0.1774 264.5021 / 0.15);--sc-color-border:oklch(1 0 0 / 0.1);--sc-color-borderStrong:oklch(1 0 0 / 0.15);--sc-color-shadow:oklch(0 0 0 / 0.4);--sc-color-selection:oklch(0.6 0.12 290 / 0.3);--sc-color-linkUnderline:oklch(1 0 0 / 0.2);--sc-color-linkUnderlineHover:oklch(1 0 0 / 0.45);--sc-color-blogAccentSubtle:oklch(0.7822 0.1996 62.908 / 0.12);--sc-color-blogAccentMuted:oklch(0.7822 0.1996 62.908 / 0.25);--sc-color-navBg:oklch(0.1 0.01 270 / 0.85);--sc-color-navText:oklch(0.95 0 0);
77--sc-color-codeBg:oklch(0.18 0.01 270);--sc-color-codeText:oklch(0.95 0.01 270);--sc-color-codeComment:oklch(0.66 0.02 270);--sc-color-codeDeclaration:oklch(0.7355 0.1704 235.9564);--sc-color-codeFunction:oklch(0.78 0.18 296.4129);--sc-color-codeValue:oklch(0.92 0.26 147.8038);--sc-color-codeAccess:oklch(0.78 0.18 296.4129);--sc-color-codeString:#fff;--sc-color-codeInterp0:oklch(0.6994 0.2477 23.0264);--sc-color-codeInterp1:oklch(0.6994 0.2477 23.0264);--sc-color-codeInterp2:oklch(0.6994 0.2477 23.0264);--sc-color-codeInserted:oklch(0.92 0.26 147.8038);--sc-color-codeDeleted:oklch(0.6994 0.2477 23.0264);color-scheme:dark;}}/*!sc*/ 78html.light{color-scheme:light;}/*!sc*/ 79html.dark{--sc-color-bg:oklch(0.13 0.01 270);--sc-color-surface:oklch(0.18 0.01 270);--sc-color-surfaceRaised:oklch(0.22 0.01 270);--sc-color-text:oklch(0.93 0 0);--sc-color-textSecondary:oklch(0.75 0 0);--sc-color-textMuted:oklch(0.62 0 0);--sc-color-accent:oklch(0.6909 0.1774 264.5021);--sc-color-accentLight:oklch(0.76 0.18 264.5);--sc-color-accentLighter:oklch(0.85 0.12 264.5);--sc-color-accentDark:oklch(0.56 0.18 264.5);--sc-color-accentSubtle:oklch(0.6909 0.1774 264.5021 / 0.15);--sc-color-border:oklch(1 0 0 / 0.1);--sc-color-borderStrong:oklch(1 0 0 / 0.15);--sc-color-shadow:oklch(0 0 0 / 0.4);--sc-color-selection:oklch(0.6 0.12 290 / 0.3);--sc-color-linkUnderline:oklch(1 0 0 / 0.2);--sc-color-linkUnderlineHover:oklch(1 0 0 / 0.45);--sc-color-blogAccentSubtle:oklch(0.7822 0.1996 62.908 / 0.12);--sc-color-blogAccentMuted:oklch(0.7822 0.1996 62.908 / 0.25);--sc-color-navBg:oklch(0.1 0.01 270 / 0.85);--sc-color-navText:oklch(0.95 0 0);--sc-color-codeBg:oklch(0.18 0.01 270);--sc-color-codeText:oklch(0.95 0.01 270);--sc-color-codeComment:oklch(0.66 0.02 270);--sc-color-codeDeclaration:oklch(0.7355 0.1704 235.9564);--sc-color-codeFunction:oklch(0.78 0.18 296.4129);--sc-color-codeValue:oklch(0.92 0.26 147.8038);--sc-color-codeAccess:oklch(0.78 0.18 296.4129);--sc-color-codeString:#fff;--sc-color-codeInterp0:oklch(0.6994 0.2477 23.0264);--sc-color-codeInterp1:oklch(0.6994 0.2477 23.0264);--sc-color-codeInterp2:oklch(0.6994 0.2477 23.0264);--sc-color-codeInserted:oklch(0.92 0.26 147.8038);--sc-color-codeDeleted:oklch(0.6994 0.2477 23.0264);color-scheme:dark;}/*!sc*/ 80:root{accent-color:var(--sc-color-accent, oklch(0.674 0.1845 266.6025));}/*!sc*/ 81html,body{font-size:16px;line-height:var(--sc-leading-normal, 1.6);font-family:var(--font-sans);letter-spacing:-0.01em;font-variant-ligatures:common-ligatures;font-style:normal;padding:0;margin:0;color:var(--sc-color-text, oklch(0.2 0.01 270));background-color:var(--sc-color-bg, oklch(0.99 0 0));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}/*!sc*/ 82button>p{margin:0;}/*!sc*/ 83#__next{overflow-x:hidden;}/*!sc*/ 84body.sticky{overflow:hidden;}/*!sc*/ 85.root{position:relative;overflow:auto;scroll-behavior:smooth;height:100dvh;}/*!sc*/ 86.small{color:white;font-size:0.5em;}/*!sc*/ 87.big{color:white;font-size:1.4em;}/*!sc*/ 88h1{font-family:var(--font-display);font-weight:var(--sc-fontWeight-display, 700);letter-spacing:-0.02em;font-size:110%;}/*!sc*/ 89h2{font-weight:var(--sc-fontWeight-bold, 700);}/*!sc*/ 90h1,h2,h3,h4,h5,h6{text-wrap:balance;}/*!sc*/ 91h1 a:not([class]),h2 a:not([class]),h3 a:not([class]),h4 a:not([class]),h5 a:not([class]),h6 a:not([class]){color:inherit;text-decoration:none;transition:text-decoration-color var(--sc-duration-fast, 100ms);}/*!sc*/ 92h1 a:not([class]):hover,h2 a:not([class]):hover,h3 a:not([class]):hover,h4 a:not([class]):hover,h5 a:not([class]):hover,h6 a:not([class]):hover,h1 a:not([class]):focus-visible,h2 a:not([class]):focus-visible,h3 a:not([class]):focus-visible,h4 a:not([class]):focus-visible,h5 a:not([class]):focus-visible,h6 a:not([class]):focus-visible{text-decoration:underline;text-decoration-color:var(--sc-color-linkUnderlineHover, oklch(0 0 0 / 0.4));text-underline-offset:3px;}/*!sc*/ 93p{text-wrap:pretty;margin-bottom:1.75em;}/*!sc*/ 94pre,blockquote{margin-bottom:2em;}/*!sc*/ 95hr{border:0;border-top:1px solid var(--sc-color-border, oklch(0 0 0 / 0.1));margin:var(--sc-space-8, 2rem) 0;}/*!sc*/ 96ul,ol{margin-bottom:1.75em;}/*!sc*/ 97strong{font-weight:var(--sc-fontWeight-semibold, 600);}/*!sc*/ 98code{background:color-mix(in oklab, var(--sc-color-text, oklch(0.2 0.01 270)) 8%, transparent);color:var(--sc-color-text, oklch(0.2 0.01 270));border-radius:var(--sc-radius-sm, 2px);font-family:var(--font-mono);font-size:0.85em;letter-spacing:-0.025em;padding:0.15em 0.4em;}/*!sc*/ 99pre code{background:none;padding:0;border-radius:0;}/*!sc*/ 100h1 code{font-weight:var(--sc-fontWeight-semibold, 600);padding:0 0.3em;}/*!sc*/ 101ul,ol{padding-left:0;}/*!sc*/ 102ul ul,ul ol,ol ol,ol ul{padding-left:1.5em;}/*!sc*/ 103ul li,ol li{margin-bottom:0.75em;margin-left:1em;line-height:var(--sc-leading-normal, 1.6);}/*!sc*/ 104table{width:100%;margin:var(--sc-space-10, 2.5rem) 0;border-collapse:separate;border-spacing:0;text-align:left;font-size:var(--sc-text-sm, 0.875rem);}/*!sc*/ 105thead{font-family:var(--font-sans);}/*!sc*/ 106thead tr{border-bottom:2px solid var(--sc-color-borderStrong, oklch(0 0 0 / 0.2));}/*!sc*/ 107thead th{font-weight:var(--sc-fontWeight-semibold, 600);text-transform:uppercase;font-size:var(--sc-text-xs, 0.75rem);letter-spacing:0.02em;opacity:0.7;padding:var(--sc-space-2, 0.5rem) var(--sc-space-4, 1rem) var(--sc-space-3, 0.75rem);vertical-align:top;}/*!sc*/ 108thead th:first-child,tbody td:first-child{padding-left:0;}/*!sc*/ 109tbody td{padding:var(--sc-space-4, 1rem) var(--sc-space-4, 1rem);vertical-align:top;line-height:var(--sc-leading-relaxed, 1.7);}/*!sc*/ 110tbody tr{transition:background-color var(--sc-duration-fast, 100ms) ease;}/*!sc*/ 111tbody tr:not(:last-child) td{border-bottom:1px solid var(--sc-color-border, oklch(0 0 0 / 0.1));}/*!sc*/ 112tbody tr:hover{background-color:var(--sc-color-accentSubtle, oklch(0.674 0.1845 266.6025 / 0.08));}/*!sc*/ 113::selection{background:var(--sc-color-selection, oklch(0.8 0.12 85 / 0.3));}/*!sc*/ 114:focus-visible{outline:2px solid var(--sc-color-accent, oklch(0.674 0.1845 266.6025));outline-offset:2px;}/*!sc*/ 115@media all and (max-width: 1000px){li{list-style-position:outside;margin-left:1em;}}/*!sc*/ 116:root{--docsearch-primary-color:var(--sc-color-accent, oklch(0.674 0.1845 266.6025));--docsearch-text-color:var(--sc-color-text, oklch(0.2 0.01 270));--docsearch-muted-color:var(--sc-color-textMuted, oklch(0.58 0 0));--docsearch-container-background:oklch(0 0 0 / 0.5);--docsearch-modal-background:var(--sc-color-surface, oklch(0.97 0 0));--docsearch-modal-shadow:0 4px 24px var(--sc-color-shadow, oklch(0 0 0 / 0.12));--docsearch-searchbox-background:var(--sc-color-bg, oklch(0.99 0 0));--docsearch-searchbox-focus-background:var(--sc-color-bg, oklch(0.99 0 0));--docsearch-searchbox-shadow:none;--docsearch-hit-color:var(--sc-color-text, oklch(0.2 0.01 270));--docsearch-hit-background:var(--sc-color-surface, oklch(0.97 0 0));--docsearch-hit-shadow:none;--docsearch-hit-active-color:oklch(0.98 0 0);--docsearch-footer-background:var(--sc-color-surface, oklch(0.97 0 0));--docsearch-footer-shadow:0 -1px 0 var(--sc-color-border, oklch(0 0 0 / 0.1));--docsearch-key-gradient:linear-gradient(-225deg, var(--sc-color-surfaceRaised, oklch(0.95 0 0)), var(--sc-color-surface, oklch(0.97 0 0)));--docsearch-key-shadow:inset 0 -2px 0 0 var(--sc-color-border, oklch(0 0 0 / 0.1)),inset 0 0 1px 1px var(--sc-color-surfaceRaised, oklch(0.95 0 0)),0 1px 2px 1px var(--sc-color-shadow, oklch(0 0 0 / 0.12));--docsearch-key-pressed-shadow:inset 0 -2px 0 0 var(--sc-color-border, oklch(0 0 0 / 0.1));--docsearch-icon-color:var(--sc-color-textMuted, oklch(0.58 0 0));--docsearch-highlight-color:var(--sc-color-accent, oklch(0.674 0.1845 266.6025));--docsearch-logo-color:var(--sc-color-textMuted, oklch(0.58 0 0));}/*!sc*/ 117.DocSearch-Container{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}/*!sc*/
118.DocSearch-Input{outline:none !important;box-shadow:none !important;}/*!sc*/ 119.DocSearch-Form{box-shadow:none !important;border:1px solid var(--sc-color-border, oklch(0 0 0 / 0.1)) !important;border-radius:var(--sc-radius-md, 4px) !important;}/*!sc*/ 120.DocSearch-Form:focus-within{border-color:var(--sc-color-accent, oklch(0.674 0.1845 266.6025)) !important;}/*!sc*/ 121.DocSearch-StartScreen-Suggestions{display:flex;flex-wrap:wrap;gap:var(--sc-space-2, 0.5rem);padding:var(--sc-space-2, 0.5rem) var(--sc-space-4, 1rem) var(--sc-space-4, 1rem);}/*!sc*/ 122.DocSearch-StartScreen-Suggestions-Card{display:inline-flex;align-items:center;padding:var(--sc-space-2, 0.5rem) var(--sc-space-3, 0.75rem);border-radius:var(--sc-radius-md, 4px);border:1px solid var(--sc-color-border, oklch(0 0 0 / 0.1));background:var(--sc-color-surface, oklch(0.97 0 0));color:var(--sc-color-text, oklch(0.2 0.01 270));text-decoration:none;font-size:var(--sc-text-sm, 0.875rem);transition:border-color 0.15s,background 0.15s,color 0.15s;}/*!sc*/ 123.DocSearch-StartScreen-Suggestions-Card:hover{border-color:var(--sc-color-accent, oklch(0.674 0.1845 266.6025));background:var(--sc-color-accentSubtle, oklch(0.674 0.1845 266.6025 / 0.08));color:var(--sc-color-accent, oklch(0.674 0.1845 266.6025));}/*!sc*/ 124.DocSearch-StartScreen-LatestBlog{display:flex;flex-direction:column;gap:var(--sc-space-1, 0.25rem);margin:var(--sc-space-2, 0.5rem) var(--sc-space-4, 1rem) var(--sc-space-4, 1rem);padding:var(--sc-space-3, 0.75rem) var(--sc-space-4, 1rem);border-radius:var(--sc-radius-md, 4px);border:1px solid var(--sc-color-border, oklch(0 0 0 / 0.1));background:var(--sc-color-surface, oklch(0.97 0 0));text-decoration:none;transition:border-color 0.15s,background 0.15s;}/*!sc*/ 125.DocSearch-StartScreen-LatestBlog:hover{border-color:var(--sc-color-accent, oklch(0.674 0.1845 266.6025));background:var(--sc-color-accentSubtle, oklch(0.674 0.1845 266.6025 / 0.08));}/*!sc*/ 126.DocSearch-StartScreen-LatestBlog-Label{font-size:var(--sc-text-xs, 0.75rem);font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--sc-color-textMuted, oklch(0.58 0 0));}/*!sc*/ 127.DocSearch-StartScreen-LatestBlog-Title{font-size:var(--sc-text-sm, 0.875rem);color:var(--sc-color-text, oklch(0.2 0.01 270));line-height:1.4;}/*!sc*/ 128@media (prefers-contrast: more){:root{--sc-color-border:oklch(0 0 0 / 0.30);--sc-color-borderStrong:oklch(0 0 0 / 0.50);--sc-color-textSecondary:oklch(0.30 0 0);--sc-color-textMuted:oklch(0.38 0 0);--sc-color-shadow:oklch(0 0 0 / 0.25);--sc-color-linkUnderline:oklch(0 0 0 / 0.40);--sc-color-linkUnderlineHover:oklch(0 0 0 / 0.70);--sc-color-accentSubtle:oklch(0.50 0.16 290 / 0.15);}html.dark{--sc-color-border:oklch(1 0 0 / 0.30);--sc-color-borderStrong:oklch(1 0 0 / 0.40);--sc-color-textSecondary:oklch(0.80 0 0);--sc-color-textMuted:oklch(0.72 0 0);--sc-color-shadow:oklch(0 0 0 / 0.60);--sc-color-linkUnderline:oklch(1 0 0 / 0.40);--sc-color-linkUnderlineHover:oklch(1 0 0 / 0.70);--sc-color-accentSubtle:oklch(0.62 0.16 290 / 0.20);}}/*!sc*/ 129@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}}/*!sc*/ 130data-styled.g2[id="sc-global-fOxxKA"]{content:"sc-global-fOxxKA,"}/*!sc*/ 131.dbvieO{color:var(--sc-color-accent, oklch(0.674 0.1845 266.6025));font-weight:var(--sc-fontWeight-medium, 500);cursor:pointer;text-decoration:underline dotted;text-decoration-color:var(--sc-color-accent, oklch(0.674 0.1845 266.6025));text-underline-offset:3px;transition:color var(--sc-duration-fast, 100ms),text-decoration-color var(--sc-duration-fast, 100ms),text-decoration-style var(--sc-duration-fast, 100ms);}/*!sc*/ 132.dbvieO:hover,.dbvieO:focus-visible{color:var(--sc-color-accentDark, oklch(0.56 0.22 266.6));text-decoration-style:solid;text-decoration-color:var(--sc-color-accentDark, oklch(0.56 0.22 266.6));}/*!sc*/ 133data-styled.g3[id="Link__InlineLink-sc-b6a8c158-0"]{content:"dbvieO,"}/*!sc*/ 134.aHQDA{color:var(--sc-color-accent, oklch(0.674 0.1845 266.6025));font-weight:var(--sc-fontWeight-medium, 500);cursor:pointer;text-decoration:underline dotted;text-decoration-color:var(--sc-color-accent, oklch(0.674 0.1845 266.6025));text-underline-offset:3px;transition:color var(--sc-duration-fast, 100ms),text-decoration-color var(--sc-duration-fast, 100ms),text-decoration-style var(--sc-duration-fast, 100ms);}/*!sc*/ 135.aHQDA:hover,.aHQDA:focus-visible{color:var(--sc-color-accentDark, oklch(0.56 0.22 266.6));text-decoration-style:solid;text-decoration-color:var(--sc-color-accentDark, oklch(0.56 0.22 266.6));}/*!sc*/
136data-styled.g4[id="Link__InlineNextLink-sc-b6a8c158-1"]{content:"aHQDA,"}/*!sc*/ 137.ivPtFR{display:inline-block;vertical-align:middle;overflow:hidden;}/*!sc*/ 138data-styled.g9[id="StyledIconBase-sc-ea9ulj-0"]{content:"ivPtFR,"}/*!sc*/ 139.iBjzzV{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;border-radius:50%;background:transparent;color:var(--sc-color-navText, oklch(0.2 0.01 270));cursor:pointer;transition:opacity var(--sc-duration-normal, 200ms),background var(--sc-duration-normal, 200ms);}/*!sc*/ 140.iBjzzV:hover{background:var(--sc-color-accentSubtle, oklch(0.674 0.1845 266.6025 / 0.08));}/*!sc*/ 141.iBjzzV:active{transform:scale(0.95);}/*!sc*/ 142data-styled.g10[id="ThemeToggle__Button-sc-d25d324f-0"]{content:"iBjzzV,"}/*!sc*/ 143.bNlpNt{position:relative;display:inline-block;perspective:800px;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;}/*!sc*/ 144.bNlpNt:active{cursor:grabbing;}/*!sc*/ 145data-styled.g11[id="PlatonicLogo__Scene-sc-ab992875-0"]{content:"bNlpNt,"}/*!sc*/ 146.bwQXqZ{position:absolute;top:50%;left:50%;mix-blend-mode:hard-light;pointer-events:none;}/*!sc*/ 147data-styled.g12[id="PlatonicLogo__FaceTile-sc-ab992875-1"]{content:"bwQXqZ,"}/*!sc*/ 148.kfjFmH{gap:0;margin-right:2px;transition:transform 300ms cubic-bezier(0.16, 1, 0.3, 1),opacity 300ms;}/*!sc*/ 149html[data-hero-logo-visible] .kfjFmH{opacity:0;transform:translateY(30px) scale(0.6);}/*!sc*/ 150data-styled.g13[id="Logo__LogoIcon-sc-7fcc3ba9-0"]{content:"kfjFmH,"}/*!sc*/ 151.idwHZp{display:inline-flex;align-items:center;gap:0.4em;white-space:nowrap;}/*!sc*/ 152data-styled.g14[id="Logo__Wrapper-sc-7fcc3ba9-1"]{content:"idwHZp,"}/*!sc*/ 153.hygizm{font-family:var(--font-display);font-weight:var(--sc-fontWeight-semibold, 600);font-size:calc(var(--sc-text-md, 1.125rem) * 1.1 - 2px);letter-spacing:-0.015em;color:var(--sc-color-text, oklch(0.2 0.01 270));transform:translateY(-1px);}/*!sc*/ 154data-styled.g15[id="Logo__Text-sc-7fcc3ba9-2"]{content:"hygizm,"}/*!sc*/ 155.hnhZbS{background:none;outline:none;border:none;background:transparent;cursor:pointer;flex:0 0 auto;height:50px;padding:0 0.5555555555555556rem;text-align:center;transition:all 200ms ease-in-out;vertical-align:middle;min-width:2.4444444444444446rem;min-height:2.4444444444444446rem;display:inline-flex;align-items:center;justify-content:center;}/*!sc*/ 156.hnhZbS:hover{filter:brightness(0.85);}/*!sc*/ 157.hnhZbS:active{filter:brightness(1);}/*!sc*/ 158.NavButton-sc-74c690fd-0+.NavButton-sc-74c690fd-0{padding-left:0;}/*!sc*/ 159data-styled.g16[id="NavButton-sc-74c690fd-0"]{content:"hnhZbS,"}/*!sc*/ 160.isIgSS svg{display:inline-block;}/*!sc*/
161.isIgSS svg path{fill:currentColor;}/*!sc*/ 162data-styled.g17[id="NavIcons__Svg-sc-e995e4ec-0"]{content:"isIgSS,"}/*!sc*/ 163.ioMRBH{display:none;}/*!sc*/ 164@media (max-width: 62.5em){.ioMRBH{align-items:center;display:flex;flex-grow:1;height:50px;justify-content:space-between;padding-left:calc(var(--sc-layout-gutter, 2rem) - 10px);padding-right:calc(var(--sc-layout-gutter, 2rem) - 11px);}}/*!sc*/ 165data-styled.g18[id="MobileNavbar__Wrapper-sc-e71269b7-0"]{content:"ioMRBH,"}/*!sc*/ 166.biYtUu{display:inline-flex;align-items:center;}/*!sc*/ 167data-styled.g19[id="MobileNavbar__LogoLink-sc-e71269b7-1"]{content:"biYtUu,"}/*!sc*/ 168.kLnnkT{display:flex;align-items:center;flex:1 1 auto;}/*!sc*/ 169data-styled.g20[id="Social__Wrapper-sc-78dd5f2a-0"]{content:"kLnnkT,"}/*!sc*/ 170.ieDCml{display:flex;margin-right:1.1111111111111112rem;line-height:50px;transition:opacity 0.2s,transform 0.2s;cursor:pointer;min-width:2.4444444444444446rem;min-height:2.4444444444444446rem;align-items:center;justify-content:center;}/*!sc*/ 171.ieDCml:last-child{margin-right:0;}/*!sc*/ 172.ieDCml:hover,.ieDCml:focus{opacity:0.8;}/*!sc*/ 173.ieDCml:active{transform:scale(0.95);opacity:0.6;}/*!sc*/ 174.ieDCml svg path{fill:currentColor;}/*!sc*/ 175data-styled.g21[id="Social__SocialLink-sc-78dd5f2a-1"]{content:"ieDCml,"}/*!sc*/ 176.gfCAnS.gfCAnS{width:NaNrem;height:1rem;}/*!sc*/ 177data-styled.g22[id="Social__StyledIcon-sc-78dd5f2a-2"]{content:"gfCAnS,"}/*!sc*/ 178.uUETi{align-items:center;background-color:var(--sc-color-navBg, oklch(1 0 0 / 0.85));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-sizing:border-box;color:var(--sc-color-navText, oklch(0.2 0.01 270));display:flex;font-family:var(--font-sans);height:50px;left:0;padding:0;position:fixed;transition:background var(--sc-duration-slow, 300ms) ease-out,color var(--sc-duration-slow, 300ms) ease-out;width:100%;z-index:40;border-bottom:1px solid color-mix(in oklch, var(--sc-color-text, oklch(0.2 0.01 270)) 8%, var(--sc-color-surface, oklch(0.97 0 0)));}/*!sc*/ 179data-styled.g23[id="Navbar__Wrapper-sc-7afcdf91-0"]{content:"uUETi,"}/*!sc*/ 180.hbQMaH{display:flex;align-items:center;width:260px;flex-shrink:0;height:100%;padding-left:16px;box-sizing:border-box;border-right:1px solid color-mix(in oklch, var(--sc-color-text, oklch(0.2 0.01 270)) 8%, var(--sc-color-surface, oklch(0.97 0 0)));}/*!sc*/ 181data-styled.g24[id="Navbar__LogoZone-sc-7afcdf91-1"]{content:"hbQMaH,"}/*!sc*/ 182.lhAWlh{display:flex;align-items:center;flex:1;min-width:0;max-width:var(--sc-layout-contentWidth, 120ch);margin:0 auto;box-sizing:border-box;padding:0 var(--sc-layout-gutterFluid, clamp(2rem, 5vw, 5rem));gap:8px;justify-content:flex-end;}/*!sc*/ 183data-styled.g25[id="Navbar__ContentZone-sc-7afcdf91-2"]{content:"lhAWlh,"}/*!sc*/ 184.fwumuk{display:flex;align-items:center;width:100%;height:100%;}/*!sc*/ 185@media (max-width: 62.5em){.fwumuk{display:none;}}/*!sc*/ 186data-styled.g26[id="Navbar__NormalNavbar-sc-7afcdf91-3"]{content:"fwumuk,"}/*!sc*/ 187.gQHiOl{display:inline-flex;align-items:center;}/*!sc*/ 188data-styled.g27[id="Navbar__LogoLink-sc-7afcdf91-4"]{content:"gQHiOl,"}/*!sc*/ 189.dJItJC{position:fixed;transform:translateZ(0);display:block;z-index:30;font-family:var(--font-sans);left:0;top:50px;bottom:0;right:auto;width:260px;background:var(--sc-color-surface, oklch(0.97 0 0));border-right:1px solid color-mix(in oklch, var(--sc-color-text, oklch(0.2 0.01 270)) 8%, var(--sc-color-surface, oklch(0.97 0 0)));box-sizing:border-box;color:var(--sc-color-text, oklch(0.2 0.01 270));overflow-y:auto;transition:transform 150ms ease-out;}/*!sc*/ 190@media (max-width: 62.5em){.dJItJC{transform:translateX(-260px);}}/*!sc*/ 191data-styled.g28[id="Sidebar-sc-ee78bd14-0"]{content:"dJItJC,"}/*!sc*/ 192.zPnON{height:2.25rem;border-radius:var(--sc-radius-md, 4px);border:1px solid color-mix(in oklch, var(--sc-color-text, oklch(0.2 0.01 270)) 10%, var(--sc-color-surface, oklch(0.97 0 0)));background:var(--docsearch-searchbox-background, var(--sc-color-surface, oklch(0.97 0 0)));}/*!sc*/ 193data-styled.g29[id="SearchWithAlgolia__Skeleton-sc-7f7eaf0-0"]{content:"zPnON,"}/*!sc*/ 194.kNMKhV{display:flex;flex-direction:column;padding:var(--sc-space-4, 1rem) 0 var(--sc-space-10, 2.5rem);}/*!sc*/ 195data-styled.g30[id="SidebarMenus__MenuRoot-sc-7219d186-0"]{content:"kNMKhV,"}/*!sc*/ 196.fjxmRr{padding:var(--sc-space-2, 0.5rem) var(--sc-space-4, 1rem) var(--sc-space-4, 1rem);}/*!sc*/ 197.fjxmRr .DocSearch-Button{width:100% !important;margin:0 !important;border-radius:var(--sc-radius-md, 4px) !important;border:1px solid color-mix(in oklch, var(--sc-color-text, oklch(0.2 0.01 270)) 10%, var(--sc-color-surface, oklch(0.97 0 0))) !important;
197outline:none !important;box-shadow:none !important;}/*!sc*/ 198.fjxmRr .DocSearch-Button:focus,.fjxmRr .DocSearch-Button:hover{box-shadow:none !important;outline:none !important;border-color:var(--sc-color-accent, oklch(0.674 0.1845 266.6025)) !important;}/*!sc*/ 199.fjxmRr .DocSearch-Button .DocSearch-Search-Icon{width:15px !important;height:15px !important;color:var(--sc-color-textMuted, oklch(0.58 0 0)) !important;transition:color var(--sc-duration-normal, 200ms) !important;}/*!sc*/ 200.fjxmRr .DocSearch-Button:hover .DocSearch-Search-Icon,.fjxmRr .DocSearch-Button:focus .DocSearch-Search-Icon{color:var(--sc-color-textSecondary, oklch(0.45 0 0)) !important;}/*!sc*/ 201.fjxmRr .DocSearch-Button .DocSearch-Button-Key{color:var(--sc-color-textMuted, oklch(0.58 0 0)) !important;background:none !important;border:1px solid color-mix(in oklch, var(--sc-color-text, oklch(0.2 0.01 270)) 15%, var(--sc-color-surface, oklch(0.97 0 0))) !important;border-radius:var(--sc-radius-sm, 2px) !important;box-shadow:none !important;padding:0 0.3em !important;font-size:0.7em !important;min-width:0 !important;}/*!sc*/ 202data-styled.g31[id="SidebarMenus__SearchWrapper-sc-7219d186-1"]{content:"fjxmRr,"}/*!sc*/ 203.jfRrHW{margin-bottom:var(--sc-space-1, 0.25rem);}/*!sc*/ 204data-styled.g32[id="SidebarMenus__TopSection-sc-7219d186-2"]{content:"jfRrHW,"}/*!sc*/ 205.bjEtQY{display:inline-block;margin-left:var(--sc-space-3, 0.75rem);padding:2px var(--sc-space-2, 0.5rem) 1px;font-size:var(--sc-text-xs, 0.75rem);font-weight:var(--sc-fontWeight-medium, 500);border-radius:var(--sc-radius-full, 9999px);line-height:1.4;color:color-mix(in oklab, var(--sc-palette-7, oklch(0.7545 0.258 149.7267)) 65%, var(--sc-color-text, oklch(0.2 0.01 270)));background:color-mix(in oklab, color-mix(in oklab, var(--sc-palette-7, oklch(0.7545 0.258 149.7267)) 65%, var(--sc-color-text, oklch(0.2 0.01 270))) 22%, var(--sc-color-bg, oklch(0.99 0 0)));}/*!sc*/ 206.iXBNdx{display:inline-block;margin-left:var(--sc-space-3, 0.75rem);padding:2px var(--sc-space-2, 0.5rem) 1px;font-size:var(--sc-text-xs, 0.75rem);font-weight:var(--sc-fontWeight-medium, 500);border-radius:var(--sc-radius-full, 9999px);line-height:1.4;color:var(--sc-palette-18, oklch(0.657 0.2534 352.3631));background:color-mix(in oklab, var(--sc-palette-18, oklch(0.657 0.2534 352.3631)) 18%, var(--sc-color-bg, oklch(0.99 0 0)));}/*!sc*/ 207data-styled.g33[id="SidebarMenus__TopBadge-sc-7219d186-3"]{content:"bjEtQY,iXBNdx,"}/*!sc*/ 208.cZUuGN{display:inline-flex;width:20px;margin-right:var(--sc-space-2, 0.5rem);opacity:0.6;flex-shrink:0;}/*!sc*/ 209data-styled.g34[id="SidebarMenus__NavIcon-sc-7219d186-4"]{content:"cZUuGN,"}/*!sc*/ 210.ioPwiP{display:flex;align-items:center;padding:var(--sc-space-2, 0.5rem) var(--sc-space-6, 1.5rem);font-family:var(--font-sans);font-size:var(--sc-text-base, 1rem);font-weight:var(--sc-fontWeight-semibold, 600);color:var(--sc-color-textSecondary, oklch(0.45 0 0));text-decoration:none;transition:color var(--sc-duration-fast, 100ms),background-color var(--sc-duration-fast, 100ms);}/*!sc*/ 211.ioPwiP[aria-current]{color:var(--sc-color-accent, oklch(0.674 0.1845 266.6025)) !important;}/*!sc*/ 212.ioPwiP[aria-current] .SidebarMenus__NavIcon-sc-7219d186-4{opacity:1;}/*!sc*/ 213.ioPwiP[aria-current]:hover,.ioPwiP[aria-current]:focus-visible{color:var(--sc-color-accentDark, oklch(0.56 0.22 266.6)) !important;}/*!sc*/ 214.ioPwiP:hover,.ioPwiP:focus-visible{color:var(--sc-color-text, oklch(0.2 0.01 270));background:var(--sc-color-accentSubtle, oklch(0.674 0.1845 266.6025 / 0.08));}/*!sc*/ 215.ioPwiP:hover .SidebarMenus__NavIcon-sc-7219d186-4,.ioPwiP:focus-visible .SidebarMenus__NavIcon-sc-7219d186-4{opacity:0.9;}/*!sc*/ 216data-styled.g35[id="SidebarMenus__TopLink-sc-7219d186-5"]{content:"ioPwiP,"}/*!sc*/ 217.dTBtkK{display:flex;flex-direction:column;padding:var(--sc-space-1, 0.25rem) 0 var(--sc-space-2, 0.5rem);}/*!sc*/ 218data-styled.g36[id="SidebarMenus__ChildList-sc-7219d186-6"]{content:"dTBtkK,"}/*!sc*/ 219.hPjTLp{display:block;padding:var(--sc-space-1, 0.25rem) var(--sc-space-6, 1.5rem) var(--sc-space-1, 0.25rem) var(--sc-space-8, 2rem);font-family:var(--font-sans);font-size:var(--sc-text-sm, 0.875rem);font-weight:var(--sc-fontWeight-medium, 500);color:var(--sc-color-text, oklch(0.2 0.01 270));text-decoration:none;transition:color var(--sc-duration-fast, 100ms);}/*!sc*/ 220.hPjTLp[aria-current]{color:var(--sc-color-accent, oklch(0.674 0.1845 266.6025)) !important;font-weight:var(--sc-fontWeight-semibold, 600);}/*!sc*/ 221.hPjTLp:hover,.hPjTLp:focus-visible{background:var(--sc-color-accentSubtle, oklch(0.674 0.1845 266.6025 / 0.08));color:var(--sc-color-text, oklch(0.2 0.01 270));}/*!sc*/
222data-styled.g37[id="SidebarMenus__CategoryLink-sc-7219d186-7"]{content:"hPjTLp,"}/*!sc*/ 223.iHSJQk{padding-left:var(--sc-layout-sidebar, 18.75rem);}/*!sc*/ 224@media (max-width: 62.5em){.iHSJQk{padding-left:0;}}/*!sc*/ 225data-styled.g40[id="Layout__Container-sc-5ac7e0eb-0"]{content:"iHSJQk,"}/*!sc*/ 226.eXnqCf{box-sizing:border-box;font-family:var(--font-sans);margin:0 auto;max-width:var(--sc-layout-contentWidth, 120ch);padding:var(--sc-space-16, 4rem) var(--sc-layout-gutterFluid, clamp(2rem, 5vw, 5rem));transition:transform 150ms ease-out;width:100%;container-type:inline-size;container-name:content;}/*!sc*/ 227@layer base{.eXnqCf p,.eXnqCf li{max-width:100ch;}}/*!sc*/ 228@media (max-width: 62.5em){.eXnqCf{padding:var(--sc-space-20, 5rem) var(--sc-layout-gutter, 2rem) var(--sc-space-6, 1.5rem) var(--sc-layout-gutter, 2rem);transform:translateX(0);}}/*!sc*/ 229data-styled.g41[id="Layout__Content-sc-5ac7e0eb-1"]{content:"eXnqCf,"}/*!sc*/ 230.kSrDrB{text-align:left;width:100%;color:var(--sc-color-text, oklch(0.2 0.01 270));font-size:var(--sc-text-3xl, 2.5rem);font-weight:var(--sc-fontWeight-display, 700);font-family:var(--font-display);line-height:var(--sc-leading-tight, 1.15);margin-bottom:0.4em;}/*!sc*/ 231.kSrDrB+h2{margin-top:-0.5em;}/*!sc*/ 232data-styled.g42[id="Layout__Title-sc-5ac7e0eb-2"]{content:"kSrDrB,"}/*!sc*/ 233.dcAPjm{display:none;margin-bottom:var(--sc-space-4, 1rem);}/*!sc*/ 234@media (max-width: 62.5em){.dcAPjm{display:block;}}/*!sc*/ 235data-styled.g46[id="Breadcrumbs__Nav-sc-98e4a565-0"]{content:"dcAPjm,"}/*!sc*/ 236.iicNoX{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;font-family:var(--font-sans);font-size:var(--sc-text-sm, 0.875rem);}/*!sc*/ 237data-styled.g47[id="Breadcrumbs__List-sc-98e4a565-1"]{content:"iicNoX,"}/*!sc*/ 238.epTguQ{display:flex;align-items:center;margin-left:0;}/*!sc*/ 239data-styled.g48[id="Breadcrumbs__Item-sc-98e4a565-2"]{content:"epTguQ,"}/*!sc*/ 240.dTStKs{color:var(--sc-color-textMuted, oklch(0.58 0 0));user-select:none;margin:0 0.35em;}/*!sc*/ 241data-styled.g49[id="Breadcrumbs__Separator-sc-98e4a565-3"]{content:"dTStKs,"}/*!sc*/ 242.faqIBe{color:var(--sc-color-textMuted, oklch(0.58 0 0));}/*!sc*/ 243data-styled.g51[id="Breadcrumbs__Current-sc-98e4a565-5"]{content:"faqIBe,"}/*!sc*/ 244.efxsUV{display:flex;align-items:center;justify-content:space-between;gap:1rem;}/*!sc*/ 245.efxsUV .DocsLayout__FeedLink-sc-51ebd767-1{flex-shrink:0;}/*!sc*/ 246data-styled.g53[id="DocsLayout__TitleRow-sc-51ebd767-0"]{content:"efxsUV,"}/*!sc*/ 247.WJaYY{margin:var(--sc-space-6, 1.5rem) 0 var(--sc-space-12, 3rem);font-family:var(--font-sans);container-type:inline-size;container-name:CompatibilityMatrix__Wrapper-sc-9a4d5b4a-0;}/*!sc*/ 248data-styled.g111[id="CompatibilityMatrix__Wrapper-sc-9a4d5b4a-0"]{content:"WJaYY,"}/*!sc*/ 249.jdrEWQ{display:grid;grid-template-columns:minmax(0, 1fr) auto auto;gap:var(--sc-space-3, 0.75rem);align-items:center;padding:var(--sc-space-3, 0.75rem);background:var(--sc-color-surface, oklch(0.97 0 0));border:1px solid var(--sc-color-border, oklch(0 0 0 / 0.1));border-radius:var(--sc-radius-lg, 8px);margin-bottom:var(--sc-space-5, 1.25rem);}/*!sc*/ 250@container (max-width: 640px){.jdrEWQ{grid-template-columns:1fr;}}/*!sc*/ 251data-styled.g112[id="CompatibilityMatrix__FilterBar-sc-9a4d5b4a-1"]{content:"jdrEWQ,"}/*!sc*/ 252.dJCAjX{display:flex;align-items:center;gap:var(--sc-space-2, 0.5rem);padding:0 var(--sc-space-3, 0.75rem);background:var(--sc-color-bg, oklch(0.99 0 0));border:1px solid var(--sc-color-border, oklch(0 0 0 / 0.1));border-radius:var(--sc-radius-md, 4px);color:var(--sc-color-textMuted, oklch(0.58 0 0));}/*!sc*/ 253.dJCAjX:focus-within{border-color:var(--sc-color-accent, oklch(0.674 0.1845 266.6025));color:var(--sc-color-text, oklch(0.2 0.01 270));}/*!sc*/ 254data-styled.g113[id="CompatibilityMatrix__SearchField-sc-9a4d5b4a-2"]{content:"dJCAjX,"}/*!sc*/ 255.keZbWK{flex:1;border:none;outline:none;background:transparent;padding:var(--sc-space-2, 0.5rem) 0;font:inherit;color:var(--sc-color-text, oklch(0.2 0.01 270));min-width:0;}/*!sc*/ 256.keZbWK::placeholder{color:var(--sc-color-textMuted, oklch(0.58 0 0));}/*!sc*/ 257data-styled.g114[id="CompatibilityMatrix__SearchInput-sc-9a4d5b4a-3"]{content:"keZbWK,"}/*!sc*/ 258.etHwvT{display:flex;gap:var(--sc-space-2, 0.5rem);}/*!sc*/ 259@container (max-width: 640px){.etHwvT{flex-wrap:wrap;}}
259/*!sc*/ 260data-styled.g115[id="CompatibilityMatrix__Selects-sc-9a4d5b4a-4"]{content:"etHwvT,"}/*!sc*/ 261.exZYkq{font:inherit;appearance:none;-webkit-appearance:none;background-color:var(--sc-color-bg, oklch(0.99 0 0));background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right var(--sc-space-3, 0.75rem) center;background-repeat:no-repeat;background-size:12px;color:var(--sc-color-text, oklch(0.2 0.01 270));border:1px solid var(--sc-color-border, oklch(0 0 0 / 0.1));border-radius:var(--sc-radius-md, 4px);padding:var(--sc-space-2, 0.5rem) var(--sc-space-8, 2rem) var(--sc-space-2, 0.5rem) var(--sc-space-3, 0.75rem);cursor:pointer;}/*!sc*/ 262.exZYkq:hover{border-color:var(--sc-color-borderStrong, oklch(0 0 0 / 0.2));}/*!sc*/ 263data-styled.g116[id="CompatibilityMatrix__Select-sc-9a4d5b4a-5"]{content:"exZYkq,"}/*!sc*/ 264.cyXONp{color:var(--sc-color-textMuted, oklch(0.58 0 0));font-size:var(--sc-text-sm, 0.875rem);text-align:right;white-space:nowrap;}/*!sc*/ 265@container (max-width: 640px){.cyXONp{text-align:left;}}/*!sc*/ 266data-styled.g117[id="CompatibilityMatrix__ResultCount-sc-9a4d5b4a-6"]{content:"cyXONp,"}/*!sc*/ 267.keuqts{display:flex;flex-wrap:wrap;gap:var(--sc-space-2, 0.5rem);margin-bottom:var(--sc-space-4, 1rem);font-size:var(--sc-text-sm, 0.875rem);color:var(--sc-color-textMuted, oklch(0.58 0 0));}/*!sc*/ 268data-styled.g118[id="CompatibilityMatrix__Legend-sc-9a4d5b4a-7"]{content:"keuqts,"}/*!sc*/ 269.fGVmqk{display:inline-flex;align-items:center;gap:var(--sc-space-2, 0.5rem);padding:var(--sc-space-1, 0.25rem) var(--sc-space-3, 0.75rem);border-radius:var(--sc-radius-full, 9999px);border:1px solid var(--sc-color-border, oklch(0 0 0 / 0.1));background:color-mix(in oklab, var(--sc-palette-7, oklch(0.7545 0.258 149.7267)) 14%, var(--sc-color-bg, oklch(0.99 0 0))) !important;color:color-mix(in oklab, var(--sc-palette-7, oklch(0.7545 0.258 149.7267)) 65%, var(--sc-color-text, oklch(0.2 0.01 270)));}/*!sc*/ 270.iTtcRU{display:inline-flex;align-items:center;gap:var(--sc-space-2, 0.5rem);padding:var(--sc-space-1, 0.25rem) var(--sc-space-3, 0.75rem);border-radius:var(--sc-radius-full, 9999px);border:1px solid var(--sc-color-border, oklch(0 0 0 / 0.1));background:color-mix(in oklab, var(--sc-palette-3, oklch(0.7979 0.2386 85.2743)) 14%, var(--sc-color-bg, oklch(0.99 0 0))) !important;color:color-mix(in oklab, var(--sc-palette-3, oklch(0.7979 0.2386 85.2743)) 65%, var(--sc-color-text, oklch(0.2 0.01 270)));}/*!sc*/ 271.enfytU{display:inline-flex;align-items:center;gap:var(--sc-space-2, 0.5rem);padding:var(--sc-space-1, 0.25rem) var(--sc-space-3, 0.75rem);border-radius:var(--sc-radius-full, 9999px);border:1px solid var(--sc-color-border, oklch(0 0 0 / 0.1));background:color-mix(in oklab, var(--sc-palette-11, oklch(0.7193 0.176 226.5113)) 14%, var(--sc-color-bg, oklch(0.99 0 0))) !important;color:color-mix(in oklab, var(--sc-palette-11, oklch(0.7193 0.176 226.5113)) 65%, var(--sc-color-text, oklch(0.2 0.01 270)));}/*!sc*/ 272.jzcQQs{display:inline-flex;align-items:center;gap:var(--sc-space-2, 0.5rem);padding:var(--sc-space-1, 0.25rem) var(--sc-space-3, 0.75rem);border-radius:var(--sc-radius-full, 9999px);border:1px solid var(--sc-color-border, oklch(0 0 0 / 0.1));background:color-mix(in oklab, var(--sc-color-text, oklch(0.2 0.01 270)) 6%, var(--sc-color-bg, oklch(0.99 0 0))) !important;color:var(--sc-color-textMuted, oklch(0.58 0 0));}/*!sc*/ 273data-styled.g119[id="CompatibilityMatrix__LegendItem-sc-9a4d5b4a-8"]{content:"fGVmqk,iTtcRU,enfytU,jzcQQs,"}/*!sc*/ 274.fjtryh{border:1px solid var(--sc-color-border, oklch(0 0 0 / 0.1));border-radius:var(--sc-radius-lg, 8px);background:var(--sc-color-bg, oklch(0.99 0 0));}/*!sc*/ 275data-styled.g121[id="CompatibilityMatrix__TableShell-sc-9a4d5b4a-10"]{content:"fjtryh,"}/*!sc*/ 276.bXoMNN{display:grid;grid-template-columns:minmax(0, 1fr) repeat(4, 84px);}/*!sc*/ 277@container (max-width: 640px){.bXoMNN{grid-template-columns:minmax(0, 1fr) repeat(4, 56px);}}/*!sc*/ 278data-styled.g122[id="CompatibilityMatrix__Table-sc-9a4d5b4a-11"]{content:"bXoMNN,"}/*!sc*/ 279.AtPoI{display:contents;}/*!sc*/ 280data-styled.g123[id="CompatibilityMatrix__Thead-sc-9a4d5b4a-12"]{content:"AtPoI,"}/*!sc*/ 281.fEoVeZ{display:contents;}/*!sc*/ 282data-styled.g124[id="CompatibilityMatrix__Tbody-sc-9a4d5b4a-13"]{content:"fEoVeZ,"}/*!sc*/ 283.bkdtuf{display:contents;}/*!sc*/ 284data-styled.g125[id="CompatibilityMatrix__HeaderRow-sc-9a4d5b4a-14"]{content:"bkdtuf,"}/*!sc*/ 285.cgJSmd{position:sticky;top:50px;z-index:1;background:var(--sc-color-surface, oklch(0.97 0 0));font-size:var(--sc-text-xs, 0.75rem);font-weight:var(--sc-fontWeight-semibold, 600);text-transform:uppercase;letter-spacing:0.04em;color:var(--sc-color-textMuted, oklch(0.58 0 0));padding:var(--sc-space-3, 0.75rem) var(--sc-space-2, 0.5rem);border-bottom:1px solid var(--sc-color-border, oklch(0 0 0 / 0.1));text-align:center;white-space:nowrap;}/*!sc*/ 286data-styled.g126[id="CompatibilityMatrix__HeaderCell-sc-9a4d5b4a-15"]{content:"cgJSmd,"}/*!sc*/ 287.iOCEOw{text-align:left;padding-left:var(--sc-space-4, 1rem);}/*!sc*/ 288data-styled.g127[id="CompatibilityMatrix__FeatureHeaderCell-sc-9a4d5b4a-16"]{content:"iOCEOw,"}/*!sc*/ 289.cqEUBv{display:inline-block;margin-left:var(--sc-space-2, 0.5rem);padding:1px var(--sc-space-2, 0.5rem);font-size:0.65rem;font-weight:var(--sc-fontWeight-medium, 500);letter-spacing:0.02em;text-transform:uppercase;text-decoration:none;border-radius:var(--sc-radius-full, 9999px);color:color-mix(in oklab, var(--sc-palette-7, oklch(0.7545 0.258 149.7267)) 65%, var(--sc-color-text, oklch(0.2 0.01 270)));background:color-mix( 290 in oklab, 291 color-mix(in oklab, var(--sc-palette-7, oklch(0.7545 0.258 149.7267)) 65%, var(--sc-color-text, oklch(0.2 0.01 270))) 22%, 292 var(--sc-color-bg, oklch(0.99 0 0)) 293 );transition:filter var(--sc-duration-fast, 100ms);}/*!sc*/ 294.cqEUBv:hover,.cqEUBv:focus-visible{filter:brightness(1.1);text-decoration:none;}/*!sc*/ 295data-styled.g128[id="CompatibilityMatrix__NewBadge-sc-9a4d5b4a-17"]{content:"cqEUBv,"}/*!sc*/ 296.Bpatl{display:contents;}/*!sc*/ 297.Bpatl>*{cursor:zoom-in;background:var(--sc-color-bg, oklch(0.99 0 0));transition:background var(--sc-duration-fast, 100ms) var(--sc-ease-out, cubic-bezier(0.16, 1, 0.3, 1));}/*!sc*/ 298.Bpatl[aria-expanded='true']>*{cursor:zoom-out;}/*!sc*/ 299.Bpatl:hover>*{background:var(--sc-color-surface, oklch(0.97 0 0));}/*!sc*/ 300.Bpatl:focus-visible{outline:none;}/*!sc*/ 301.Bpatl:focus-visible>*{background:var(--sc-color-surface, oklch(0.97 0 0));box-shadow:inset 0 0 0 1px var(--sc-color-accent, oklch(0.674 0.1845 266.6025));}/*!sc*/ 302data-styled.g129[id="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18"]{content:"Bpatl,"}/*!sc*/ 303.fosWIa{padding:var(--sc-space-2, 0.5rem) var(--sc-space-2, 0.5rem);border-bottom:1px solid var(--sc-color-border, oklch(0 0 0 / 0.1));
303display:flex;align-items:center;min-height:var(--sc-space-10, 2.5rem);padding-left:var(--sc-space-3, 0.75rem);gap:var(--sc-space-2, 0.5rem);min-width:0;}/*!sc*/ 304.CompatibilityMatrix__Tbody-sc-9a4d5b4a-13>*:last-child .fosWIa{border-bottom:none;}/*!sc*/ 305data-styled.g130[id="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19"]{content:"fosWIa,"}/*!sc*/ 306.hVdowU{display:inline-flex;flex-shrink:0;color:var(--sc-color-textMuted, oklch(0.58 0 0));transition:transform var(--sc-duration-fast, 100ms) var(--sc-ease-out, cubic-bezier(0.16, 1, 0.3, 1));transform:rotate(0deg);}/*!sc*/ 307data-styled.g131[id="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20"]{content:"hVdowU,"}/*!sc*/ 308.bxTvpl{display:flex;flex-direction:column;min-width:0;gap:1px;}/*!sc*/ 309data-styled.g132[id="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21"]{content:"bxTvpl,"}/*!sc*/ 310.bUyEil{display:inline-flex;align-items:center;gap:var(--sc-space-1, 0.25rem);font-weight:var(--sc-fontWeight-medium, 500);color:var(--sc-color-text, oklch(0.2 0.01 270));font-size:var(--sc-text-sm, 0.875rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}/*!sc*/ 311data-styled.g133[id="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22"]{content:"bUyEil,"}/*!sc*/ 312.buwQxp{font-size:var(--sc-text-xs, 0.75rem);color:var(--sc-color-textMuted, oklch(0.58 0 0));text-transform:uppercase;letter-spacing:0.04em;}/*!sc*/ 313data-styled.g134[id="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23"]{content:"buwQxp,"}/*!sc*/ 314.bTCRcW{padding:var(--sc-space-2, 0.5rem) var(--sc-space-2, 0.5rem);border-bottom:1px solid var(--sc-color-border, oklch(0 0 0 / 0.1));
314display:flex;align-items:center;min-height:var(--sc-space-10, 2.5rem);justify-content:center;background:color-mix(in oklab, var(--sc-color-text, oklch(0.2 0.01 270)) 6%, var(--sc-color-bg, oklch(0.99 0 0))) !important;color:var(--sc-color-textMuted, oklch(0.58 0 0));}/*!sc*/ 315.CompatibilityMatrix__Tbody-sc-9a4d5b4a-13>*:last-child .bTCRcW{border-bottom:none;}/*!sc*/ 316.cpUgpm{padding:var(--sc-space-2, 0.5rem) var(--sc-space-2, 0.5rem);border-bottom:1px solid var(--sc-color-border, oklch(0 0 0 / 0.1));display:flex;align-items:center;min-height:var(--sc-space-10, 2.5rem);justify-content:center;background:color-mix(in oklab, var(--sc-palette-7, oklch(0.7545 0.258 149.7267)) 14%, var(--sc-color-bg, oklch(0.99 0 0))) !important;color:color-mix(in oklab, var(--sc-palette-7, oklch(0.7545 0.258 149.7267)) 65%, var(--sc-color-text, oklch(0.2 0.01 270)));}/*!sc*/ 317.CompatibilityMatrix__Tbody-sc-9a4d5b4a-13>*:last-child .cpUgpm{border-bottom:none;}/*!sc*/ 318.hRImJC{padding:var(--sc-space-2, 0.5rem) var(--sc-space-2, 0.5rem);border-bottom:1px solid var(--sc-color-border, oklch(0 0 0 / 0.1));
318display:flex;align-items:center;min-height:var(--sc-space-10, 2.5rem);justify-content:center;background:color-mix(in oklab, var(--sc-palette-3, oklch(0.7979 0.2386 85.2743)) 14%, var(--sc-color-bg, oklch(0.99 0 0))) !important;color:color-mix(in oklab, var(--sc-palette-3, oklch(0.7979 0.2386 85.2743)) 65%, var(--sc-color-text, oklch(0.2 0.01 270)));}/*!sc*/ 319.CompatibilityMatrix__Tbody-sc-9a4d5b4a-13>*:last-child .hRImJC{border-bottom:none;}/*!sc*/ 320.cQHpai{padding:var(--sc-space-2, 0.5rem) var(--sc-space-2, 0.5rem);border-bottom:1px solid var(--sc-color-border, oklch(0 0 0 / 0.1));display:flex;align-items:center;min-height:var(--sc-space-10, 2.5rem);justify-content:center;background:color-mix(in oklab, var(--sc-palette-11, oklch(0.7193 0.176 226.5113)) 14%, var(--sc-color-bg, oklch(0.99 0 0))) !important;color:color-mix(in oklab, var(--sc-palette-11, oklch(0.7193 0.176 226.5113)) 65%, var(--sc-color-text, oklch(0.2 0.01 270)));}/*!sc*/ 321.CompatibilityMatrix__Tbody-sc-9a4d5b4a-13>*:last-child .cQHpai{border-bottom:none;}/*!sc*/ 322data-styled.g135[id="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24"]{content:"bTCRcW,cpUgpm,hRImJC,cQHpai,"}/*!sc*/ 323.bgbHUv{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;cursor:pointer;color:inherit;text-decoration:none;border-radius:var(--sc-radius-sm, 2px);}/*!sc*/ 324.bgbHUv:hover{text-decoration:none;}/*!sc*/ 325.bgbHUv:focus-visible{outline:2px solid var(--sc-color-accent, oklch(0.674 0.1845 266.6025));outline-offset:1px;}/*!sc*/ 326data-styled.g136[id="CompatibilityMatrix__PRLink-sc-9a4d5b4a-25"]{content:"bgbHUv,"}/*!sc*/ 327</style></head><body><div hidden=""><!--$--><!--/$--></div><div class="root"><nav aria-label="Main" class="Navbar__Wrapper-sc-7afcdf91-0 uUETi"><div class="MobileNavbar__Wrapper-sc-e71269b7-0 ioMRBH"><button aria-label="Open sidebar" type="button" class="NavButton-sc-74c690fd-0 hnhZbS"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="14" xmlns:xlink="http://www.w3.org/1999/xlink" class="NavIcons__Svg-sc-e995e4ec-0 isIgSS"><title>fold</title><use fill="currentColor" xlink:href="#fold" transform="translate(0 1)"></use><defs><path id="fold" d="M0 1h17v-2H0v2zm17 4H0v2h17V5zM0 13h17v-2H0v2z"></path></defs></svg></button><a aria-label="styled components" class="MobileNavbar__LogoLink-sc-e71269b7-1 biYtUu" href="/"><span class="Logo__Wrapper-sc-7fcc3ba9-1 idwHZp"><div class="PlatonicLogo__Scene-sc-ab992875-0 bNlpNt Logo__LogoIcon-sc-7fcc3ba9-0 kfjFmH" style="width:30px;height:30px"><div style="width:17.320508075688775px;height:17.320508075688775px;margin-left:-8.660254037844387px;margin-top:-8.660254037844387px;background:var(--sc-palette-0, oklch(0.6579 0.2752 25.7477));transform:matrix3d(0.8835917177058302,0.07689340469305808,0.4619015920262345,0,0.461930586912078,-0.3047504002141723,-0.8329149575102878,0,0.0767190281268186,0.9493232315096954,-0.30479434515631193,0,0.664406273114778,8.221380348901322,-2.639596458352086,1);z-index:736;mix-blend-mode:overlay" class="PlatonicLogo__FaceTile-sc-ab992875-1 bwQXqZ"></div><div style="width:17.320508075688775px;height:17.320508075688775px;margin-left:-8.660254037844387px;margin-top:-8.660254037844387px;background:var(--sc-palette-10, oklch(0.6488 0.2213 203.8675));transform:matrix3d(-0.8835917177058302,-0.07689340469305819,-0.46190159202623443,0,0.461930586912078,-0.3047504002141723,-0.8329149575102878,0,-0.0767190281268185,-0.9493232315096954,0.304794345156312,0,-0.664406273114778,-8.221380348901322,2.639596458352086,1);z-index:1264" class="PlatonicLogo__FaceTile-sc-ab992875-1 bwQXqZ"></div><div style="width:17.320508075688775px;height:17.320508075688775px;margin-left:-8.660254037844387px;margin-top:-8.660254037844387px;background:var(--sc-palette-3, oklch(0.7979 0.2386 85.2743));transform:matrix3d(-0.07671902812681855,-0.9493232315096954,0.304794345156312,0,0.461930586912078,-0.3047504002141723,-0.8329149575102878,0,0.8835917177058302,0.07689340469305814,0.4619015920262345,0,7.6521287410677745,0.6659164184766588,4.000185127431948,1);z-index:1400" class="PlatonicLogo__FaceTile-sc-ab992875-1 bwQXqZ"></div><div style="width:17.320508075688775px;height:17.320508075688775px;margin-left:-8.660254037844387px;margin-top:-8.660254037844387px;background:var(--sc-palette-13, oklch(0.674 0.1845 266.6025));transform:matrix3d(0.07671902812681866,0.9493232315096954,-0.3047943451563119,0,0.461930586912078,-0.3047504002141723,-0.8329149575102878,0,-0.8835917177058302,-0.07689340469305803,-0.4619015920262345,0,-7.6521287410677745,-0.6659164184766588,-4.000185127431948,1);z-index:600" class="PlatonicLogo__FaceTile-sc-ab992875-1 bwQXqZ"></div><div style="width:17.320508075688775px;height:17.320508075688775px;margin-left:-8.660254037844387px;margin-top:-8.660254037844387px;background:var(--sc-palette-6, oklch(0.6637 0.2479 136.97));transform:matrix3d(0.8835917177058302,0.07689340469305808,0.4619015920262345,0,-0.07671902812681858,-0.9493232315096954,0.3047943451563119,0,0.461930586912078,-0.30475040021417227,-0.8329149575102878,0,4.000436230509151,-2.639215883989479,-7.213255123959456,1);z-index:279" class="PlatonicLogo__FaceTile-sc-ab992875-1 bwQXqZ"></div><div style="width:17.320508075688775px;height:17.320508075688775px;margin-left:-8.660254037844387px;margin-top:-8.660254037844387px;background:var(--sc-palette-16, oklch(0.7606 0.2253 325.2988));transform:matrix3d(0.8835917177058302,0.07689340469305808,0.4619015920262345,0,0.07671902812681863,0.9493232315096954,-0.304794345156312,0,-0.461930586912078,0.3047504002141724,0.8329149575102878,0,-4.000436230509151,2.639215883989479,7.213255123959456,1);
327z-index:1721" class="PlatonicLogo__FaceTile-sc-ab992875-1 bwQXqZ"></div></div><span class="Logo__Text-sc-7fcc3ba9-2 hygizm">styled-components</span></span></a><button style="margin-left:auto" aria-label="Switch to light mode" title="Switch to light mode" class="ThemeToggle__Button-sc-d25d324f-0 iBjzzV"><svg viewBox="0 0 24 24" height="18" width="18" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10.85 12.65h2.3L12 9l-1.15 3.65zM20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12 20 8.69zM14.3 16l-.7-2h-3.2l-.7 2H7.8L11 7h2l3.2 9h-1.9z"></path></svg></button></div><div class="Navbar__NormalNavbar-sc-7afcdf91-3 fwumuk"><div class="Navbar__LogoZone-sc-7afcdf91-1 hbQMaH"><a aria-label="Styled-components home" class="Navbar__LogoLink-sc-7afcdf91-4 gQHiOl" href="/"><span class="Logo__Wrapper-sc-7fcc3ba9-1 idwHZp"><div class="PlatonicLogo__Scene-sc-ab992875-0 bNlpNt Logo__LogoIcon-sc-7fcc3ba9-0 kfjFmH" style="width:30px;height:30px"><div style="width:17.320508075688775px;height:17.320508075688775px;margin-left:-8.660254037844387px;margin-top:-8.660254037844387px;background:var(--sc-palette-0, oklch(0.6579 0.2752 25.7477));transform:matrix3d(0.8835917177058302,0.07689340469305808,0.4619015920262345,0,0.461930586912078,-0.3047504002141723,-0.8329149575102878,0,0.0767190281268186,0.9493232315096954,-0.30479434515631193,0,0.664406273114778,8.221380348901322,-2.639596458352086,1);z-index:736;mix-blend-mode:overlay" class="PlatonicLogo__FaceTile-sc-ab992875-1 bwQXqZ"></div><div style="width:17.320508075688775px;height:17.320508075688775px;margin-left:-8.660254037844387px;margin-top:-8.660254037844387px;background:var(--sc-palette-10, oklch(0.6488 0.2213 203.8675));transform:matrix3d(-0.8835917177058302,-0.07689340469305819,-0.46190159202623443,0,0.461930586912078,-0.3047504002141723,-0.8329149575102878,0,-0.0767190281268185,-0.9493232315096954,0.304794345156312,0,-0.664406273114778,-8.221380348901322,2.639596458352086,1);z-index:1264" class="PlatonicLogo__FaceTile-sc-ab992875-1 bwQXqZ"></div><div style="width:17.320508075688775px;height:17.320508075688775px;margin-left:-8.660254037844387px;margin-top:-8.660254037844387px;background:var(--sc-palette-3, oklch(0.7979 0.2386 85.2743));transform:matrix3d(-0.07671902812681855,-0.9493232315096954,0.304794345156312,0,0.461930586912078,-0.3047504002141723,-0.8329149575102878,0,0.8835917177058302,0.07689340469305814,0.4619015920262345,0,7.6521287410677745,0.6659164184766588,4.000185127431948,1);z-index:1400" class="PlatonicLogo__FaceTile-sc-ab992875-1 bwQXqZ"></div><div style="width:17.320508075688775px;height:17.320508075688775px;margin-left:-8.660254037844387px;margin-top:-8.660254037844387px;background:var(--sc-palette-13, oklch(0.674 0.1845 266.6025));transform:matrix3d(0.07671902812681866,0.9493232315096954,-0.3047943451563119,0,0.461930586912078,-0.3047504002141723,-0.8329149575102878,0,-0.8835917177058302,-0.07689340469305803,-0.4619015920262345,0,-7.6521287410677745,-0.6659164184766588,-4.000185127431948,1);z-index:600" class="PlatonicLogo__FaceTile-sc-ab992875-1 bwQXqZ"></div><div style="width:17.320508075688775px;height:17.320508075688775px;margin-left:-8.660254037844387px;margin-top:-8.660254037844387px;background:var(--sc-palette-6, oklch(0.6637 0.2479 136.97));transform:matrix3d(0.8835917177058302,0.07689340469305808,0.4619015920262345,0,-0.07671902812681858,-0.9493232315096954,0.3047943451563119,0,0.461930586912078,-0.30475040021417227,-0.8329149575102878,0,4.000436230509151,-2.639215883989479,-7.213255123959456,1);z-index:279" class="PlatonicLogo__FaceTile-sc-ab992875-1 bwQXqZ"></div><div style="width:17.320508075688775px;height:17.320508075688775px;margin-left:-8.660254037844387px;margin-top:-8.660254037844387px;background:var(--sc-palette-16, oklch(0.7606 0.2253 325.2988));transform:matrix3d(0.8835917177058302,0.07689340469305808,0.4619015920262345,0,0.07671902812681863,0.9493232315096954,-0.304794345156312,0,-0.461930586912078,0.3047504002141724,0.8329149575102878,0,-4.000436230509151,2.639215883989479,7.213255123959456,1);
327z-index:1721" class="PlatonicLogo__FaceTile-sc-ab992875-1 bwQXqZ"></div></div><span class="Logo__Text-sc-7fcc3ba9-2 hygizm">styled-components</span></span></a></div><div class="Navbar__ContentZone-sc-7afcdf91-2 lhAWlh"><nav aria-label="Social links" class="Social__Wrapper-sc-78dd5f2a-0 kLnnkT"><a href="https://github.com/styled-components" target="_blank" rel="noopener" aria-label="styled-components on GitHub" title="GitHub: Source code" class="Social__SocialLink-sc-78dd5f2a-1 ieDCml"><svg viewBox="0 0 496 512" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR Social__StyledIcon-sc-78dd5f2a-2 gfCAnS"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></nav><button aria-label="Switch to light mode" title="Switch to light mode" class="ThemeToggle__Button-sc-d25d324f-0 iBjzzV"><svg viewBox="0 0 24 24" height="18" width="18" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10.85 12.65h2.3L12 9l-1.15 3.65zM20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12 20 8.69zM14.3 16l-.7-2h-3.2l-.7 2H7.8L11 7h2l3.2 9h-1.9z"></path></svg></button></div></div></nav><nav aria-label="Documentation sidebar" class="Sidebar-sc-ee78bd14-0 dJItJC"><nav aria-label="Site navigation" class="SidebarMenus__MenuRoot-sc-7219d186-0 kNMKhV"><div class="SidebarMenus__SearchWrapper-sc-7219d186-1 fjxmRr"><div><div aria-hidden="true" class="SearchWithAlgolia__Skeleton-sc-7f7eaf0-0 zPnON"></div></div></div><div class="SidebarMenus__TopSection-sc-7219d186-2 jfRrHW"><a class="SidebarMenus__TopLink-sc-7219d186-5 ioPwiP" href="/"><span class="SidebarMenus__NavIcon-sc-7219d186-4 cZUuGN"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"></path></svg></span>Home</a></div><div class="SidebarMenus__TopSection-sc-7219d186-2 jfRrHW"><a href="/llms.txt" target="_blank" rel="noopener" class="SidebarMenus__TopLink-sc-7219d186-5 ioPwiP"><span class="SidebarMenus__NavIcon-sc-7219d186-4 cZUuGN"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M20 9V7c0-1.1-.9-2-2-2h-3c0-1.66-1.34-3-3-3S9 3.34 9 5H6c-1.1 0-2 .9-2 2v2c-1.66 0-3 1.34-3 3s1.34 3 3 3v4c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-4c1.66 0 3-1.34 3-3s-1.34-3-3-3zM7.5 11.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5S9.83 13 9 13s-1.5-.67-1.5-1.5zM16 17H8v-2h8v2zm-1-4c-.83 0-1.5-.67-1.5-1.5S14.17 10 15 10s1.5.67 1.5 1.5S15.83 13 15 13z"></path></svg></span>Agents</a></div><div class="SidebarMenus__TopSection-sc-7219d186-2 jfRrHW"><a class="SidebarMenus__TopLink-sc-7219d186-5 ioPwiP" href="/docs"><span class="SidebarMenus__NavIcon-sc-7219d186-4 cZUuGN"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M21 5c-1.11-.35-2.33-.5-3.5-.5-1.95 0-4.05.4-5.5 1.5-1.45-1.1-3.55-1.5-5.5-1.5S2.45 4.9 1 6v14.65c0 .25.25.5.5.5.1 0 .15-.05.25-.05C3.1 20.45 5.05 20 6.5 20c1.95 0 4.05.4 5.5 1.5 1.35-.85 3.8-1.5 5.5-1.5 1.65 0 3.35.3 4.75 1.05.1.05.15.05.25.05.25 0 .5-.25.5-.5V6c-.6-.45-1.25-.75-2-1zm0 13.5c-1.1-.35-2.3-.5-3.5-.5-1.7 0-4.15.65-5.5 1.5V8c1.35-.85 3.8-1.5 5.5-1.5 1.2 0 2.4.15 3.5.5v11.5z"></path><path d="M17.5 10.5c.88 0 1.73.09 2.5.26V9.24c-.79-.15-1.64-.24-2.5-.24-1.7 0-3.24.29-4.5.83v1.66c1.13-.64 2.7-.99 4.5-.99zM13 12.49v1.66c1.13-.64 2.7-.99 4.5-.99.88 0 1.73.09 2.5.26V11.9c-.79-.15-1.64-.24-2.5-.24-1.7 0-3.24.3-4.5.83zm4.5 1.84c-1.7 0-3.24.29-4.5.83v1.66c1.13-.64 2.7-.99 4.5-.99.88 0 1.73.09 2.5.26v-1.52c-.79-.16-1.64-.24-2.5-.24z"></path></svg></span>Documentation</a><div class="SidebarMenus__ChildList-sc-7219d186-6 dTBtkK">
327<a class="SidebarMenus__CategoryLink-sc-7219d186-7 hPjTLp" href="/docs/v7">v7 (alpha)</a><a class="SidebarMenus__CategoryLink-sc-7219d186-7 hPjTLp" href="/docs/basics">The Basics</a><a class="SidebarMenus__CategoryLink-sc-7219d186-7 hPjTLp" href="/docs/advanced">Advanced</a><a class="SidebarMenus__CategoryLink-sc-7219d186-7 hPjTLp" href="/docs/api">API Reference</a><a class="SidebarMenus__CategoryLink-sc-7219d186-7 hPjTLp" href="/docs/tooling">Tooling</a><a class="SidebarMenus__CategoryLink-sc-7219d186-7 hPjTLp" href="/docs/faqs">FAQs</a></div></div><div class="SidebarMenus__TopSection-sc-7219d186-2 jfRrHW"><a aria-current="page" class="SidebarMenus__TopLink-sc-7219d186-5 ioPwiP" href="/docs/compatibility"><span class="SidebarMenus__NavIcon-sc-7219d186-4 cZUuGN"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 10.02h5V21h-5zM17 21h3c1.1 0 2-.9 2-2v-9h-5v11zm3-18H5c-1.1 0-2 .9-2 2v3h19V5c0-1.1-.9-2-2-2zM3 19c0 1.1.9 2 2 2h3V10H3v9z"></path></svg></span>Native CanIUse<span class="SidebarMenus__TopBadge-sc-7219d186-3 bjEtQY">New</span></a></div><div class="SidebarMenus__TopSection-sc-7219d186-2 jfRrHW"><a class="SidebarMenus__TopLink-sc-7219d186-5 ioPwiP" href="/blog"><span class="SidebarMenus__NavIcon-sc-7219d186-4 cZUuGN"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><circle cx="6.18" cy="17.82" r="2.18"></circle><path d="M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z"></path></svg></span>Blog</a></div><div class="SidebarMenus__TopSection-sc-7219d186-2 jfRrHW"><a class="SidebarMenus__TopLink-sc-7219d186-5 ioPwiP" href="/ecosystem"><span class="SidebarMenus__NavIcon-sc-7219d186-4 cZUuGN"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"></path></svg></span>Ecosystem</a></div><div class="SidebarMenus__TopSection-sc-7219d186-2 jfRrHW"><a class="SidebarMenus__TopLink-sc-7219d186-5 ioPwiP" href="/releases"><span class="SidebarMenus__NavIcon-sc-7219d186-4 cZUuGN"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="m23 12-2.44-2.78.34-3.68-3.61-.82-1.89-3.18L12 3 8.6 1.54 6.71 4.72l-3.61.81.34 3.68L1 12l2.44 2.78-.34 3.69 3.61.82 1.89 3.18L12 21l3.4 1.46 1.89-3.18 3.61-.82-.34-3.68L23 12zm-10 5h-2v-2h2v2zm0-4h-2V7h2v6z"></path></svg></span>Releases</a></div><div class="SidebarMenus__TopSection-sc-7219d186-2 jfRrHW"><a href="https://opencollective.com/styled-components" target="_blank" rel="noopener" class="SidebarMenus__TopLink-sc-7219d186-5 ioPwiP"><span class="SidebarMenus__NavIcon-sc-7219d186-4 cZUuGN"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="m12 21.35-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg></span>Donate<span class="SidebarMenus__TopBadge-sc-7219d186-3 iXBNdx">Help Needed</span></a></div></nav></nav><div class="Layout__Container-sc-5ac7e0eb-0 iHSJQk"><main id="main-content"><div data-e2e-id="content" class="Layout__Content-sc-5ac7e0eb-1 eXnqCf"><nav aria-label="Breadcrumb" class="Breadcrumbs__Nav-sc-98e4a565-0 dcAPjm"><ol class="Breadcrumbs__List-sc-98e4a565-1 iicNoX"><li class="Breadcrumbs__Item-sc-98e4a565-2 epTguQ"><a class="Link__InlineNextLink-sc-b6a8c158-1 aHQDA Breadcrumbs__CrumbLink-sc-98e4a565-4" href="/">Home</a></li><li class="Breadcrumbs__Item-sc-98e4a565-2 epTguQ"><span aria-hidden="true" class="Breadcrumbs__Separator-sc-98e4a565-3 dTStKs">/</span><a class="Link__InlineNextLink-sc-b6a8c158-1 aHQDA Breadcrumbs__CrumbLink-sc-98e4a565-4" href="/docs">Docs</a></li><li class="Breadcrumbs__Item-sc-98e4a565-2 epTguQ"><span aria-hidden="true" class="Breadcrumbs__Separator-sc-98e4a565-3 dTStKs">/</span><span aria-current="page" class="Breadcrumbs__Current-sc-98e4a565-5 faqIBe">compatibility</span></li></ol></nav><div class="DocsLayout__TitleRow-sc-51ebd767-0 efxsUV"><h1 class="Layout__Title-sc-5ac7e0eb-2 kSrDrB">React Native CanIUse</h1></div><p>A per-feature reference for which CSS works on React Native. The v6 and v7 columns show styled-components' native runtime support; the iOS and Android columns show what stock React Native handles without any styled-components polyfill. Click any row for caveats, the underlying RN style key, and links to upstream PRs in flight. Machine-readable versions are available as<!-- --> <a href="/docs/compatibility.json" target="_blank" rel="noopener" class="Link__InlineLink-sc-b6a8c158-0 dbvieO">JSON</a> <!-- -->and<!-- --> <a href="/docs/compatibility.md" target="_blank" rel="noopener" class="Link__InlineLink-sc-b6a8c158-0 dbvieO">Markdown</a>.</p><div class="CompatibilityMatrix__Wrapper-sc-9a4d5b4a-0 WJaYY"><div class="CompatibilityMatrix__FilterBar-sc-9a4d5b4a-1 jdrEWQ"><label class="CompatibilityMatrix__SearchField-sc-9a4d5b4a-2 dJCAjX"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path></svg><input type="search" placeholder="Filter features (nesting, color, @container, â¦)" aria-label="Filter CSS features" class="CompatibilityMatrix__SearchInput-sc-9a4d5b4a-3 keZbWK" value=""/></label><div class="CompatibilityMatrix__Selects-sc-9a4d5b4a-4 etHwvT"><select aria-label="Filter by category" class="CompatibilityMatrix__Select-sc-9a4d5b4a-5 exZYkq"><option value="all" selected="">All categories</option><option value="selectors">Selectors</option><option value="at-rules">At-rules</option><option value="functions">Functions</option><option value="units">Units</option><option value="colors">Colors</option><option value="layout">Layout</option><option value="animation">Animation</option><option value="props">Properties</option><option value="other">Other</option></select><select aria-label="Filter by platform" class="CompatibilityMatrix__Select-sc-9a4d5b4a-5 exZYkq"><option value="all" selected="">All features</option><option value="native">Supported on Native</option><option value="web">Web-only</option></select></div><span class="CompatibilityMatrix__ResultCount-sc-9a4d5b4a-6 cyXONp">198<!-- --> <!-- -->features</span></div><div aria-label="Support state legend" class="CompatibilityMatrix__Legend-sc-9a4d5b4a-7 keuqts"><span class="CompatibilityMatrix__LegendItem-sc-9a4d5b4a-8 fGVmqk"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg>Supported</span><span class="CompatibilityMatrix__LegendItem-sc-9a4d5b4a-8 iTtcRU"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg>
327Partial</span><span class="CompatibilityMatrix__LegendItem-sc-9a4d5b4a-8 enfytU"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5-4-4V4h8v3.5l-4 4z"></path></svg>PR in flight</span><span class="CompatibilityMatrix__LegendItem-sc-9a4d5b4a-8 jzcQQs"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg>Not supported</span></div><div class="CompatibilityMatrix__TableShell-sc-9a4d5b4a-10 fjtryh"><div role="table" aria-label="CSS feature support" class="CompatibilityMatrix__Table-sc-9a4d5b4a-11 bXoMNN"><div class="CompatibilityMatrix__Thead-sc-9a4d5b4a-12 AtPoI"><div role="row" class="CompatibilityMatrix__HeaderRow-sc-9a4d5b4a-14 bkdtuf"><div role="columnheader" class="CompatibilityMatrix__HeaderCell-sc-9a4d5b4a-15 CompatibilityMatrix__FeatureHeaderCell-sc-9a4d5b4a-16 cgJSmd iOCEOw">Feature</div><div role="columnheader" title="styled-components v6 native runtime" class="CompatibilityMatrix__HeaderCell-sc-9a4d5b4a-15 cgJSmd">v6</div><div role="columnheader" aria-label="v7" title="styled-components v7 native runtime" class="CompatibilityMatrix__HeaderCell-sc-9a4d5b4a-15 cgJSmd">v7<a href="/docs/v7" aria-label="What's new in v7" class="CompatibilityMatrix__NewBadge-sc-9a4d5b4a-17 cqEUBv">new</a></div><div role="columnheader" title="What stock React Native iOS supports without styled-components" class="CompatibilityMatrix__HeaderCell-sc-9a4d5b4a-15 cgJSmd">iOS</div><div role="columnheader" title="What stock React Native Android supports without styled-components" class="CompatibilityMatrix__HeaderCell-sc-9a4d5b4a-15 cgJSmd">Android</div></div></div><div class="CompatibilityMatrix__Tbody-sc-9a4d5b4a-13 fEoVeZ"><div role="row" aria-expanded="false" aria-controls="compat-detail-pseudo-before-after" id="compat-pseudo-before-after" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">::before / ::after</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Selectors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-marker" id="compat-marker" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">::marker</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Selectors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-placeholder" id="compat-placeholder" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">::placeholder</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Selectors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-selection" id="compat-selection" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">::selection</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Selectors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-checked-enabled-indeterminate" id="compat-checked-enabled-indeterminate" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">:checked / :enabled / :indeterminate / :default</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Selectors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-empty" id="compat-empty" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">:empty</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Selectors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" wid
327th="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-first-last-only-child" id="compat-first-last-only-child" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">:first-child / :last-child / :only-child</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Selectors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-first-last-only-of-type" id="compat-first-last-only-of-type" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">:first-of-type / :last-of-type / :only-of-type</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Selectors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-focus-visible" id="compat-focus-visible" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">:focus-visible</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Selectors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-focus-within" id="compat-focus-within" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">:focus-within</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Selectors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-has" id="compat-has" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">:has() relational selector</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Selectors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-is-where" id="compat-is-w
327here" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">:is() / :where()</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Selectors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-lang" id="compat-lang" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">:lang()</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Selectors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-link-visited-any-link" id="compat-link-visited-any-link" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">:link / :visited / :any-link</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Selectors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-not" id="compat-not" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">:not()</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Selectors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-nth-child-of-type" id="compat-nth-child-of-type" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">:nth-child / :nth-of-type</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Selectors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-root" id="compat-root" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">:root</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Selectors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-target" id="compat-target" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">:target</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Selectors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
327></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-important" id="compat-important" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">!important</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Other</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-container-queries" id="compat-container-queries" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">
327@container size queries</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">At-rules</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-keyframes" id="compat-keyframes" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">@keyframes</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Animation</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-cascade-layers" id="compat-cascade-layers" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">@layer cascade layers</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">At-rules</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-media-aspect-ratio" id="compat-media-aspect-ratio" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">@media (aspect-ratio: â¦)</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">At-rules</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-media-color-gamut" id="compat-media-color-gamut" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">@media (color-gamut)</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">At-rules</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-media-dynamic-range" id="compat-media-dynamic-range" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">@media (dynamic-range)</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">At-rules</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-media-forced-colors" id="compat-media-forced-colors" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">@media (forced-colors)</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">At-rules</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusa
327ble="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-media-interaction" id="compat-media-interaction" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">@media (hover) / (pointer) / (any-hover) / (any-pointer)</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">At-rules</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-media-width" id="compat-media-width" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">@media (min-width / max-width)</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">At-rules</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-media-orientation" id="compat-media-orientation" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">@media (orientation)</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">At-rules</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-media-prefers-color-scheme" id="compat-media-prefers-color-scheme" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">@media (prefers-color-scheme)</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">At-rules</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-media-prefers-contrast" id="compat-media-prefers-contrast" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">@media (prefers-contrast)</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">At-rules</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-media-prefers-reduced-motion" id="compat-media-prefers-reduced-motion" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">@media (prefers-reduced-motion)</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">At-rules</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-property" id="compat-property" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" heigh
327t="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">@property (registered custom props)</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">At-rules</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-animation-property" id="compat-animation-property" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">@property + animatable custom props</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Animation</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-scope" id="compat-scope" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">@scope</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">At-rules</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-starting-style" id="compat-starting-style" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">@starting-style</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">At-rules</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-supports" id="compat-supports" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">@supports</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">At-rules</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-pseudo-disabled" id="compat-pseudo-disabled" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">&:disabled</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Selectors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-pseudo-focus" id="compat-pseudo-focus" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">&:focus</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Selectors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentCol
327or" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-pseudo-hover" id="compat-pseudo-hover" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">&:hover</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Selectors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-pseudo-pressed" id="compat-pseudo-pressed" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">&:pressed</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Selectors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-rrggbbaa" id="compat-rrggbbaa" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">#rrggbbaa / 8-digit hex</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Colors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-transforms-3d" id="compat-transforms-3d" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">3D transforms (rotateX, perspective, translate3d)</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-absolute-units" id="compat-absolute-units" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">Absolute units (pt, pc, in, cm, mm, Q)</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Units</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-accent-color" id="compat-accent-color" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">accent-color</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-align-content" id="compat-align-content" tabindex="0" class="CompatibilityMat
327rix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">align-content</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Layout</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-align-items" id="compat-align-items" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">align-items</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Layout</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-align-self" id="compat-align-self" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">
327align-self</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Layout</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-anchor-positioning" id="compat-anchor-positioning" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">anchor-name / position-anchor / anchor()</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Layout</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-appearance" id="compat-appearance" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">appearance</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-aspect-ratio" id="compat-aspect-ratio" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">aspect-ratio</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-attr-function" id="compat-attr-function" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">attr() function</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Functions</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-attr-selectors" id="compat-attr-selectors" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">Attribute selectors ([aria-pressed], [data-state="open"])</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Selectors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-backdrop-filter" id="compat-backdrop-filter" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">backdrop-filter</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.
32759 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-backface-visibility" id="compat-backface-visibility" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">backface-visibility</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-background-shorthand" id="compat-background-shorthand" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">background (shorthand)</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-background-attachment" id="compat-background-attachment" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">background-attachment</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-background-blend-mode" id="compat-background-blend-mode" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">background-blend-mode</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-background-clip" id="compat-background-clip" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">background-clip</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-background-color" id="compat-background-color" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">background-color</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-background-image-url" id="compat-background-image-url" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">backgrou
327nd-image: url()</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cQHpai"><a href="https://github.com/facebook/react-native/pull/54996" target="_blank" rel="noopener" aria-label="background-image: url(): work in progress (opens PR)" class="CompatibilityMatrix__PRLink-sc-9a4d5b4a-25 bgbHUv"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5-4-4V4h8v3.5l-4 4z"></path></svg></a></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cQHpai"><a href="https://github.com/facebook/react-native/pull/54994" target="_blank" rel="noopener" aria-label="background-image: url(): work in progress (opens PR)" class="CompatibilityMatrix__PRLink-sc-9a4d5b4a-25 bgbHUv"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5-4-4V4h8v3.5l-4 4z"></path></svg></a></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-background-origin" id="compat-background-origin" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">background-origin</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-background-position" id="compat-background-position" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">background-position</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-background-repeat" id="compat-background-repeat" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">background-repeat</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-background-size" id="compat-background-size" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">background-size</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-border-color" id="compat-border-color" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">border-color</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-border-image" id="compat-border-image" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">border-image</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 b
327TCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-border-logical" id="compat-border-logical" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">border-inline / border-block (logical border longhands + shorthands)</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-border-radius" id="compat-border-radius" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">border-radius</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-border-style" id="compat-border-style" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">border-style</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-border-width" id="compat-border-width" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">border-width</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-box-shadow" id="compat-box-shadow" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">
327box-shadow (incl. inset, spread)</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-box-sizing" id="compat-box-sizing" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">box-sizing</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-math-functions" id="compat-math-functions" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">calc() / clamp() / min() / max()</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Functions</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cQHpai"><a href="https://github.com/facebook/react-native/pull/56162" target="_blank" rel="noopener" aria-label="calc() / clamp() / min() / max(): work in progress (opens PR)" class="CompatibilityMatrix__PRLink-sc-9a4d5b4a-25 bgbHUv"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5-4-4V4h8v3.5l-4 4z"></path></svg></a></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cQHpai"><a href="https://github.com/facebook/react-native/pull/56162" target="_blank" rel="noopener" aria-label="calc() / clamp() / min() / max(): work in progress (opens PR)" class="CompatibilityMatrix__PRLink-sc-9a4d5b4a-25 bgbHUv"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5-4-4V4h8v3.5l-4 4z"></path></svg></a></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-caret-color" id="compat-caret-color" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">caret-color</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-viewport-units-classic" id="compat-viewport-units-classic" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">Classic viewport units (vh, vw, vmin, vmax)</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Units</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-clip-path" id="compat-clip-path" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">clip-path</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cQHpai"><a href="https://github.com/facebook/react-native/pull/54700" target="_blank" rel="noopener" aria-label="clip-path: work in progress (opens PR)" class="CompatibilityMatrix__PRLink-sc-9a4d5b4a-25 bgbHUv"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5-4-4V4h8v3.5l-4 4z"></path></svg></a></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cQHpai"><a href="https://github.com/facebook/react-native/pull/54701" target="_blank" rel="noopener" aria-label="clip-path: work in progress (opens PR)" class="CompatibilityMatrix__PRLink-sc-9a4d5b4a-25 bgbHUv"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5-4-4V4h8v3.5l-4 4z"></path></svg></a></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-color-mix" id="compat-color-mix" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">color-mix()</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Colors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41
32710.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-color-scheme" id="compat-color-scheme" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">color-scheme</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-color-function" id="compat-color-function" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">color() function (display-p3, rec2020, â¦)</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Colors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cQHpai"><a href="https://github.com/facebook/react-native/pull/42831" target="_blank" rel="noopener" aria-label="color() function (display-p3, rec2020, â¦): work in progress (opens PR)" class="CompatibilityMatrix__PRLink-sc-9a4d5b4a-25 bgbHUv"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5-4-4V4h8v3.5l-4 4z"></path></svg></a></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cQHpai"><a href="https://github.com/facebook/react-native/pull/42831" target="_blank" rel="noopener" aria-label="color() function (display-p3, rec2020, â¦): work in progress (opens PR)" class="CompatibilityMatrix__PRLink-sc-9a4d5b4a-25 bgbHUv"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5-4-4V4h8v3.5l-4 4z"></path></svg></a></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-columns" id="compat-columns" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">columns / column-count / column-width / column-rule / column-span / column-fill</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Layout</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-combinators" id="compat-combinators" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">Combinators (descendant, >, +, ~)</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Selectors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-contain" id="compat-contain" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">contain</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-cq-units" id="compat-cq-units" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">Container-query units (cqw / cqh / cqmin / cqmax)</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Units</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d
3275b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-content-counters" id="compat-content-counters" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">content / counter-reset / counter-increment / counter-set</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-content-visibility" id="compat-content-visibility" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">content-visibility</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-corner-shape" id="compat-corner-shape" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">corner-shape</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-custom-props" id="compat-custom-props" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">CSS Custom Properties (var(--â¦))</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">
327Other</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-grid" id="compat-grid" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">CSS Grid</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Layout</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cQHpai"><a href="https://github.com/facebook/react-native/pull/55665" target="_blank" rel="noopener" aria-label="CSS Grid: work in progress (opens PR)" class="CompatibilityMatrix__PRLink-sc-9a4d5b4a-25 bgbHUv"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5-4-4V4h8v3.5l-4 4z"></path></svg></a></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cQHpai"><a href="https://github.com/facebook/react-native/pull/55665" target="_blank" rel="noopener" aria-label="CSS Grid: work in progress (opens PR)" class="CompatibilityMatrix__PRLink-sc-9a4d5b4a-25 bgbHUv"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5-4-4V4h8v3.5l-4 4z"></path></svg></a></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-nesting" id="compat-nesting" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">CSS Nesting</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">At-rules</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-subgrid" id="compat-subgrid" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">CSS Subgrid</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Layout</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-css-tables" id="compat-css-tables" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">CSS tables (table-layout, border-collapse, border-spacing, caption-side, empty-cells)</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Layout</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-cursor" id="compat-cursor" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">cursor</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-direction" id="compat-direction" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">direction</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></d
327iv><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-display" id="compat-display" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">display</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-viewport-units-dvh" id="compat-viewport-units-dvh" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">Dynamic viewport units (dvh / svh / lvh / dvw)</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Units</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-env" id="compat-env" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">
327env() safe-area-inset</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Functions</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-field-sizing" id="compat-field-sizing" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">field-sizing</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-filter" id="compat-filter" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">filter: blur() / saturate() / drop-shadow() / â¦</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-flex-longhands" id="compat-flex-longhands" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">flex / flex-grow / flex-shrink / flex-basis</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Layout</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-flex-direction" id="compat-flex-direction" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">flex-direction</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Layout</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-flex-wrap" id="compat-flex-wrap" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">flex-wrap</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Layout</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-flexbox" id="compat-flexbox" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">Flexbox</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Layout</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19
327 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-float-clear" id="compat-float-clear" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">float / clear</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Layout</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-font-family" id="compat-font-family" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">font-family</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-font-feature-settings" id="compat-font-feature-settings" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">font-feature-settings</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-font-size" id="compat-font-size" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">font-size</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-font-style" id="compat-font-style" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">font-style</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-font-variant" id="compat-font-variant" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">font-variant</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-font-variation-settings" id="compat-font-variation-settings" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">font-variation-settings</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtF
327R"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-font-weight" id="compat-font-weight" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">font-weight</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-form-state" id="compat-form-state" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">Form-state selectors (:invalid, :required, :read-only)</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Selectors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-fr-unit" id="compat-fr-unit" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">fr (grid fractional unit)</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Units</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-gap" id="compat-gap" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">gap / row-gap / column-gap</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Layout</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-color-hwb" id="compat-color-hwb" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">hwb()</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Colors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-hyphens" id="compat-hyphens" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">hyphens</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-image-orientation" id="compat-image-orientation" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTi
327tleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">image-orientation</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-image-rendering" id="compat-image-rendering" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">image-rendering</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-image-set" id="compat-image-set" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">image-set() function</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Functions</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-inset" id="compat-inset" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">inset</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Layout</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-interactivity" id="compat-interactivity" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">interactivity</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-interpolate-size" id="compat-interpolate-size" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">interpolate-size / calc-size()</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Animation</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-isolation" id="compat-isolation" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">isolation</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s
327-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-justify-content" id="compat-justify-content" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">justify-content</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Layout</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-justify-items" id="compat-justify-items" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">justify-items / justify-self</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Layout</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-letter-spacing" id="compat-letter-spacing" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">letter-spacing</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-light-dark" id="compat-light-dark" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">
327light-dark() / CSS system colors</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Colors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-line-clamp" id="compat-line-clamp" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">line-clamp</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-line-height" id="compat-line-height" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">line-height</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-gradients" id="compat-gradients" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">linear-gradient() / radial-gradient() / conic-gradient()</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Colors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-list-style" id="compat-list-style" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">list-style / -type / -position / -image</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-logical-props" id="compat-logical-props" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">Logical properties (margin-inline, padding-block, â¦)</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-mask" id="compat-mask" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">
327mask / mask-image / mask-mode / mask-position</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-min-max-width-height" id="compat-min-max-width-height" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">min/max-width and min/max-height</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Layout</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-mix-blend-mode" id="compat-mix-blend-mode" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">mix-blend-mode</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-named-colors" id="compat-named-colors" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">Named colors / transparent / currentcolor</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Colors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-object-fit" id="compat-object-fit" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">object-fit / object-position</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-oklch-oklab" id="compat-oklch-oklab" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">oklch() / oklab() / lch() / lab()</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Colors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-opacity" id="compat-opacity" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">opacity</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-2
3274 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-outline" id="compat-outline" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">outline</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-outline-color" id="compat-outline-color" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">outline-color</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-outline-offset" id="compat-outline-offset" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">outline-offset</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-outline-style" id="compat-outline-style" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">outline-style</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-outline-width" id="compat-outline-width" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">outline-width</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-overflow" id="compat-overflow" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">overflow</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Layout</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-overflow-anchor" id="compat-overflow-anchor" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">overflow-anchor</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59
327 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-overflow-clip-margin" id="compat-overflow-clip-margin" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">overflow-clip-margin</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-overscroll-behavior" id="compat-overscroll-behavior" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">overscroll-behavior</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-paint-order" id="compat-paint-order" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">
327paint-order</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-perspective" id="compat-perspective" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">perspective</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-perspective-origin" id="compat-perspective-origin" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">perspective-origin</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-place-content" id="compat-place-content" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">
327place-content / place-items / place-self</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Layout</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-pointer-events" id="compat-pointer-events" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">pointer-events</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-position-fixed" id="compat-position-fixed" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">position: fixed</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Layout</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-position-sticky" id="compat-position-sticky" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">position: sticky</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Layout</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-print-color-adjust" id="compat-print-color-adjust" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">
327print-color-adjust</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-quotes" id="compat-quotes" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">quotes</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-rem-em" id="compat-rem-em" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">rem / em</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Units</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-resize" id="compat-resize" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">resize</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-color-rgb-hsl" id="compat-color-rgb-hsl" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">rgb() / rgba() / hsl() / hsla()</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Colors</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-scroll-behavior" id="compat-scroll-behavior" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">scroll-behavior</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-scroll-snap" id="compat-scroll-snap" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">scroll-snap-type / scroll-snap-align</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5
32717.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-scroll-driven-animations" id="compat-scroll-driven-animations" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">scroll-timeline / view-timeline / animation-timeline</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Animation</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-scrollbar-color" id="compat-scrollbar-color" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">scrollbar-color</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-scrollbar-width" id="compat-scrollbar-width" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">scrollbar-width</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-tabsize" id="compat-tabsize" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">tab-size</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-text-align" id="compat-text-align" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">text-align</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-text-autospace" id="compat-text-autospace" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">text-autospace</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-text-box-trim" id="compat-text-box-trim" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 b
327xTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">text-box / text-box-trim / text-box-edge</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-text-decoration-color" id="compat-text-decoration-color" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">text-decoration-color</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cQHpai"><a href="https://github.com/facebook/react-native/pull/56767" target="_blank" rel="noopener" aria-label="text-decoration-color: work in progress (opens PR)" class="CompatibilityMatrix__PRLink-sc-9a4d5b4a-25 bgbHUv"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5-4-4V4h8v3.5l-4 4z"></path></svg></a></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-text-decoration-style" id="compat-text-decoration-style" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">text-decoration-style</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cQHpai"><a href="https://github.com/facebook/react-native/pull/56768" target="_blank" rel="noopener" aria-label="text-decoration-style: work in progress (opens PR)" class="CompatibilityMatrix__PRLink-sc-9a4d5b4a-25 bgbHUv"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5-4-4V4h8v3.5l-4 4z"></path></svg></a></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-text-indent" id="compat-text-indent" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">text-indent</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-text-overflow" id="compat-text-overflow" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">text-overflow</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-text-shadow" id="compat-text-shadow" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">text-shadow</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cQHpai"><a href="https://github.com/facebook/react-native/pull/55289" target="_blank" rel="noopener" aria-label="text-shadow: work in progress (opens PR)" class="CompatibilityMatrix__PRLink-sc-9a4d5b4a-25 bgbHUv"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5-4-4V4h8v3.5l-4 4z"></path></svg></a></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cQHpai"><a href="https://github.com/facebook/react-native/pull/55289" target="_blank" rel="noopener" aria-label="text-shadow: work in progress (opens PR)" class="CompatibilityMatrix__PRLink-sc-9a4d5b4a-25 bgbHUv"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5-4-4V4h8v3.5l-4 4z"></path></svg></a></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-text-spacing-trim" id="compat-text-spacing-trim" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">text-spa
327cing-trim</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-text-transform" id="compat-text-transform" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">text-transform</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-text-wrap" id="compat-text-wrap" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">text-wrap</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-top-right-bottom-left" id="compat-top-right-bottom-left" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">top / right / bottom / left</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Layout</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-touch-action" id="compat-touch-action" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">touch-action</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-transform-box" id="compat-transform-box" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">transform-box</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-transform-origin" id="compat-transform-origin" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">transform-origin</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden=
327"true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-transform-style" id="compat-transform-style" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">transform-style</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-matrix-transform" id="compat-matrix-transform" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">transform: matrix() / matrix3d()</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-transform-skew" id="compat-transform-skew" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">transform: skewX() / skewY()</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cQHpai"><a href="https://github.com/facebook/react-native/pull/56724" target="_blank" rel="noopener" aria-label="transform: skewX() / skewY(): work in progress (opens PR)" class="CompatibilityMatrix__PRLink-sc-9a4d5b4a-25 bgbHUv"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5-4-4V4h8v3.5l-4 4z"></path></svg></a></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-transitions" id="compat-transitions" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">transition</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Animation</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-typographic-units" id="compat-typographic-units" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">Typographic units (ch, ex, cap, ic, lh, rlh)</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Units</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-url-function" id="compat-url-function" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">url() function (image references)</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Functions</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cQHpai"><a href="https://github.com/facebook/react-native/pull/54996" target="_blank" rel="noopener" aria-label="url() function (image references): work in progress (opens PR)" class="CompatibilityMatrix__PRLink-sc-9a4d5b4a-25 bgbHUv"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5-4-4V4h8v3.5l-4 4z"></path></svg></a></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cQHpai"><a href="https://github.com/facebook/react-native/pull/54994" target="_blank" rel="noopener" aria-label="url() function (image references): work in progress (opens PR)" class="CompatibilityMatrix__PRLink-sc-9a4d5b4a-25 bgbHUv"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5-4-4V4h8v3.5l-4 4z"></path></svg></a></div></div
327><div role="row" aria-expanded="false" aria-controls="compat-detail-user-select" id="compat-user-select" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">user-select</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-vertical-align" id="compat-vertical-align" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">vertical-align</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 hRImJC"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Partial" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cQHpai"><a href="https://github.com/facebook/react-native/pull/56774" target="_blank" rel="noopener" aria-label="vertical-align: work in progress (opens PR)" class="CompatibilityMatrix__PRLink-sc-9a4d5b4a-25 bgbHUv"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5-4-4V4h8v3.5l-4 4z"></path></svg></a></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-view-transitions" id="compat-view-transitions" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">View Transitions</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">At-rules</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-visibility" id="compat-visibility" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">visibility</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-white-space" id="compat-white-space" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">white-space</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-width-height" id="compat-width-height" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">width / height</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Layout</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-will-change" id="compat-will-change" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">will-change</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">
327Other</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-word-break-overflow-wrap" id="compat-word-break-overflow-wrap" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">word-break / overflow-wrap</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-word-spacing" id="compat-word-spacing" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">word-spacing</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-writing-mode" id="compat-writing-mode" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">writing-mode</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Properties</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 bTCRcW"><svg viewBox="0 0 24 24" height="14" width="14" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Not supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div></div><div role="row" aria-expanded="false" aria-controls="compat-detail-z-index" id="compat-z-index" tabindex="0" class="CompatibilityMatrix__ClickableRow-sc-9a4d5b4a-18 Bpatl"><div role="cell" class="CompatibilityMatrix__FeatureCell-sc-9a4d5b4a-19 fosWIa"><span aria-hidden="true" class="CompatibilityMatrix__Chevron-sc-9a4d5b4a-20 hVdowU"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span class="CompatibilityMatrix__FeatureTitleWrap-sc-9a4d5b4a-21 bxTvpl"><span class="CompatibilityMatrix__FeatureTitle-sc-9a4d5b4a-22 bUyEil">z-index</span><span class="CompatibilityMatrix__FeatureCategory-sc-9a4d5b4a-23 buwQxp">Layout</span></span></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div role="cell" class="CompatibilityMatrix__SupportCell-sc-9a4d5b4a-24 cpUgpm"><svg viewBox="0 0 24 24" height="16" width="16" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Supported" class="StyledIconBase-sc-ea9ulj-0 ivPtFR"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div></div></div></div></div></div></div><!--$--><!--/$--></main></div></div>
327<script src="/_next/static/chunks/008np_w2ldezx.js" id="_R_" async=""></script>
327<script>(self.__next_f=self.__next_f||[]).push([0])</script>
327<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n3:I[16545,[\"/_next/static/chunks/0q0elt8jdeyhj.js\",\"/_next/static/chunks/0cqtmja_x~gnr.js\"],\"default\"]\n4:I[65371,[\"/_next/static/chunks/0q0elt8jdeyhj.js\",\"/_next/static/chunks/0cqtmja_x~gnr.js\"],\"default\"]\n5:I[20468,[\"/_next/static/chunks/08ss~es_7wy3~.js\",\"/_next/static/chunks/12q5w-tcjy00j.js\",\"/_next/static/chunks/0t1xi5m~eac8h.js\",\"/_next/static/chunks/0hi~qv8lo~s7i.js\",\"/_next/static/chunks/146thbl5nt6.b.js\",\"/_next/static/chunks/0gq8wfvbz1rhv.js\"],\"default\"]\n6:I[9390,[\"/_next/static/chunks/08ss~es_7wy3~.js\",\"/_next/static/chunks/12q5w-tcjy00j.js\",\"/_next/static/chunks/0t1xi5m~eac8h.js\",\"/_next/static/chunks/0hi~qv8lo~s7i.js\",\"/_next/static/chunks/146thbl5nt6.b.js\",\"/_next/static/chunks/0gq8wfvbz1rhv.js\"],\"default\"]\n7:I[12491,[\"/_next/static/chunks/08ss~es_7wy3~.js\",\"/_next/static/chunks/12q5w-tcjy00j.js\",\"/_next/static/chunks/0t1xi5m~eac8h.js\",\"/_next/static/chunks/0hi~qv8lo~s7i.js\",\"/_next/static/chunks/146thbl5nt6.b.js\",\"/_next/static/chunks/0gq8wfvbz1rhv.js\"],\"default\"]\nf:I[51847,[\"/_next/static/chunks/08ss~es_7wy3~.js\",\"/_next/static/chunks/12q5w-tcjy00j.js\",\"/_next/static/chunks/0t1xi5m~eac8h.js\",\"/_next/static/chunks/0hi~qv8lo~s7i.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/0z0by9mbuoylz.css\",\"style\"]\n:HL[\"/_next/static/media/6babc54cc0db7717.p.0nzwodiqanef1.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/f7aa21714c1c53f8-s.p.0bhxxck2.9j91.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n8:T438,RN `fontSize` is a bare point value. v7 accepts bare numbers, `Npx`, viewport units (`vh`, `vw`, `svh`, `dvh`, `vi`, `vb`, `vmin`, `vmax` and the `s*` / `l*` / `d*` variants), container query units (`cqh`, `cqw`, `cqi`, `cqb`, `cqmin`, `cqmax`), font-relative units (`em`, `rem` against the cascade, `lh` / `rlh` against line-height, font-metric `ex` / `cap` / `ch` / `ic` and `r`-prefixed via standard approximations), and absolute lengths (`pt`, `pc`, `in`, `cm`, `mm`, `Q` resolve to dp at the standard fixed ratios). The CSS absolute-size keywords (`xx-small`, `x-small`, `small`, `medium`, `large`, `x-large`, `xx-large`, `xxx-large`) resolve to 9, 10, 13, 16, 18, 24, 32, 48 across iOS, Android, and web for parity; relative keywords (`smaller` / `larger`) step the absolute-size ramp against the inherited size or scale by 1.2 otherwise. Font-width keywords (`condensed`, `expanded`) and CSS system fonts (`caption`, `menu`, etc.) drop with a dev-warn that names the offending keyword. v6 only handled bare numbers and `px`; `em` / `rem` strings dropped silently on native."])</script>
327<script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"docs\",\"compatibility\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"docs\",{\"children\":[\"compatibility\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0z0by9mbuoylz.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/08ss~es_7wy3~.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/12q5w-tcjy00j.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/0t1xi5m~eac8h.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/0hi~qv8lo~s7i.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L2\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L5\",null,{\"title\":\"React Native CanIUse\",\"children\":[[\"$\",\"p\",null,{\"children\":[\"A per-feature reference for which CSS works on React Native. The v6 and v7 columns show styled-components' native runtime support; the iOS and Android columns show what stock React Native handles without any styled-components polyfill. Click any row for caveats, the underlying RN style key, and links to upstream PRs in flight. Machine-readable versions are available as\",\" \",[\"$\",\"$L6\",null,{\"href\":\"/docs/compatibility.json\",\"variant\":\"inline\",\"children\":\"JSON\"}],\" \",\"and\",\" \",[\"$\",\"$L6\",null,{\"href\":\"/docs/compatibility.md\",\"variant\":\"inline\",\"children\":\"Markdown\"}],\".\"]}],[\"$\",\"$L7\",null,{\"entries\":[{\"id\":\"nesting\",\"title\":\"CSS Nesting\",\"category\":\"at-rules\",\"caniuseId\":\"css-nesting\",\"nativeV6\":\"partial\",\"nativeV7\":\"yes\",\"summary\":\"v6 normalizes nesting at build time before the browser sees it; v7 emits native CSS Nesting when the targeted browsers support it. On React Native, v7 resolves nested rules through the runtime; v6 only flattened simple ampersand cases.\",\"caveats\":[\"Always anchor pseudo-states with `\u0026:hover`, never bare `:hover`. Both versions treat a bare pseudo as a descendant selector.\"],\"caniuseTitle\":\"CSS Nesting\",\"browserMins\":{\"chrome\":\"120\",\"safari\":\"17.2\",\"firefox\":\"117\",\"edge\":\"120\"}},{\"id\":\"has\",\"title\":\":has() relational selector\",\"category\":\"selectors\",\"caniuseId\":\"css-has\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"summary\":\"On web, v6 mishandled commas inside `:has(...)`; v7 compiles arbitrary nesting and comma-split arms correctly. On React Native, v7 supports `\u0026:has(${StyledComponent})` for descendant-by-reference matching and `\u0026:has([attr])` / `\u0026:has([attr=value i])` for any attribute operator (including the case-insensitive flag). v6 dropped `:has(...)` on native.\",\"caveats\":[\"On native, only single-argument forms work. Compound selectors, pseudo-classes (`:has(:hover)`), combinators (`:has(.a .b)`), and selector lists (`:has(.a, .b)`) drop with a dev-warn.\",\"Match scope is the descendant subtree only (no preceding-sibling matching without combinators).\"],\"caniuseTitle\":\":has() CSS relational pseudo-class\",\"browserMins\":{\"chrome\":\"105\",\"safari\":\"15.4\",\"firefox\":\"121\",\"edge\":\"105\"}},{\"id\":\"is-where\",\"title\":\":is() / :where()\",\"category\":\"selectors\",\"caniuseId\":\"css-matches-pseudo\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"summary\":\"v6 leaked nested-rule tokens into the wrong arm when selectors contained commas inside :is(...) / :where(...). v7 compiles each arm independently.\",\"caveats\":[\"On native v7, :is() and :where() apply the rule to each listed state (e.g. `\u0026:is(:hover, :focus)`).\"],\"caniuseTitle\":\":is() CSS pseudo-class\",\"browserMins\":{\"chrome\":\"88\",\"safari\":\"14\",\"firefox\":\"78\",\"edge\":\"88\"}},{\"id\":\"container-queries\",\"title\":\"@container size queries\",\"category\":\"at-rules\",\"caniuseId\":\"css-container-queries\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"summary\":\"v6 passed @container through to the browser on web only. v7 implements container queries against React Native ancestor containers as well.\",\"caveats\":[\"An element with `container-type` cannot match its own `@container` query. Set it on a parent.\",\"Container-query units (cqw, cqh, cqmin, cqmax) are part of this support story.\"],\"caniuseTitle\":\"CSS Container Queries (Size)\",\"browserMins\":{\"chrome\":\"106\",\"safari\":\"16\",\"firefox\":\"110\",\"edge\":\"106\"}},{\"id\":\"starting-style\",\"title\":\"@starting-style\",\"category\":\"at-rules\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"summary\":\"v6 could mangle nested declarations inside `@starting-style`. v7 honors the at-rule and runs first-mount enter animations on React Native by default;
327 no reanimated opt-in required.\",\"caveats\":[\"No caniuse entry yet; check the spec status before relying on it in old browsers.\"]},{\"id\":\"scope\",\"title\":\"@scope\",\"category\":\"at-rules\",\"caniuseId\":\"css-cascade-scope\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"v6 could swallow `@scope` or flatten its donut shape. v7 forwards `@scope` intact so the browser handles the cascade. React Native does not implement `@scope` on either version.\",\"caniuseTitle\":\"Scoped Styles: the @scope rule\",\"browserMins\":{\"chrome\":\"118\",\"safari\":\"17.4\",\"firefox\":\"146\",\"edge\":\"118\"}},{\"id\":\"supports\",\"title\":\"@supports\",\"category\":\"at-rules\",\"caniuseId\":\"css-supports-api\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"summary\":\"Web answers directly. On React Native, v7 evaluates `@supports` as a real feature query against actual platform capability, with `not` / `and` / `or` per the CSS grammar. Probing a feature inside `@supports (foo: bar)` does not fire that feature's dev-warn. v6 does not evaluate the condition on native.\",\"caveats\":[\"Unknown `selector(...)` and test-only forms resolve to false on native.\"],\"caniuseTitle\":\"CSS.supports() API\",\"browserMins\":{\"chrome\":\"61\",\"safari\":\"9\",\"firefox\":\"55\",\"edge\":\"79\"}},{\"id\":\"property\",\"title\":\"@property (registered custom props)\",\"category\":\"at-rules\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"summary\":\"On web, v7 forwards `@property` to the browser's `CSS.registerProperty()`. On React Native, v7 registers it: `syntax`, `inherits`, and `initial-value` apply to `var()` resolution, unset registered properties resolve to their typed initial value, and `inherits: false` blocks ancestor leakage (descendants see the initial value). Supported syntax strings: `*`, `\u003clength\u003e`, `\u003cnumber\u003e`, `\u003cpercentage\u003e`, `\u003cinteger\u003e`, `\u003cangle\u003e`, `\u003ctime\u003e`, `\u003ccolor\u003e`; invalid rules warn and are ignored. v6 does not register `@property` on native.\",\"caveats\":[\"The animation gotcha holds: a CSS custom property only eases between values (e.g. two oklch colors) once it is registered with a `\u003ccolor\u003e` syntax and an initial value.\",\"Put `@property` declarations in `createGlobalStyle` so they live on the document and survive SSR.\"]},{\"id\":\"cascade-layers\",\"title\":\"@layer cascade layers\",\"category\":\"at-rules\",\"caniuseId\":\"css-cascade-layers\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Cascade layers compose cleanly with styled-components on web in both versions. RN has no cascade, so the at-rule is ignored on native.\",\"caniuseTitle\":\"CSS Cascade Layers\",\"browserMins\":{\"chrome\":\"99\",\"safari\":\"15.4\",\"firefox\":\"97\",\"edge\":\"99\"}},{\"id\":\"color-mix\",\"title\":\"color-mix()\",\"category\":\"colors\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"v6 passed `color-mix()` through on web only. v7 evaluates it on React Native and converts to sRGB for display. Stock RN has no `color-mix` parser.\",\"caveats\":[\"Specify the interpolation space explicitly (e.g. `in oklab`) for predictable cross-platform results.\"]},{\"id\":\"oklch-oklab\",\"title\":\"oklch() / oklab() / lch() / lab()\",\"category\":\"colors\",\"caniuseId\":\"css-lch-lab\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web in both versions. v7 also resolves these on React Native to sRGB, gamut-mapping wide-gamut inputs while preserving hue. Stock RN only recognizes hex / rgb / hsl / hwb, so the modern spaces would otherwise drop. v7 additionally supports CSS Color 5 relative-color syntax (`oklch(from \u003cbase\u003e \u003cl-expr\u003e \u003cc-expr\u003e \u003ch-expr\u003e)`) with channel keywords (`l`, `c`, `h`, `a`, `b`, `alpha`) usable inside `calc()`. Theme-token bases re-resolve at render time.\",\"caveats\":[\"Percent channels follow CSS Color 4 ranges: `lab(50% 0 0)` is mid-gray.\",\"Relative color is also resolved for `rgb()` / `hsl()` / `hwb()` / `color()` bases on native, not just the modern spaces.\"],\"caniuseTitle\":\"LCH and Lab color values\",\"browserMins\":{\"chrome\":\"111\",\"safari\":\"15\",\"firefox\":\"113\",\"edge\":\"111\"}}
327,{\"id\":\"light-dark\",\"title\":\"light-dark() / CSS system colors\",\"category\":\"colors\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web. v7 evaluates `light-dark()` on React Native against the device color scheme. Stock RN does not parse the function. v7 additionally resolves the full CSS Color 4 system-color keyword set (page, field, button, highlight, link, mark, and accent surfaces: e.g. `canvas`, `canvastext`, `field`, `graytext`, `highlight`, `highlighttext`, `linktext`, `visitedtext`, `buttonface`, `buttontext`, `buttonborder`, `selecteditem`, `mark`, `accentcolor`) to platform-appropriate light / dark colors, including inside composite shorthands (`box-shadow`, `filter: drop-shadow()`, `background`, `linear-gradient` color stops).\",\"caveats\":[\"Older CSS system-color names (`ActiveBorder`, `Menu`, `Window`, `ThreeDFace`, etc.) are treated as their modern keyword equivalent.\"]},{\"id\":\"viewport-units-dvh\",\"title\":\"Dynamic viewport units (dvh / svh / lvh / dvw)\",\"category\":\"units\",\"caniuseId\":\"viewport-units\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web. v7 resolves these on React Native against the window dimensions and re-resolves on orientation change; stock RN does not recognize the unit strings. The four variants (default `v*`, `sv*`, `lv*`, `dv*`) collapse to a single value on native because RN has no URL-bar surface.\",\"caniuseTitle\":\"Viewport units: vw, vh, vmin, vmax\",\"browserMins\":{\"chrome\":\"26\",\"safari\":\"6.1\",\"firefox\":\"19\",\"edge\":\"16\"}},{\"id\":\"cq-units\",\"title\":\"Container-query units (cqw / cqh / cqmin / cqmax)\",\"category\":\"units\",\"caniuseId\":\"css-container-query-units\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"v7 resolves container-query units against the nearest ancestor container on React Native; stock RN does not recognize the unit strings. When a container is pending first measurement, the declaration drops for one frame.\",\"caniuseTitle\":\"CSS Container Query Units\",\"browserMins\":{\"chrome\":\"105\",\"safari\":\"16\",\"firefox\":\"110\",\"edge\":\"105\"}},{\"id\":\"math-functions\",\"title\":\"calc() / clamp() / min() / max()\",\"category\":\"functions\",\"caniuseId\":\"css-math-functions\",\"nativeV6\":\"partial\",\"nativeV7\":\"yes\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"prUrls\":{\"ios\":\"https://github.com/facebook/react-native/pull/56162\",\"android\":\"https://github.com/facebook/react-native/pull/56162\"}
327,\"summary\":\"v7 supports `calc()` / `clamp()` / `min()` / `max()` on React Native, plus the CSS Values 4 step family (`round()` with `nearest` / `up` / `down` / `to-zero` strategies, `mod()`, `rem()`), trig (`sin`, `cos`, `tan`, `asin`, `acos`, `atan`, `atan2`), exponential (`pow`, `sqrt`, `hypot`, `log`, `exp`), and sign (`abs`, `sign`). Math constants `pi` and `e` are recognized. v6 supported only fully-static cases. An upstream Callstack PR wires Yoga dynamic-value resolution into stock React Native for layout properties (dimensions, min/max, flex-basis, gap, position, margin, padding).\",\"caveats\":[\"The keywords `infinity`, `-infinity`, and `NaN` cannot be represented in RN dimensions; v7 drops the declaration with a dev-warn. Use a large literal or viewport unit instead.\",\"All these functions compose inside `calc()`. `calc()`, `clamp()`, `min()`, and `max()` also re-resolve when their operands are dynamic (viewport / container units, theme tokens, `var()`); the step, trig, exponential, and sign functions are computed when the styles are built, so their inputs must be static values.\"],\"caniuseTitle\":\"CSS math functions min(), max() and clamp()\",\"browserMins\":{\"chrome\":\"79\",\"safari\":\"13.1\",\"firefox\":\"75\",\"edge\":\"79\"}},{\"id\":\"logical-props\",\"title\":\"Logical properties (margin-inline, padding-block, â¦)\",\"category\":\"props\",\"caniuseId\":\"css-logical-props\",\"nativeV6\":\"partial\",\"nativeV7\":\"yes\",\"iosStock\":\"partial\",\"androidStock\":\"partial\",\"summary\":\"Full logical-property support on React Native in v7, including `-start` / `-end` longhands across margin, padding, border-color, border-width, border-inline, and border-block (see the dedicated `border-inline / border-block` entry). The first-party RTL plugin mirrors physical properties; logical properties are direction-agnostic by definition.\",\"caveats\":[\"Stock RN supports `marginStart` / `paddingEnd` style keys; the `inset-inline` shorthand family arrived with the New Architecture (0.76+).\"],\"caniuseTitle\":\"CSS Logical Properties\",\"browserMins\":{\"chrome\":\"89\",\"safari\":\"15\",\"firefox\":\"66\",\"edge\":\"89\"}},{\"id\":\"border-logical\",\"title\":\"border-inline / border-block (logical border longhands + shorthands)\",\"category\":\"props\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"iosStock\":\"partial\",\"androidStock\":\"partial\",\"summary\":\"v7 covers every authoring-spec form on React Native: per-edge `border-{inline,block}-{start,end}-{color,width,style}` longhands, axis shorthands (`border-inline-color`, `border-block-width`, etc.), per-edge composite shorthands (`border-inline-start: 1px solid red`), and the two whole-axis composites (`border-inline`, `border-block`). Under horizontal-tb writing mode, inline edges map to start / end and block edges to top / bottom.\",\"caveats\":[\"Stock RN 0.85 only ships the legacy `borderStart*` / `borderEnd*` / `borderBlockColor*` keys; v7 maps the newer `border-inline-*` / `border-block-*` names onto those so spec-authored CSS works regardless.\",\"Per-edge `border-style` is not supported on native (RN has a single whole-element `borderStyle`); v7 drops per-edge styles, dev-warning on a non-`solid` value (a per-edge `solid` is accepted silently since it already matches the default). The element-level `border-style` still works.\"]},{\"id\":\"attr-selectors\",\"title\":\"Attribute selectors ([aria-pressed], [data-state=\\\"open\\\"])\",\"category\":\"selectors\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"summary\":\"v7 supp
327orts the full Selectors 4 attribute grammar on React Native: presence (`\u0026[attr]`), exact-match (`\u0026[attr=value]`), word (`~=`), prefix (`|=`), starts-with (`^=`), ends-with (`$=`), substring (`*=`), and the `i` / `s` case-sensitivity flags. Compound brackets chain with AND semantics (`\u0026[a][b]`), and a trailing pseudo-state attaches (`\u0026[a]:active`). Boolean coercion means `aria-pressed={true}` and `aria-pressed=\\\"true\\\"` both match.\"},{\"id\":\"line-clamp\",\"title\":\"line-clamp\",\"category\":\"props\",\"caniuseId\":\"css-line-clamp\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web (`-webkit-line-clamp` and the standard `line-clamp` both work on Chromium / WebKit / Firefox 68+). v7 supports `line-clamp: N` on `\u003cText\u003e` so the same template works on both targets.\",\"caniuseTitle\":\"CSS line-clamp\",\"browserMins\":{\"chrome\":\"14\",\"safari\":\"5\",\"firefox\":\"68\",\"edge\":\"17\"}},{\"id\":\"filter\",\"title\":\"filter: blur() / saturate() / drop-shadow() / â¦\",\"category\":\"props\",\"caniuseId\":\"css-filters\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"iosStock\":\"partial\",\"androidStock\":\"partial\",\"summary\":\"Stock RN 0.76+ consumes a CSS `filter` string. On iOS (default Fabric), only `brightness` and `opacity` apply; `blur`, `grayscale`, `saturate`, `contrast`, `hue-rotate`, and `drop-shadow` need the SwiftUI filter backend opt-in (off by default in 0.85 and 0.86). `invert` and `sepia` are accepted but never applied on iOS. On Android, color-matrix filters (brightness, contrast, grayscale, sepia, saturate, hue-rotate, invert, opacity) work on minSdk 24+; `blur` and `drop-shadow` require API 31+. v7 additionally resolves CSS Color 4 system keywords inside `drop-shadow()` so they paint on native.\",\"caveats\":[\"iOS SwiftUI filter opt-in:
327set `ReactNativeReleaseLevel` to `experimental` in Info.plist (or `ios.infoPlist` in Expo).\"],\"caniuseTitle\":\"CSS Filter Effects\",\"browserMins\":{\"chrome\":\"18\",\"safari\":\"6\",\"firefox\":\"35\",\"edge\":\"79\"}},{\"id\":\"clip-path\",\"title\":\"clip-path\",\"category\":\"props\",\"caniuseId\":\"css-clip-path\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"prUrls\":{\"ios\":\"https://github.com/facebook/react-native/pull/54700\",\"android\":\"https://github.com/facebook/react-native/pull/54701\"},\"summary\":\"Web pass-through in both versions. Stock React Native does not implement `clip-path` on either platform; a Callstack PR trio is in flight (one JS, one iOS, one Android) covering `inset()`, `circle()`, `ellipse()`, `polygon()`, `rect()`, `xywh()`, plus the reference-box keywords.\",\"caniuseTitle\":\"CSS clip-path property (for HTML)\",\"browserMins\":{\"firefox\":\"54\"}},{\"id\":\"gradients\",\"title\":\"linear-gradient() / radial-gradient() / conic-gradient()\",\"category\":\"colors\",\"caniuseId\":\"css-gradients\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"iosStock\":\"partial\",\"androidStock\":\"partial\",\"summary\":\"Stock RN 0.76+ paints `linear-gradient()` and (0.80+) `radial-gradient()`, plus their `repeating-*` variants. v7 emits the right native shape so the same template works on RN and react-native-web; v6 dropped gradient strings on native. v7 additionally resolves CSS Color 4 system keywords inside gradient stops so they paint on native. Conic gradients are not implemented in stock RN on either platform; v7 forwards the string but it does not paint on native.\",\"caveats\":[\"Linear / radial: web pass-through plus native paint.\",\"Conic: web-only. Approximate on native with a layered radial-gradient and image mask, or use `react-native-skia` for true sweep painting.\",\"Raster `background-image: url()` is tracked separately under its own row (upstream PRs in flight).\"],\"caniuseTitle\":\"CSS Gradients\",\"browserMins\":{\"chrome\":\"10\",\"safari\":\"15.4\",\"firefox\":\"36\",\"edge\":\"12\"}},{\"id\":\"mix-blend-mode\",\"title\":\"mix-blend-mode\",\"category\":\"props\",\"caniuseId\":\"css-mixblendmode\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"iosStock\":\"yes\",\"androidStock\":\"partial\",\"summary\":\"v7 forwards `mix-blend-mode` to native. iOS and Android map the 15 CSS Compositing 1 blend modes on RN 0.85+, plus `plus-lighter` (CSS Compositing 2) on RN 0.86+. Android needs API 29+ (Android 10); the prop is silently dropped on API 24-28.\",\"caveats\":[\"Gamma-sensitive modes (color-burn, soft-light, overlay, hard-light) appear more saturated than on web because iOS and Android blend in linear-light on Display P3 devices.\",\"On react-native-web, every View is a stacking context by default. Override the parent with `z-index: auto` so blends reach the intended backdrop.\"],\"caniuseTitle\":\"Blending of HTML/SVG elements\",\"browserMins\":{\"chrome\":\"41\",\"firefox\":\"32\",\"edge\":\"79\"}},{\"id\":\"background-blend-mode\",\"title\":\"background-blend-mode\",\"category\":\"props\",\"caniuseId\":\"css-backgroundblendmode\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"v7 supp
327orts `background-blend-mode` on native. Stock RN has no `backgroundBlendMode` style. Linear-friendly modes round-trip exactly; gamma-sensitive modes differ slightly on Display P3.\",\"caniuseTitle\":\"CSS background-blend-mode\",\"browserMins\":{\"chrome\":\"35\",\"safari\":\"10.1\",\"firefox\":\"30\",\"edge\":\"79\"}},{\"id\":\"transitions\",\"title\":\"transition\",\"category\":\"animation\",\"caniuseId\":\"css-transitions\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"summary\":\"v7 animates eligible properties on the native thread by default; no setup or extra import. All CSS easing keywords plus `cubic-bezier()`, `steps()`, `step-start`, `step-end`, and `linear(\u003cstop-list\u003e)` are supported. Non-linear curves are sampled into per-frame curves for the native driver. Web behavior is unchanged.\",\"caveats\":[\"CSS `ease` maps to the W3C `ease` curve, not React Native's `Easing.ease` (which is `ease-in`). v7 fixes that subtle mismatch.\",\"`prefers-reduced-motion` collapses durations to 0.\"],\"caniuseTitle\":\"CSS3 Transitions\",\"browserMins\":{\"chrome\":\"4\",\"safari\":\"5.1\",\"firefox\":\"5\",\"edge\":\"12\"}},{\"id\":\"keyframes\",\"title\":\"@keyframes\",\"category\":\"animation\",\"caniuseId\":\"css-animation\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"summary\":\"`@keyframes` runs on React Native in v7 by default; no extra setup. All CSS `animation-direction`, `animation-fill-mode`, `animation-play-state`, `animation-iteration-count`, and `animation-composition` (`replace | add | accumulate`) values work, plus per-frame easing. Coordinating-list `animation-composition` pairs with `animation-name` (comma-separated). `prefers-reduced-motion` collapses durations to 0 automatically, and `@starting-style` participates in transitions and first-mount animations. The optional reanimated adapter (`styled-components/native/reanimated`) is available for consumers that prefer to drive animations through reanimated; on rn-web, `animation-composition` flows through to the browser as native CSS.\",\"caniuseTitle\":\"CSS Animation\",\"browserMins\":{\"chrome\":\"4\",\"safari\":\"5.1\",\"firefox\":\"5\",\"edge\":\"12\"}},{\"id\":\"env\",\"title\":\"env() safe-area-inset\",\"category\":\"functions\",\"caniuseId\":\"css-env-function\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"summary\":\"v7 supp
327orts `env()` per CSS Environment Variables Level 1 (recognized names, fallbacks, recursive fallback substitution). Safe-area insets currently resolve to 0 on React Native; until the runtime wires up `react-native-safe-area-context`, `env(safe-area-inset-top, 47px)` returns 0 because recognized names ignore their fallback per spec.\",\"caniuseTitle\":\"CSS Environment Variables env()\",\"browserMins\":{\"chrome\":\"69\",\"safari\":\"11.1\",\"firefox\":\"65\",\"edge\":\"79\"}},{\"id\":\"custom-props\",\"title\":\"CSS Custom Properties (var(--â¦))\",\"category\":\"other\",\"caniuseId\":\"css-variables\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"summary\":\"Declare `--name: value` on any styled component and descendants read it back through `var(--name, fallback)`. v7 honors the full CSS Variables L1 contract: fallbacks, nested resolution in both the name and fallback arguments, cycle detection, case-sensitive names, quote-aware skip inside string values, and `--foo: initial` resetting to the guaranteed-invalid value (so a downstream `var(--foo, fallback)` substitutes the fallback). References resolve against the cascade inside every conditional bucket (`@media`, `@container`, `@supports`, attribute, pseudo-state, `:has()`, `:nth-child()`, combinator). Substituted values flow through the same value pipeline as authored CSS, so a shorthand interpolation (`margin: var(--spacing)` with `--spacing: 4px 8px`) still expands to longhands. `createTheme()` (v6.4+) builds on the same primitive: every leaf becomes a `var(--prefix-path, fallback)` string usable in both web and native components.\",\"caveats\":[\"Dev builds warn on a render-time `var()` only when no ancestor declared the property AND no fallback is provided.\",\"`ThemeProvider` must receive the raw theme object, not the `createTheme()` output. Passing the output yields self-referential `var(--x, var(--x, fallback))`.\",\"JS arithmetic on tokens silently breaks (`4 + theme.space.md`). Use `calc()` instead.\"],\"caniuseTitle\":\"CSS Variables (Custom Properties)\",\"browserMins\":{\"chrome\":\"49\",\"safari\":\"10\",\"firefox\":\"31\",\"edge\":\"16\"}},{\"id\":\"important\",\"title\":\"!important\",\"category\":\"other\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"v7 honors the `!important` marker within a styled component. The marker is stripped from the rendered value, beats normal declarations on the same property regardless of source order, and applies through every conditional bucket (`@media`, `@container`, `@supports`, attribute, `:hover` / `:focus` / `:active` / `:disabled`, `:has()`, `:nth-child()`, combinator). A shorthand marked `!important` propagates to every longhand. Importance flows through `var()` substitution and render-time resolvers (`light-dark()`, `env()`, viewport units, theme tokens). Web-aligned: a styled component's `!important` beats a runtime `style={{ ... }}` prop; normal declarations are still overridden by the runtime `style` prop. Stock RN parses `red !important` as a string and leaks it onto the host element with no visible color, so authoring `!important` only became safe with v7.\",\"caveats\":[\"Cross-component cascade is not yet supported: a parent's `!important font-size` cannot defeat a child's normal one. Coverage is within-component only.\",\"`!important` inside `@keyframes` is ignored, matching the CSS Animations spec.\",\"Marker is case-insensitive (`!IMPORTANT`) and whitespace between `!` and `important` is tolerated.\"]},{\"id\":\"matrix-transform\",\"title\":\"transform: matrix() / matrix3d()\",\"category\":\"props\",\"nativeV6\":\"partial\",\"nativeV7\":\"partial\",\"iosStock\":\"partial\",\"androidStock\":\"partial\",\"summary\":\"On native, `transform` passes through to React Native unchanged. RN accepts `matrix()` with 9 or 16 numbers; the standard 6-number 2D form and `matrix3d()` are rejected, so neither renders on native in either version. Function transforms need explicit units (`translateX(10px)`, not `translateX(10)`). On web both versions hand the value to the browser.\"},{\"id\":\"transform-skew\",\"title\":\"transform: skewX() / skewY()\",\"category\":\"props\",\"nativeV6\":\"partial\",\"nativeV7\":\"partial\",\"iosStock\":\"yes\",\"androidStock\":\"no\",\"prUrls\":{\"android\":\"https://github.com/facebook/react-native/pull/56724\"},\"summary\":\"iOS renders skew correctly through stock RN and both versions of styled-components. On Android, the matrix decomposition silently drops the shear, so views render as rotated rectangles instead of true parallelograms. An upstream Android fix is in flight (API 29+).\"},{\"id\":\"media-aspect-ratio\",\"title\":\"@media (aspect-ratio: â¦)\",\"category\":\"at-rules\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"summary\":\"v7 evaluates aspect-ratio media queries against the device window. Bare-number ratios are treated as `\u
327003cn\u003e/1` per spec.\"},{\"id\":\"flexbox\",\"title\":\"Flexbox\",\"category\":\"layout\",\"caniuseId\":\"flexbox\",\"nativeV6\":\"yes\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"Pass-through in both versions. React Native's default layout.\",\"caniuseTitle\":\"CSS Flexible Box Layout Module\",\"browserMins\":{\"chrome\":\"21\",\"safari\":\"6.1\",\"firefox\":\"28\",\"edge\":\"12\"}},{\"id\":\"grid\",\"title\":\"CSS Grid\",\"category\":\"layout\",\"caniuseId\":\"css-grid\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"prUrls\":{\"ios\":\"https://github.com/facebook/react-native/pull/55665\",\"android\":\"https://github.com/facebook/react-native/pull/55665\"},\"summary\":\"Web pass-through. On React Native, v7 supports an equal-columns subset: `display: grid` with `grid-template-columns: repeat(N, 1fr)` plus `gap` lays direct styled children into N equal columns, and `grid-column: span N` spans columns. A grid container with `container-type` doubles as a container-query container. A Meta-internal Yoga + React Native series adds full `display: grid` to the layout engine across a multi-PR sequence; once it merges, stock RN gets `grid-template-columns`, `grid-template-rows`, `grid-area`, and friends on both platforms simultaneously.\",\"caveats\":[\"Fixed px tracks, `minmax()`, `auto-fill` / `auto-fit`, unequal `fr` factors, named / line-number placement, `grid-row`, `grid-area`, and subgrid are not supported on native; they warn and fall back to a flex row.\"],\"caniuseTitle\":\"CSS Grid Layout (level 1)\",\"browserMins\":{\"chrome\":\"57\",\"safari\":\"10.1\",\"firefox\":\"52\",\"edge\":\"16\"}},{\"id\":\"subgrid\",\"title\":\"CSS Subgrid\",\"category\":\"layout\",\"caniuseId\":\"css-subgrid\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web in both versions.\",\"caniuseTitle\":\"CSS Subgrid\",\"browserMins\":{\"chrome\":\"117\",\"safari\":\"16\",\"firefox\":\"71\",\"edge\":\"117\"}}
327,{\"id\":\"position-sticky\",\"title\":\"position: sticky\",\"category\":\"layout\",\"caniuseId\":\"css-sticky\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"summary\":\"Web pass-through. On React Native, v7 sticks direct styled children of a styled ScrollView to the top edge, holding the pinned position through flings. v6 has no equivalent on native.\",\"caveats\":[\"Top-edge only and direct children only.\",\"Inset offsets (`top: 8px`) are not applied.\",\"Consecutive sticky headers overlap; there is no push-off between them.\",\"Nested (non-direct) sticky elements are not supported.\"],\"caniuseTitle\":\"CSS position:sticky\",\"browserMins\":{\"chrome\":\"91\",\"safari\":\"7.1\",\"firefox\":\"59\",\"edge\":\"91\"}},{\"id\":\"position-fixed\",\"title\":\"position: fixed\",\"category\":\"layout\",\"caniuseId\":\"css-fixed\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Web-only.\",\"caniuseTitle\":\"CSS position:fixed\",\"browserMins\":{\"chrome\":\"4\",\"safari\":\"3.1\",\"firefox\":\"2\",\"edge\":\"12\"}},{\"id\":\"text-shadow\",\"title\":\"text-shadow\",\"category\":\"props\",\"caniuseId\":\"css-textshadow\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"prUrls\":{\"ios\":\"https://github.com/facebook/react-native/pull/55289\",\"android\":\"https://github.com/facebook/react-native/pull/55289\"},\"summary\":\"Pass-through on web. Stock React Native renders text shadows via individual `textShadowOffset` / `textShadowRadius` / `textShadowColor` keys but does not parse the CSS `text-shadow` shorthand string. v7 polyfills the shorthand `\u003coffset-x\u003e \u003coffset-y\u003e [\u003cblur\u003e] [\u003ccolor\u003e]` into those keys; v6 dropped the shorthand. Upstream PR #55289 adds native CSS-shorthand parsing on both platforms (single shadow per node).\",\"caveats\":[\"Native renders a single shadow per `\u003cText\u003e`, so a comma-separated list applies the first (topmost) layer with a dev-warn; web renders the full list.\"],\"caniuseTitle\":\"CSS3 Text-shadow\",\"browserMins\":{\"chrome\":\"4\",\"safari\":\"4\",\"firefox\":\"3.5\",\"edge\":\"12\"}},{\"id\":\"text-decoration-style\",\"title\":\"text-decoration-style\",\"category\":\"props\",\"nativeV6\":\"partial\",\"nativeV7\":\"partial\",\"iosStock\":\"partial\",\"androidStock\":\"no\",\"prUrls\":{\"android\":\"https://github.com/facebook/react-native/pull/56768\"},\"summary\":\"iOS supports `solid`, `double`, `dashed`, and `dotted` (for both underline and strikethrough). `wavy` cannot be drawn on either platform; v7 falls back to `solid` with a dev-warn on native (rn-web keeps `wavy` so the browser handles it). Android ignores the property entirely on native; an upstream PR adds full support.\"},{\"id\":\"text-decoration-color\",\"title\":\"text-decoration-color\",\"category\":\"props\",\"nativeV6\":\"partial\",\"nativeV7\":\"partial\",\"iosStock\":\"yes\",\"androidStock\":\"no\",\"prUrls\":{\"android\":\"https://github.com/facebook/react-native/pull/56767\"},\"summary\":\"iOS already paints the underline / line-through in the requested color, so v6 and v7 pass through and render correctly there. Android currently inherits the text color regardless; an upstream PR adds proper `text-decoration-color` support.\"},{\"id\":\"vertical-align\",\"title\":\"vertical-align\",\"category\":\"props\",\"nativeV6\":\"partial\",\"nativeV7\":\"partial\",\"iosStock\":\"no\",\"androidStock\":\"yes\",\"prUrls\":{\"ios\":\"https://github.com/facebook/react-native/pull/56774\"},\"summary\":\"Android honors `vertical-align` on `Text`, `Paragraph`, and multi-line `TextInput`. iOS has no platform API for vertical alignment of attributed text; v7 dev-warns on iOS and suggests wrapping `\u003cText\u003e` in a `View` with `justify-content` as a workaround. On rn-web, v7 maps box-positioning keywords (`top` / `middle` / `bottom`) to `align-content` so they actually shift the content; baseline-shifting keywords (`baseline | sub | super | text-top | text-bottom | \u003clength\u003e`) flow through unchanged. An upstream PR adds iOS support mirroring Android.\"},{\"id\":\"box-shadow\",\"title\":\"box-shadow (incl. inset, spread)\",\"category\":\"props\",\"caniuseId\":\"css-boxshadow\",\"nativeV6\":\"partial\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"v7 round-trips full `box-shadow` syntax on native, including spread and inset. RN 0.76+ accepts the same CSS-string syntax directly via the New Architecture; v6 only handled a subset of the legacy `shadow*` / `elevation` props. v7 additionally resolves CSS Color 4 system keywords inside the color slot so they paint on native (stock RN drops the whole shadow if a system keyword appears).\",\"caniuseTitle\":\"CSS3 Box-shadow\",\"browserMins\":{\"chrome\":\"4\",\"safari\":\"5\",\"firefox\":\"3.5\",\"edge\":\"12\"}},{\"id\":\"backdrop-filter\",\"title\":\"backdrop-filter\",\"category\":\"props\",\"caniuseId\":\"css-backdrop-filter\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web in both versions. React Native does not implement backdrop-filter on either platform. Listed in v7's native limitations.\",\"caniuseTitle\":\"CSS Backdrop Filter\",\"browserMins\":{\"chrome\":\"76\",\"safari\":\"9\",\"firefox\":\"103\",\"edge\":\"17\"}}
327,{\"id\":\"transforms-3d\",\"title\":\"3D transforms (rotateX, perspective, translate3d)\",\"category\":\"props\",\"caniuseId\":\"transforms3d\",\"nativeV6\":\"partial\",\"nativeV7\":\"partial\",\"iosStock\":\"partial\",\"androidStock\":\"partial\",\"summary\":\"Stock React Native supports `rotateX`, `rotateY`, `rotateZ`, the 3-axis `translate3d()`, and per-view `perspective` inside the transform array on both platforms. Standalone `translateZ`, `scaleZ`, `scale3d`, `rotate3d`, and `matrix3d` keywords are silently dropped. `transform-style: preserve-3d` is unimplemented on either platform, so nested 3D children always flatten; multi-face 3D layouts must be hand-built with absolutely-positioned siblings carrying their own `perspective`.\",\"caniuseTitle\":\"CSS3 3D Transforms\",\"browserMins\":{\"chrome\":\"12\",\"safari\":\"4\",\"firefox\":\"10\",\"edge\":\"12\"}},{\"id\":\"view-transitions\",\"title\":\"View Transitions\",\"category\":\"at-rules\",\"caniuseId\":\"view-transitions\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web. Not implemented on React Native; neither stock RN nor v7 has a same-document or cross-document view-transition surface. Use `react-native-reanimated`'s shared-element APIs or `LayoutAnimation` for analog effects.\",\"caniuseTitle\":\"View Transitions API (single-document)\",\"browserMins\":{\"chrome\":\"111\",\"safari\":\"18\",\"firefox\":\"144\",\"edge\":\"111\"}},{\"id\":\"scroll-snap\",\"title\":\"scroll-snap-type / scroll-snap-align\",\"category\":\"props\",\"caniuseId\":\"css-snappoints\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"summary\":\"Web pass-through. On React Native, v7 turns `scroll-snap-type` on a styled ScrollView plus `scroll-snap-align: start | center | end` on its children into real snap positions; `scroll-snap-stop: always` keeps a fling from skipping past a child, and a settle guarantee makes `mandatory` literal on Android. v6 does not honor CSS scroll-snap on native.\",\"caveats\":[\"Without aligned children, `mandatory` falls back to full-scrollport paging; size each slide to the scrollport in that mode.\",\"`proximity` (and a bare axis) applies fast deceleration only; RN has no proximity engine.\",\"Pass `snapToInterval` or `snapToOffsets` on the ScrollView to override the approximation with exact snap points.\"],\"caniuseTitle\":\"CSS Scroll Snap\",\"browserMins\":{\"chrome\":\"69\",\"safari\":\"11\",\"firefox\":\"68\",\"edge\":\"79\"}},{\"id\":\"focus-visible\",\"title\":\":focus-visible\",\"category\":\"selectors\",\"caniuseId\":\"css-focus-visible\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"summary\":\"Pass-through on web. v7 aliases `\u0026:focus-visible` to `\u0026:focus` on React Native so portable code works without branching (no keyboard-focus distinction is available on native).\",\"caniuseTitle\":\":focus-visible CSS pseudo-class\",\"browserMins\":{\"chrome\":\"86\",\"safari\":\"15.4\",\"firefox\":\"4\",\"edge\":\"86\"}},{\"id\":\"focus-within\",\"title\":\":focus-within\",\"category\":\"selectors\",\"caniuseId\":\"css-focus-within\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web.\",\"caniuseTitle\":\":focus-within CSS pseudo-class\",\"browserMins\":{\"chrome\":\"60\",\"safari\":\"10.1\",\"firefox\":\"52\",\"edge\":\"79\"}},{\"id\":\"placeholder\",\"title\":\"::placeholder\",\"category\":\"selectors\",\"caniuseId\":\"css-placeholder\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web. React Native uses the `placeholderTextColor` prop instead.\",\"caniuseTitle\":\"::placeholder CSS pseudo-element\",\"browserMins\":{\"chrome\":\"57\",\"safari\":\"10.1\",\"firefox\":\"19\",\"edge\":\"79\"}},{\"id\":\"form-state\",\"title\":\"Form-state selectors (:invalid, :required, :read-only)\",\"category\":\"selectors\",\"caniuseId\":\"css-in-out-of-range\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web. React Native's `TextInput` does not implement form-state pseudos.\",\"caniuseTitle\":\":in-range and :out-of-range CSS pseudo-classes\",\"browserMins\":{\"chrome\":\"53\",\"safari\":\"10.1\",\"firefox\":\"50\",\"edge\":\"79\"}}
327,{\"id\":\"combinators\",\"title\":\"Combinators (descendant, \u003e, +, ~)\",\"category\":\"selectors\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"summary\":\"Pass-through on web in both versions. v7 implements combinators between styled-component references on React Native: descendant (`${Foo} \u0026`), child (`${Foo} \u003e \u0026`), adjacent-sibling (`${Foo} + \u0026`), and general-sibling (`${Foo} ~ \u0026`). The left operand must be a styled-component reference; a raw selector string on the left does not match.\",\"caveats\":[\"A non-styled wrapper (e.g. a user `\u003cView\u003e`) between the ancestor and the matched component is transparent to both the descendant and the child combinator. To break a `\u003e` match on purpose, interpose a styled wrapper.\",\"Sibling and indexed-position selectors need a styled parent; under a non-styled parent, children are treated as untracked (each resolves as an only child).\"]},{\"id\":\"pseudo-hover\",\"title\":\"\u0026:hover\",\"category\":\"selectors\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"summary\":\"v7 supp
327orts `\u0026:hover` on React Native ⥠0.85 via `Pressable`. Stock RN's Pressable fires hover events only when its W3C-pointer-events feature flag is enabled (defaults off in 0.85); without it no hover styles fire. The underlying iOS / Android hover infrastructure is fully wired. Always anchor with `\u0026`, not bare `:hover` (both versions parse bare `:hover` as a descendant selector).\"},{\"id\":\"pseudo-focus\",\"title\":\"\u0026:focus\",\"category\":\"selectors\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"summary\":\"v7 wires `\u0026:focus` to React Native's existing focus surface.\"},{\"id\":\"pseudo-pressed\",\"title\":\"\u0026:pressed\",\"category\":\"selectors\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"summary\":\"React-Native-only pseudo on `Pressable`. v7 wires the `Pressable` press state into the CSS.\"},{\"id\":\"pseudo-disabled\",\"title\":\"\u0026:disabled\",\"category\":\"selectors\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"summary\":\"v7 implements `\u0026:disabled` on React Native via existing disabled-state surfaces.\"},{\"id\":\"pseudo-before-after\",\"title\":\"::before / ::after\",\"category\":\"selectors\",\"caniuseId\":\"css-gencontent\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web. Pseudo-elements have no equivalent on React Native.\",\"caniuseTitle\":\"CSS Generated content for pseudo-elements\",\"browserMins\":{\"chrome\":\"4\",\"safari\":\"3.1\",\"firefox\":\"2\",\"edge\":\"12\"}},{\"id\":\"animation-property\",\"title\":\"@property + animatable custom props\",\"category\":\"animation\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Register animatable theme tokens with `@property` so `transition: color 300ms` actually eases between values. Custom properties default to type `\u003cstring\u003e` which interpolates discretely.\"},{\"id\":\"opacity\",\"title\":\"opacity\",\"category\":\"props\",\"caniuseId\":\"css-opacity\",\"nativeV6\":\"yes\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"Pass-through everywhere.\",\"caniuseTitle\":\"CSS3 Opacity\",\"browserMins\":{\"chrome\":\"4\",\"safari\":\"3.1\",\"firefox\":\"2\",\"edge\":\"12\"}},{\"id\":\"border-radius\",\"title\":\"border-radius\",\"category\":\"props\",\"nativeV6\":\"partial\",\"nativeV7\":\"yes\",\"iosStock\":\"partial\",\"androidStock\":\"partial\",\"summary\":\"Basic single-value and per-corner longhands pass through everywhere. v7 additionally accepts the slash-separated CSS grammar (`10px / 10px`) on native when it resolves to a circular radius; v6 and stock RN drop the slash form because RN has no per-axis radius surface to map it to. Truly elliptical combinations (different horizontal and vertical radii) drop in v7 too, with a dev-warn.\"},{\"id\":\"corner-shape\",\"title\":\"corner-shape\",\"category\":\"props\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web (Chrome 139+). v7 maps `corner-shape: round` to iOS circular corners and `squircle` to the Apple-smooth continuous curve; other contours (`bevel`, `notch`, `scoop`, out-of-band superellipse) warn and drop. Android renders circular corners regardless. Stock RN has no corner-shape surface on either platform.\"},{\"id\":\"box-sizing\",\"title\":\"box-sizing\",\"category\":\"props\",\"caniuseId\":\"css3-boxsizing\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"React Native used to be border-box-only. Stock RN now accepts both `border-box` and `content-box` with no feature flag on either platform.\",\"caniuseTitle\":\"CSS3 Box-sizing\",\"browserMins\":{\"chrome\":\"4\",\"safari\":\"3.1\",\"firefox\":\"2\",\"edge\":\"12\"}},{\"id\":\"rrggbbaa\",\"title\":\"#rrggbbaa / 8-digit hex\",\"category\":\"colors\",\"caniuseId\":\"css-rrggbbaa\",\"nativeV6\":\"yes\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"Pass-through everywhere.\",\"caniuseTitle\":\"#rrggbbaa hex color notation\",\"browserMins\":{\"chrome\":\"62\",\"safari\":\"10\",\"firefox\":\"49\",\"edge\":\"79\"}},{\"id\":\"tabsize\",\"title\":\"tab-size\",\"category\":\"props\",\"caniuseId\":\"css3-tabsize\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web.\",\"caniuseTitle\":\"CSS3 tab-size\",\"browserMins\":{\"chrome\":\"42\",\"safari\":\"13.1\",\"firefox\":\"53\",\"edge\":\"79\"}},{\"id\":\"object-fit\",\"title\":\"object-fit / object-position\",\"category\":\"props\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"Stock RN 0.85+ accepts the four CSS keywords on `\u
327003cImage\u003e` (fill / contain / cover / scale-down / none). v7 makes the same authored CSS work on rn-web Image too. `object-position` has no native equivalent on either platform and is web-only; on native, alignment falls back to the `Image` defaults.\"},{\"id\":\"aspect-ratio\",\"title\":\"aspect-ratio\",\"category\":\"props\",\"nativeV6\":\"partial\",\"nativeV7\":\"yes\",\"iosStock\":\"partial\",\"androidStock\":\"partial\",\"summary\":\"Pass-through on web. Stock RN 0.85 natively parses only the bare number form (`1.5`); the slash string form, `auto`, and the two-value `auto \u003cratio\u003e` form drop without v7. v7 computes the ratio itself, so `16 / 9`, `auto`, and `auto \u003cratio\u003e` all work on React Native. v6 only handled the number form.\",\"caveats\":[\"The `auto` half of `auto \u003cratio\u003e` only matters on replaced elements (`\u003cImage\u003e`); on regular views it is a no-op and v7 dev-warns.\"]},{\"id\":\"gap\",\"title\":\"gap / row-gap / column-gap\",\"category\":\"layout\",\"nativeV6\":\"partial\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"Pass-through on web. React Native added gap in 0.71 (percent values in 0.75+); v7 routes it through.\"},{\"id\":\"cursor\",\"title\":\"cursor\",\"category\":\"props\",\"caniuseId\":\"css3-cursors\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"iosStock\":\"partial\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web; flows through on react-native-web. iOS 17+ honors only the `pointer` keyword; the 30+ other CSS cursor values parse but have no effect. iOS \u003c 17 ignores the property entirely. Android has no `cursor` consumer on either renderer.\",\"caniuseTitle\":\"CSS3 Cursors (original values)\",\"browserMins\":{\"chrome\":\"5\",\"safari\":\"5\",\"firefox\":\"4\",\"edge\":\"14\"}},{\"id\":\"isolation\",\"title\":\"isolation\",\"category\":\"props\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"iosStock\":\"partial\",\"androidStock\":\"no\",\"summary\":\"Required for predictable stacking contexts when using blend modes on native. v7 supports `isolation: isolate` on iOS, Android, and web so blended descendants composite against the isolated group. Android has no isolation style key, so v7 also enables a hardware-texture layer to create the isolated surface there. Stock RN 0.85+ accepts `isolation: auto | isolate` on iOS for z-ordering only and drops it on Android.\",\"caveats\":[\"While a gated `filter` function is mounted on iOS at the default release level, descendants' `mix-blend-mode` stops compositing against the backdrop; dev builds warn once when this applies.\"]},{\"id\":\"nth-child-of-type\",\"title\":\":nth-child / :nth-of-type\",\"category\":\"selectors\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"summary\":\"Covers `:nth-child`, `:nth-of-type`, `:nth-last-child`, `:nth-last-of-type`. v6 miscounted child positions under RSC because injected `\u003cstyle data-styled\u003e` tags shift the index; v6.4 ships an opt-in `stylisPluginRSC` that rewrites these selectors using `of S` to exclude SC style tags. v7 rewrites them by default in RSC. On React Native, v7 matches the full `\u003can+b\u003e` grammar plus `odd` / `even` against the live sibling position. The `\u003can+b of \u003cselector\u003e\u003e` form is also supported on native: the inner accepts a styled-component reference or a single attribute selector (same simple-inner scope as `:has()`).\",\"caveats\":[\"On v6 RSC: import `stylisPluginRSC` and pass it to `StyleSheetManager.stylisPlugins`, or fall back to `:nth-of-type()` (universally compatible).\",\"`:nth-child(N of S)` itself needs Chrome 111+, Firefox 113+, Safari 9+.\",\"On native, siblings outside a styled-component parent do not contribute to the count.\",\"On native, the `of S` inner does not accept compound selectors, combinators, or descendant chains; complex inners warn and fall through.\"]},{\"id\":\"first-last-only-child\",\"title\":\":first-child / :last-child / :only-child\",\"category\":\"selectors\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"summary\":\"Same RSC child-index shift as :nth-child(): inline `\u003cstyle data-styled\u003e` tags break first/last/only counts under v6 unless `stylisPluginRSC` is wired up. v7 rewrites them automatically. On React Native, v7 evaluates them against the live sibling index.\",\"caveats\":[\"Prefer `:first-of-type` / `:last-of-type` / `:only-of-type` if `stylisPluginRSC` is not available.\"]},{\"id\":\"first-last-only-of-type\",\"title\":\":first-of-type / :last-of-type / :only-of-type\",\"category\":\"selectors\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"summary\":\"Type-scoped structural pseudos are unaffected by injected `\u003cstyle data-styled\u003e` tags, since style elements are a different element type. Universally compatible alternative to the child-index family under RSC on both versions. On native, v7 evaluates them against the per-type sibling index.\"},{\"id\":\"not\",\"title\":\":not()\",\"category\":\"selectors\",\"caniuseId\":\"css-not-sel-list\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"summary\":\"Single-argument `:not()` works on both versions on web. The selector-list form `:not(.a, .b, [c])` tripped v6 when a comma appeared between simple selectors inside the parens (same family of bugs as `:is()` / `:has()`); v7 compiles each arm independently. On React Native, v7 supports single pseudo-states (`\u0026:not(:hover)`, `\u0026:not(:focus)`, `\u0026:not(:pressed)`, `\u0026:not(:disabled)`) and single attribute selectors with any operator (`\u0026:not([disabled])`, `\u0026:not([href^=\\\"https\\\"])`).\",\"caveats\":[\"Compound, nested, and selector-list inner arguments are not supported on native (`:not([a][b])`, `:not(:hover, :focus)`, `:not(.foo .bar)` all warn).\"],\"caniuseTitle\":\"selector list argument of :not()\",\"browserMins\":{\"chrome\":\"88\",\"safari\":\"9\",\"firefox\":\"84\",\"edge\":\"88\"}},{\"id\":\"empty\",\"title\":\":empty\",\"category\":\"selectors\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web in both versions. React Native has no child-emptiness pseudo on either version.\"},{\"id\":\"root\",\"title\":\":root\",\"category\":\"selectors\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web; commonly used in `createGlobalStyle` to declare custom-property defaults on the document element. React Native has no document root; emit `--*` defaults via `createTheme()` instead.\",\"caveats\":[\"`createTheme({ selector: \\\":root\\\" })` uses this hook by default; override with `\\\":host\\\"` for Shadow DOM.\"]},{\"id\":\"checked-enabled-indeterminate\",\"title\":\":checked / :enabled / :indeterminate / :default\",\"category\":\"selectors\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web. React Native's form primitives (`Switch`, `Checkbox` in the new core, `TextInput`) do n
327ot expose UI-state pseudo-classes on either version; drive state styling from React props instead.\"},{\"id\":\"target\",\"title\":\":target\",\"category\":\"selectors\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web. React Native has no URL fragment to match against.\"},{\"id\":\"link-visited-any-link\",\"title\":\":link / :visited / :any-link\",\"category\":\"selectors\",\"caniuseId\":\"css-any-link\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web. React Native has no anchor or browser history surface to match against; render link affordances from explicit component state instead.\",\"caveats\":[\"`:visited` is restricted to a small subset of properties (color family) in modern browsers for privacy.\"],\"caniuseTitle\":\"CSS :any-link selector\",\"browserMins\":{\"chrome\":\"15\",\"safari\":\"6.1\",\"firefox\":\"3\",\"edge\":\"79\"}},{\"id\":\"selection\",\"title\":\"::selection\",\"category\":\"selectors\",\"caniuseId\":\"css-selection\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web. React Native exposes the analog as the `selectionColor` prop on `TextInput` (cross-platform; tints handle, cursor, and selection range) and on `Text` (Android-only). No `::selection` pseudo-element on either version.\",\"caniuseTitle\":\"::selection CSS pseudo-element\",\"browserMins\":{\"chrome\":\"4\",\"safari\":\"3.1\",\"firefox\":\"2\",\"edge\":\"12\"}},{\"id\":\"marker\",\"title\":\"::marker\",\"category\":\"selectors\",\"caniuseId\":\"css-marker-pseudo\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web. React Native has no list primitive that exposes a marker pseudo-element; render bullets / numbers as explicit children of the list item.\",\"caniuseTitle\":\"CSS ::marker pseudo-element\",\"browserMins\":{\"chrome\":\"86\",\"firefox\":\"68\",\"edge\":\"86\"}},{\"id\":\"lang\",\"title\":\":lang()\",\"category\":\"selectors\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web. React Native has no `lang` attribute inheritance model; switch styles off an explicit locale prop or context instead.\"},{\"id\":\"font-family\",\"title\":\"font-family\",\"category\":\"props\",\"nativeV6\":\"partial\",\"nativeV7\":\"partial\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"RN `fontFamily` is a single platform-font name. v7 accepts a single ident sequence (unquoted multi-word like `Helvetica Neue`), one quoted string, or a generic-family keyword. Comma-separated stacks (`Inter, system-ui, sans-serif`) keep the first family and drop the rest with a dev-warn (RN has no fallback chain). v6 dropped the whole declaration silently for stacks. Round-trips on web.\",\"caveats\":[\"v7 resolves all 13 CSS generic-family keywords (`system-ui`, `ui-sans-serif`, `ui-serif`, `ui-monospace`, `ui-rounded`, `sans-serif`, `serif`, `monospace`, `cursive`, `fantasy`, `emoji`, `math`, `fangsong`) to concrete face names per platform (e.g. `Times New Roman` for serif variants on iOS, `monospace` for mono variants on Android).\",\"iOS also recognizes the `ui-*` keywords natively. Android has no native generic-keyword handling; unknown names silently fall back to the system default.\",\"Font names are case-sensitive on native; both versions preserve the source casing.\"]},{\"id\":\"font-size\",\"title\":\"font-size\",\"category\":\"props\",\"nativeV6\":\"partial\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"$8\"},{\"id\":\"font-weight\",\"title\":\"font-weight\",\"category\":\"props\",\"nativeV6\":\"yes\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"Numeric (`100`â`900`) and the keyword pair (`normal`, `bold`) pass through on both platforms. RN's named-weight aliases (`ultralight`, `thin`, `medium`, `semibold`, `heavy`, `black`) are only accepted by the legacy paper bridge on iOS; the New Architecture default in 0.85 rejects them and falls back to Regular.\",\"caveats\":[\"`bolder` and `lighter` are resolved on web only; native treats them as `normal`.\"]},{\"id\":\"font-style\",\"title\":\"font-style\",\"category\":\"props\",\"nativeV6\":\"partial\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"RN accepts `normal` and `italic` natively on both platforms. v7 additionally maps `oblique` to italic, and degrades `oblique \u003cangle\u003e` to italic with a dev-warn (the angle is ignored). v6 dropped the bare `oblique` declaration. For exact slant control, switch to a slant-axis variable font.\"},{\"id\":\"font-variant\",\"title\":\"font-variant\",\"category\":\"props\",\"nativeV6\":\"yes\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"iOS supports `small-caps`, `oldstyle-nums`, `lining-nums`, `tabular-nums`, `proportional-nums`, and `stylistic-one` through `stylistic-twenty`. Android handles a superset: also the common / discretionary / historical `*-ligatures` pairs (with `no-*` variants) and `contextual` / `no-contextual`. v6 and v7 both forward space-separated values to RN.\"},{\"id\":\"font-feature-settings\",\"title\":\"font-feature-settings\",\"category\":\"props\",\"caniuseId\":\"font-feature\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web. Stock React Native does not register `fontFeatureSettings`; the only surface for OpenType features is the `font-variant` keyword set, which Android internally rewrites into `fontFeatureSettings` but does not expose for direct authoring.\",\"caniuseTitle\":\"CSS font-feature-settings\",\"browserMins\":{\"chrome\":\"21\",\"safari\":\"9.1\",\"firefox\":\"15\",\"edge\":\"12\"}},{\"id\":\"font-variation-settings\",\"title\":\"font-variation-settings\",\"category\":\"props\",\"caniuseId\":\"variable-fonts\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web. Stock React Native does not expose a variable-font axis surface; variable fonts render at their default axis values unless the consuming app patches a native module.\",\"caniuseTitle\":\"Variable fonts\",\"browserMins\":{\"chrome\":\"66\",\"safari\":\"11\",\"firefox\":\"62\",\"edge\":\"17\"}},{\"id\":\"line-height\",\"title\":\"line-height\",\"category\":\"props\",\"nativeV6\":\"partial\",\"nativeV7\":\"partial\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"RN `lineHeight` is an absolute point value. Both v6 and v7 accept bare numbers and `Npx`; other CSS lengths (`em`, `rem`) are not converted and pass through as raw strings which RN rejects. The CSS unitless-multiplier form (`line-height: 1.5`) is treated as `1.5` points; there is no font-size-relative resolution on native.\",\"caveats\":[\"iOS centers glyphs within the line box differently from web when `lineHeight \u003e fontSize`; upstream fix for TextInput is in flight.\"]}
327,{\"id\":\"letter-spacing\",\"title\":\"letter-spacing\",\"category\":\"props\",\"caniuseId\":\"css-letter-spacing\",\"nativeV6\":\"partial\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"RN `letterSpacing` is a bare point value. v6 accepts only bare numbers and `Npx`; `em` / `rem` strings drop silently on native. v7 routes font-relative units (`em`, `rem`, `lh`, `rlh`) through the cascade resolver that already powers other length properties, so the inherited font size is applied at render time. rn-web stays a pass-through.\",\"caniuseTitle\":\"letter-spacing CSS property\",\"browserMins\":{\"chrome\":\"30\",\"safari\":\"6.1\",\"firefox\":\"2\",\"edge\":\"12\"}},{\"id\":\"word-spacing\",\"title\":\"word-spacing\",\"category\":\"props\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web. Stock React Native has no `wordSpacing` style attribute on either platform; the declaration is silently dropped on native.\"},{\"id\":\"text-align\",\"title\":\"text-align\",\"category\":\"props\",\"nativeV6\":\"yes\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"Pass-through everywhere. RN accepts `auto | left | right | center | justify` on both platforms. iOS additionally maps `start` to a locale-aware natural alignment; stock Android does not recognize `start` / `end` and silently falls back to start-aligned. v7 brings both platforms to spec by resolving `start` / `end` / `match-parent` at render time against the inherited `direction`.\",\"caveats\":[\"`text-align: justify` requires Android 8.0 (API 26) or later on Android.\",\"On rn-web, `start` / `end` / `match-parent` flow to the browser unchanged.\"]},{\"id\":\"text-indent\",\"title\":\"text-indent\",\"category\":\"props\",\"caniuseId\":\"css-text-indent\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web. Stock React Native has no `textIndent` style attribute on either platform; first-line indentation is not implemented in the RN text layout pipeline.\",\"caniuseTitle\":\"CSS text-indent\",\"browserMins\":{\"chrome\":\"146\",\"safari\":\"16\",\"firefox\":\"121\",\"edge\":\"146\"}},{\"id\":\"text-overflow\",\"title\":\"text-overflow\",\"category\":\"props\",\"caniuseId\":\"text-overflow\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web. v7 supports `text-overflow: ellipsis | clip` on `\u003cText\u003e` once a line limit is set; pair with `line-clamp: N` (or `text-wrap: nowrap` for one line). Without a line limit there is no line to ellipsize and the value is a no-op. The spec's two-value form (`text-overflow: \u003cstart\u003e \u003cend\u003e`) parses and applies the end value with a dev-warn, and string-value overflow markers degrade to an ellipsis; for an exact match use single `clip` / `ellipsis`.\",\"caveats\":[\"Only `\u003cText\u003e` consumes it on native.\",\"Requires a companion line limit (`line-clamp`, or `text-wrap: nowrap` for one line). Without one, RN has no line to ellipsize and the value is dropped.\",\"`head` and `middle` ellipsize positions are RN-only (no CSS analog); reach them via the `numberOfLines` and `ellipsizeMode` props directly.\"],\"caniuseTitle\":\"CSS3 Text-overflow\",\"browserMins\":{\"chrome\":\"4\",\"safari\":\"3.1\",\"firefox\":\"7\",\"edge\":\"12\"}},{\"id\":\"text-transform\",\"title\":\"text-transform\",\"category\":\"props\",\"nativeV6\":\"yes\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"RN accepts `none | capitalize | uppercase | lowercase` on both platforms in v6 and v7. The CSS `full-width` and `full-size-kana` keywords are web-only.\"},{\"id\":\"white-space\",\"title\":\"white-space\",\"category\":\"props\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web. Stock React Native has no `whiteSpace` style and v7 does not polyfill it. Use `text-wrap: nowrap` (which v7 does polyfill to `numberOfLines: 1`) or pass `numberOfLines={1}` directly. Embedded `\\\\n` in the source preserves newlines.\"},{\"id\":\"word-break-overflow-wrap\",\"title\":\"word-break / overflow-wrap\",\"category\":\"props\",\"caniuseId\":\"word-break\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web. Stock React Native has no `wordBreak` or `overflowWrap` style attributes; long unbroken strings clip at the container edge on both platforms and the declaration is silently dropped.\",\"caniuseTitle\":\"CSS3 word-break\",\"browserMins\":{\"chrome\":\"44\",\"safari\":\"9\",\"firefox\":\"15\",\"edge\":\"12\"}},{\"id\":\"hyphens\",\"title\":\"hyphens\",\"category\":\"props\",\"caniuseId\":\"css-hyphens\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web. Stock Android exposes hyphenation only via the separate Text prop `android_hyphenationFrequency` (`none` / `normal` / `full`); the CSS `hyphens` property is silently dropped. v7 maps `hyphens: auto` to `android_hyphenationFrequency: normal`; `manual` and `none` map to `none`. iOS has no programmatic hyphenation control in RN.\",\"caveats\":[\"Soft-hyphens (U+00AD) embedded in source text still produce break opportunities on both platforms regardless of the `hyphens` setting.\"],\"caniuseTitle\":\"CSS Hyphenation\",\"browserMins\":{\"chrome\":\"88\",\"safari\":\"5.1\",\"firefox\":\"6\",\"edge\":\"12\"}},{\"id\":\"direction\",\"title\":\"direction\",\"category\":\"props\",\"nativeV6\":\"yes\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"Pass-through everywhere. Stock RN accepts `direction` on ViewStyle (`inherit | ltr | rtl`); root-node default tracks the device locale. v7 also drives `\u003cText\u003e` paragraph-level bidi on native so reordering follows the cascade without an extra prop. v7's RTL plugin handles physical-property mirroring; logical properties stay direction-agnostic.\"},{\"id\":\"writing-mode\",\"title\":\"writing-mode\",\"category\":\"props\",\"caniuseId\":\"css-writing-mode\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web. Yoga only implements `horizontal-tb`; React Native has no vertical writing-mode support on either platform, so logical inl
327ine / block units (`vi`, `vb`) collapse to width / height on native.\",\"caniuseTitle\":\"CSS writing-mode property\",\"browserMins\":{\"chrome\":\"8\",\"safari\":\"5.1\",\"firefox\":\"41\",\"edge\":\"12\"}},{\"id\":\"display\",\"title\":\"display\",\"category\":\"props\",\"caniuseId\":\"css-display-contents\",\"nativeV6\":\"partial\",\"nativeV7\":\"partial\",\"iosStock\":\"partial\",\"androidStock\":\"partial\",\"summary\":\"Stock React Native accepts `display: flex` (the default), `display: none`, and `display: contents` (RN 0.77+); v6 and v7 pass those through. Block / inline / inline-block / inline-flex / flow-root are web-only because Yoga has no inline-level box model. CSS Grid is tracked under its own entry.\",\"caveats\":[\"`display: contents` removes the node from layout and moves its children up into the parent; useful for transparent wrapper components. RN 0.86 fixes its layout inside absolutely-positioned subtrees.\",\"There is no inline flow on React Native; bare strings must live inside a `Text` primitive.\"],\"caniuseTitle\":\"CSS display: contents\",\"browserMins\":{}},{\"id\":\"z-index\",\"title\":\"z-index\",\"category\":\"layout\",\"nativeV6\":\"yes\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"Pass-through on web. Stock RN sorts children by `zIndex` before painting on both iOS and Android. v6 and v7 both forward the value.\",\"caveats\":[\"RN's `zIndex` is a unitless integer; v6 and v7 both convert a CSS number string (`z-index: 5`) before handing it to RN.\",\"`z-index: auto` resolves to the platform default stacking on native.\"]},{\"id\":\"top-right-bottom-left\",\"title\":\"top / right / bottom / left\",\"category\":\"layout\",\"nativeV6\":\"yes\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"All four physical edges work on iOS and Android. Values follow RN's `DimensionValue` shape: a number, an `Npx` length, an `N%` percent string, or `auto`. Ems, viewport units, and other CSS lengths are not natively understood; v7 resolves the dynamic ones through its own runtime. The upstream Callstack PR #56162 would wire dynamic `calc()` resolution into stock RN for layout properties.\"},{\"id\":\"inset\",\"title\":\"inset\",\"category\":\"layout\",\"nativeV6\":\"partial\",\"nativeV7\":\"yes\",\"iosStock\":\"partial\",\"androidStock\":\"partial\",\"summary\":\"Stock RN 0.72+ accepts `inset`, `inset-block`, and `inset-inline` as single-value style keys. v7 supports the multi-value CSS shorthand (`inset: 10px 20px`) by expanding to per-edge values, so spec-authored CSS works on every target. v6 forwarded only single-value forms.\",\"caveats\":[\"Multi-value shorthand (`inset: 10px 20px 30px 40px`) only round-trips correctly through v7 on native; v6 forwards it as a string RN cannot parse.\"]},{\"id\":\"overflow\",\"title\":\"overflow\",\"category\":\"layout\",\"caniuseId\":\"css-overflow\",\"nativeV6\":\"partial\",\"nativeV7\":\"partial\",\"iosStock\":\"partial\",\"androidStock\":\"partial\",\"summary\":\"Stock RN accepts only the `overflow` shorthand with values `visible`, `hidden`, and `scroll`. The CSS `auto` and `clip` keywords plus the `overflow-x` / `overflow-y` longhands are not implemented. iOS views don't clip by default; Android views do, so `overflow: visible` on Android can still be clipped by an ancestor `ScrollView`.\",\"caveats\":[\"`overflow: scroll` on a plain `View` does not produce scrollbars; use `ScrollView` for actual scrolling.\",\"For overflow-visible across Android scroll ancestors, move the element out or set `collapsable={false}` on the wrapper.\"],\"caniuseTitle\":\"CSS overflow property\",\"browserMins\":{\"chrome\":\"90\",\"safari\":\"16\",\"firefox\":\"81\",\"edge\":\"90\"}},{\"id\":\"width-height\",\"title\":\"width / height\",\"category\":\"layout\",\"nativeV6\":\"yes\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"Stock RN accepts a number (logical pixels), percent string, or `auto`. v6 and v7 both strip the `px` unit and forward the number. Stock RN 0.85 also accepts the CSS keywords `max-content`, `fit-content`, and `stretch`. Only `min-content` is not implemented.\"},{\"id\":\"min-max-width-height\",\"title\":\"min/max-width and min/max-height\",\"category\":\"layout\",\"caniuseId\":\"intrinsic-width\",\"nativeV6\":\"yes\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"All four bounds work on both platforms and accept the same value shape as `width` / `height` (number, percent string, `auto`, plus `max-content`, `fit-content`, `stretch`). Only `min-content` is not implemented.\",\"caniuseTitle\":\"Intrinsic \u0026 Extrinsic Sizing\",\"browserMins\":{\"chrome\":\"22\",\"safari\":\"16\",\"edge\":\"79\"}},{\"id\":\"flex-direction\",\"title\":\"flex-direction\",\"category\":\"layout\",\"nativeV6\":\"yes\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"Stock RN accepts `row`, `row-reverse`, `column`, and `column-reverse`. React Native's default is `column` (the CSS default is `row`), so port-from-web layouts need an explicit `flex-direction: row` for horizontal flow.\"},{\"id\":\"flex-wrap\",\"title\":\"flex-wrap\",\"category\":\"layout\",\"nativeV6\":\"yes\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"Stock RN accepts `nowrap` (
327default), `wrap`, and `wrap-reverse`. Pass-through everywhere.\"},{\"id\":\"justify-content\",\"title\":\"justify-content\",\"category\":\"layout\",\"nativeV6\":\"yes\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"Stock RN accepts `flex-start` (default), `flex-end`, `center`, `space-between`, `space-around`, and `space-evenly`. The newer CSS Box Alignment keywords (`start`, `end`, `left`, `right`) are not implemented.\"},{\"id\":\"align-items\",\"title\":\"align-items\",\"category\":\"layout\",\"nativeV6\":\"yes\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"Stock RN accepts `stretch` (default), `flex-start`, `flex-end`, `center`, and `baseline`. The newer `start` / `end` keywords from CSS Box Alignment Level 3 are not implemented.\"},{\"id\":\"align-content\",\"title\":\"align-content\",\"category\":\"layout\",\"nativeV6\":\"yes\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"Stock RN accepts `flex-start` (default), `flex-end`, `center`, `stretch`, `space-between`, `space-around`, and `space-evenly` (the last keyword landed in RN 0.74 with Yoga 3.0).\"},{\"id\":\"align-self\",\"title\":\"align-self\",\"category\":\"layout\",\"nativeV6\":\"yes\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"Stock RN accepts `auto` (default), `flex-start`, `flex-end`, `center`, `stretch`, and `baseline`.\"},{\"id\":\"justify-items\",\"title\":\"justify-items / justify-self\",\"category\":\"layout\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Neither property is implemented in Yoga (tracked in facebook/yoga#1649). These are grid-era keywords; flexbox uses `justify-content` on the container and has no per-item justification override. Pass-through on web in both versions.\"},{\"id\":\"place-content\",\"title\":\"place-content / place-items / place-self\",\"category\":\"layout\",\"nativeV6\":\"partial\",\"nativeV7\":\"partial\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"v6 and v7 both expand the `place-content` shorthand to `align-content` + `justify-content`. v7 also expands `place-items` to `align-items` + `justify-items` and `place-self` to `align-self` + `justify-self`. The align axis flows through on native; the justify axis is silently dropped by RN but reaches the browser on rn-web. v7 forwards the full place-content grammar (`baseline`, `normal`, `safe`, `unsafe`, `left`, `right`) verbatim to rn-web so the browser handles the keywords it understands; native keeps the narrower flex keyword set.\"},{\"id\":\"flex-longhands\",\"title\":\"flex / flex-grow / flex-shrink / flex-basis\",\"category\":\"layout\",\"nativeV6\":\"partial\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"All three longhands work natively. The `flex` shorthand is parsed by both versions. React Native's keyword semantics for `flex` differ from CSS: a single positive number means grow proportional, `flex: 0` is inflexible, `flex: -1` shrinks to `minWidth` / `minHeight`.\",\"caveats\":[\"`flex-basis` accepts `auto`, a length, or a percent. The CSS intrinsic keywords (`content`, `min-content`, etc.) are not implemented in RN.\"]},{\"id\":\"columns\",\"title\":\"columns / column-count / column-width / column-rule / column-span / column-fill\",\"category\":\"layout\",\"caniuseId\":\"multicolumn\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"CSS Multicolumn is not implemented in Yoga and there is no PR in flight. Pass-through on web in both versions. For column-style layouts on React Native, use `FlatList` / `SectionList` with `numColumns`, or compose `flex-direction: row` with `flex-wrap`.\",\"caniuseTitle\":\"CSS3 Multiple column layout\",\"browserMins\":{\"safari\":\"10\",\"edge\":\"12\"}},{\"id\":\"float-clear\",\"title\":\"float / clear\",\"category\":\"layout\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web in both versions. React Native has no float layout (flexbox-first); these properties are listed in v7's native limitations alongside CSS Grid.\"},{\"id\":\"border-style\",\"title\":\"border-style\",\"category\":\"props\",\"nativeV6\":\"partial\",\"nativeV7\":\"partial\",\"iosStock\":\"partial\",\"androidStock\":\"partial\",\"summary\":\"React Native renders only `solid`, `dotted`, and `dashed` on both platforms. v7 normalizes `border: none` to `border-style: none` (v6 emitted `solid`), and `hidden` resolves to no border on native (was previously misrendered). Repeated sides collapse without noise; mixed sides keep the first drawable style with a dev-warn. Other web keywords (`double`, `groove`, `ri
327dge`, `inset`, `outset`) are dropped on native and remain web-only.\"},{\"id\":\"border-color\",\"title\":\"border-color\",\"category\":\"props\",\"nativeV6\":\"yes\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"Pass-through on web and native, including every per-side longhand. Stock React Native ships physical (`borderTopColor` / `borderBottomColor` / `borderLeftColor` / `borderRightColor`), logical (`borderStartColor` / `borderEndColor`), and block-axis (`borderBlockColor` / `borderBlockStartColor` / `borderBlockEndColor`) keys.\"},{\"id\":\"border-width\",\"title\":\"border-width\",\"category\":\"props\",\"nativeV6\":\"yes\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"Pass-through everywhere, with full per-side support on native (`borderTopWidth`, `borderRightWidth`, `borderBottomWidth`, `borderLeftWidth`, plus the `-start` / `-end` longhands).\"},{\"id\":\"border-image\",\"title\":\"border-image\",\"category\":\"props\",\"caniuseId\":\"border-image\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web in both versions. Stock React Native does not implement `border-image` on either platform and no upstream PR is in flight; SC v7 ignores it on native and surfaces the value only on react-native-web.\",\"caniuseTitle\":\"CSS3 Border images\",\"browserMins\":{\"chrome\":\"56\",\"safari\":\"9.1\",\"firefox\":\"50\",\"edge\":\"12\"}},{\"id\":\"outline\",\"title\":\"outline\",\"category\":\"props\",\"caniuseId\":\"outline\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"iosStock\":\"partial\",\"androidStock\":\"partial\",\"summary\":\"v7 parses the `outline` shorthand into `outline-width`, `outline-style`, and `outline-color` longhands for React Native. Stock RN 0.77+ accepts the longhands as native style keys; the shorthand itself is not a native key, so the v7 parser is what makes the CSS-flavored form work on native.\",\"caveats\":[\"Outline does not affect layout on native, matching web.\",\"v7 dev-warns when `outline-style` is a web-only keyword (`auto`, `double`, `groove`, `ridge`, `inset`, `outset`); the declaration still reaches rn-web but is dropped on native.\",\"`hidden` is not a legal outline style per spec. v7 drops the declaration with a dev-warn; use `outline-style: none` to remove the outline.\"],\"caniuseTitle\":\"CSS outline properties\",\"browserMins\":{\"chrome\":\"4\",\"safari\":\"3.1\",\"firefox\":\"2\",\"edge\":\"15\"}},{\"id\":\"outline-color\",\"title\":\"outline-color\",\"category\":\"props\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"Web pass-through in both versions; stock RN 0.77+ accepts `outlineColor`.\"},{\"id\":\"outline-style\",\"title\":\"outline-style\",\"category\":\"props\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"iosStock\":\"partial\",\"androidStock\":\"partial\",\"summary\":\"Web pass-through in both versions. Stock React Native renders only `solid`, `dotted`, and `dashed`; `auto`, `double`, `groove`, `ridge`, `inset`, and `outset` are dropped on native (v7 warns in dev).\"},{\"id\":\"outline-width\",\"title\":\"outline-width\",\"category\":\"props\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"Web pass-through in both versions; stock RN 0.77+ accepts `outlineWidth`.\"},{\"id\":\"outline-offset\",\"title\":\"outline-offset\",\"category\":\"props\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"Web pass-through in both versions. Stock RN 0.77+ accepts `outlineOffset`, and 0.80+ factors the offset into the rendered outline radius the same way browsers do.\"},{\"id\":\"background-color\",\"title\":\"background-color\",\"category\":\"props\",\"nativeV6\":\"yes\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"Pass-through everywhere.\"},{\"id\":\"background-shorthand\",\"title\":\"background (shorthand)\",\"category\":\"props\",\"nativeV6\":\"partial\",\"nativeV7\":\"partial\",\"iosStock\":\"partial\",\"androidStock\":\"partial\",\"summary\":\"v7 supp
327orts the full CSS Backgrounds 3 grammar: comma-separated layers with `\u003cimage\u003e`, `\u003cposition\u003e` / `\u003csize\u003e` (slash-separated), `\u003crepeat\u003e`, `\u003cattachment\u003e`, `\u003cbox\u003e` (origin, then clip), and a single `\u003ccolor\u003e` allowed only on the final layer. Each sub-property is tracked in its own row below. v7 additionally resolves CSS Color 4 system keywords inside the color slot. On native, `background-attachment: fixed`, non-`padding-box` `background-origin`, and non-`border-box` `background-clip` warn and drop. v6 forwarded a raw shorthand that stock RN rejects.\",\"caveats\":[\"`background-clip: text` requires a community library on native; v7 surfaces the value only on rn-web.\"]},{\"id\":\"background-image-url\",\"title\":\"background-image: url()\",\"category\":\"props\",\"caniuseId\":\"background-img-opts\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"prUrls\":{\"ios\":\"https://github.com/facebook/react-native/pull/54996\",\"android\":\"https://github.com/facebook/react-native/pull/54994\"},\"summary\":\"Raster `background-image: url(...)` is web-only today. Gradients are covered by the dedicated row above; raster images are blocked on a three-PR upstream series that adds `url()` parsing and image-fetching to React Native's background-image surface. Until that lands, render raster images through `Image` or `ImageBackground` on native.\",\"caniuseTitle\":\"CSS3 Background-image options\",\"browserMins\":{\"chrome\":\"15\",\"safari\":\"7\",\"firefox\":\"4\",\"edge\":\"12\"}},{\"id\":\"background-position\",\"title\":\"background-position\",\"category\":\"props\",\"caniuseId\":\"css-background-offsets\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"iosStock\":\"partial\",\"androidStock\":\"partial\",\"summary\":\"Pass-through on web in both versions. Stock RN 0.76+ paints `background-position` on native, currently behind the `experimental_` prefix. v7 emits the right shape so the same template works on RN and react-native-web; on rn-web the browser handles two-axis values without falling back to its default.\",\"caveats\":[\"Only meaningful when paired with `background-image` (gradients today; raster images once the upstream PR series lands).\"],\"caniuseTitle\":\"CSS background-position edge offsets\",\"browserMins\":{\"chrome\":\"25\",\"safari\":\"7\",\"firefox\":\"13\",\"edge\":\"12\"}},{\"id\":\"background-size\",\"title\":\"background-size\",\"category\":\"props\",\"caniuseId\":\"background-img-opts\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"iosStock\":\"partial\",\"androidStock\":\"partial\",\"summary\":\"Pass-through on web in both versions. Stock RN 0.76+ accepts `cover` / `contain` keywords and length pairs on native, currently behind the `experimental_` prefix. v7 emits the right shape and works around a 0.85 native crash by rewriting `cover` / `contain` to `auto` for native (rn-web keeps the original keyword). For gradients (the only image type that reaches native today), `cover`, `contain`, and `auto` are equivalent per spec since the source has no intrinsic dimensions.\",\"caniuseTitle\":\"CSS3 Background-image options\",\"browserMins\":{\"chrome\":\"15\",\"safari\":\"7\",\"firefox\":\"4\",\"edge\":\"12\"}},{\"id\":\"background-repeat\",\"title\":\"background-repeat\",\"category\":\"props\",\"caniuseId\":\"background-repeat-round-space\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"iosStock\":\"partial\",\"androidStock\":\"partial\",\"summary\":\"Pass-through on web in both versions. Stock RN 0.76+ paints all four keywords (`repeat`, `no-repeat`, `round`, `space`), currently behind the `experimental_` prefix. v7 emits the right shape so the same template works on RN and react-native-web.\",\"caniuseTitle\":\"CSS background-repeat round and space\",\"browserMins\":{\"chrome\":\"32\",\"safari\":\"7\",\"firefox\":\"49\",\"edge\":\"12\"}},{\"id\":\"background-clip\",\"title\":\"background-clip\",\"category\":\"props\",\"caniuseId\":\"background-clip-text\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Web pass-through in both versions. Stock React Native has no `background-clip` style key and there is no upstream PR; `border-box` / `padding-box` / `content-box` / `text` are all web-only.\",\"caniuseTitle\":\"Backgroun
327d-clip: text\",\"browserMins\":{\"chrome\":\"4\",\"safari\":\"15.5\",\"firefox\":\"49\",\"edge\":\"12\"}},{\"id\":\"background-origin\",\"title\":\"background-origin\",\"category\":\"props\",\"caniuseId\":\"background-img-opts\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Web pass-through in both versions. Stock React Native has no equivalent and no upstream PR is in flight.\",\"caniuseTitle\":\"CSS3 Background-image options\",\"browserMins\":{\"chrome\":\"15\",\"safari\":\"7\",\"firefox\":\"4\",\"edge\":\"12\"}},{\"id\":\"background-attachment\",\"title\":\"background-attachment\",\"category\":\"props\",\"caniuseId\":\"background-attachment\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Web pass-through in both versions. `fixed` and `local` rely on a scrolling viewport that React Native does not expose, so the property is web-only with no upstream work in flight.\",\"caniuseTitle\":\"CSS background-attachment\",\"browserMins\":{\"chrome\":\"4\",\"safari\":\"5\",\"firefox\":\"25\",\"edge\":\"12\"}},{\"id\":\"transform-box\",\"title\":\"transform-box\",\"category\":\"props\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web in both versions. Stock React Native has no `transform-box` on either platform; v7 accepts the full spec keyword set (`content-box`, `border-box`, `fill-box`, `stroke-box`, `view-box`) and forwards on rn-web, while warning on native (the transform pivot is always the view center).\"},{\"id\":\"transform-origin\",\"title\":\"transform-origin\",\"category\":\"props\",\"nativeV6\":\"partial\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"Stock React Native accepts `transform-origin` (px / percent / keyword) and recomputes when the view's frame size changes. A stale-dimensions bug on recycled Fabric views was fixed in 0.85 (react-native#55796).\",\"caveats\":[\"Three-value form (`x y z`) is parsed but only the 2D origin matters unless a non-zero `perspective` is on the same view.\"]},{\"id\":\"transform-style\",\"title\":\"transform-style\",\"category\":\"props\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Web-only. React Native has no equivalent of `transform-style: preserve-3d`; children of a transformed view are always composited flat. v7 accepts `flat` as a no-op and dev-warns on `preserve-3d` with a hint about the `collapsable={false}` iOS workaround. Multi-face 3D layouts have to be hand-built with absolutely-positioned siblings and per-element `perspective` values.\"},{\"id\":\"perspective\",\"title\":\"perspective\",\"category\":\"props\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"iosStock\":\"partial\",\"androidStock\":\"partial\",\"summary\":\"React Native exposes `perspective` only as a transform-array entry, not as a standalone CSS property. v7 polyfills the top-level `perspective: 1000px` declaration into a `perspective(1000px)` entry on the element's own transform, with `none` resolving to identity and zero / sub-1px values clamping to 1px. This establishes a 3D rendering context for the element itself; the spec semantic of perspective applying to descendants (which requires `transform-style: preserve-3d`) is not reachable since RN flattens children unconditionally. iOS and Android render different default cameras, so the same value lands at different depths.\",\"caveats\":[\"For consistent cross-platform 3D, always declare an explicit `perspective` value on every transformed view. Android applies its own default if none is set.\"]},{\"id\":\"perspective-origin\",\"title\":\"perspective-origin\",\"category\":\"props\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Web-only. React Native has no analog; the vanishing point sits at the center of the transformed view and cannot be moved.\"},{\"id\":\"backface-visibility\",\"title\":\"backface-visibility\",\"category\":\"props\",\"nativeV6\":\"yes\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"iOS implements `backface-visibility: hidden` natively. Android emulates it by switching the view to fully transparent when it crosses the 90° rotation threshold. Both platforms re-evaluate on every transform change.\",\"caveats\":[\"Android's hidden state is a discrete alpha flip at the 90° rotation threshold, not a GPU-level backface cull. C
327ontinuous flip animations on Android pop rather than smoothly fade; pre-render both faces or use opacity / scale to mask the transition.\"]},{\"id\":\"will-change\",\"title\":\"will-change\",\"category\":\"other\",\"caniuseId\":\"will-change\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web. React Native has no compositor-promotion hint; transitions and `@keyframes` already run on the native thread via the v7 default `Animated`-based adapter, so the hint has nothing to map to.\",\"caniuseTitle\":\"CSS will-change property\",\"browserMins\":{\"chrome\":\"36\",\"safari\":\"9.1\",\"firefox\":\"36\",\"edge\":\"79\"}},{\"id\":\"visibility\",\"title\":\"visibility\",\"category\":\"props\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Web-only. Stock React Native implements `display: none` (the view is removed from layout) but has no `visibility: hidden` style that keeps the layout box while hiding the contents. Workaround: combine `opacity: 0` with `pointerEvents: none`.\",\"caveats\":[\"`visibility: collapse` has no RN equivalent on either platform.\"]},{\"id\":\"interactivity\",\"title\":\"interactivity\",\"category\":\"props\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"CSS UI 5 keyword that suppresses interaction and accessibility for a subtree. v7 supports `interactivity: inert` on React Native: the subtree is non-interactive and hidden from accessibility services. `auto` is a no-op. On rn-web, the keyword passes through to the browser.\",\"caveats\":[\"A focusable child inside an `inert` subtree can still receive D-pad / keyboard focus on Android / tvOS because RN does not propagate the focusable flag to descendants. v7 dev-warns when this can happen.\"]},{\"id\":\"pointer-events\",\"title\":\"pointer-events\",\"category\":\"props\",\"caniuseId\":\"pointer-events\",\"nativeV6\":\"yes\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"Pass-through everywhere. RN accepts `pointerEvents` as a style key on both platforms (the legacy View prop is deprecated in favor of the style). Values: `auto`, `none`, `box-none` (children receive events but the view itself does not), `box-only` (the view receives events but children do not).\",\"caveats\":[\"Web only understands `auto` and `none`. `box-none` and `box-only` are RN-only extensions and silently behave as `auto` on react-native-web.\"],\"caniuseTitle\":\"CSS pointer-events (for HTML)\",\"browserMins\":{\"chrome\":\"4\",\"safari\":\"4\",\"firefox\":\"3.6\",\"edge\":\"12\"}},{\"id\":\"user-select\",\"title\":\"user-select\",\"category\":\"props\",\"caniuseId\":\"user-select-none\",\"nativeV6\":\"partial\",\"nativeV7\":\"partial\",\"iosStock\":\"partial\",\"androidStock\":\"partial\",\"summary\":\"Stock React Native consumes `userSelect` only on `\u003cText\u003e`: `auto | text | contain | all` map to `selectable: true`, `none` maps to `selectable: false`. On `\u003cView\u003e` the style is silently dropped. `contain` and `all` don't actually constrain or expand the selection on either platform.\",\"caveats\":[\"Only applies to `\u003cText\u003e` on native. `\u003cView\u003e` accepts the style but ignores it.\",\"`contain` and `all` collapse to the same selectable=true behavior as `text`; no value-specific semantics are honored.\"],\"caniuseTitle\":\"CSS user-select: none\",\"browserMins\":{\"chrome\":\"4\",\"safari\":\"3.1\",\"firefox\":\"2\",\"edge\":\"12\"}},{\"id\":\"caret-color\",\"title\":\"caret-color\",\"category\":\"props\",\"caniuseId\":\"css-caret-color\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"iosStock\":\"no\",\"androidStock\":\"partial\",\"summary\":\"Pass-through on web. v7 supports `caret-color` on Android `\u003cTextInput\u003e`. iOS has no caret-only API in RN (the only surface tints the selection range too, violating the CSS spec) so the property has no effect on iOS and v7 dev-warns.\",\"caveats\":[\"Reliable on Android API 29+; Android 9 silently no-ops, and older versions are unreliable.\"],\"caniuseTitle\":\"CSS caret-color\",\"browserMins\":{\"chrome\":\"57\",\"safari\":\"11.1\",\"firefox\":\"53\",\"edge\":\"79\"}},{\"id\":\"accent-color\",\"title\":\"accent-color\",\"category\":\"props\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web. Stock React Native has no form-control accent on either platform. v7 supports `accent-color: \u003ccolor\u003e | auto` on `\u003cSwitch\u003e`. `auto` resolves to the platform accent (system blue on iOS, the colorAccent attribute on Android). Any color form is accepted: named, system keyword, hex, modern color function, theme tokens. Works on third-party Switch wrappers via `attrs()`.\",\"caveats\":[\"Cascade
327-style inheritance from an ancestor `accent-color` is not supported. Set the declaration directly on the form control.\",\"Only `\u003cSwitch\u003e` is wired up; Checkbox, Slider, and Picker are not.\"]},{\"id\":\"scroll-behavior\",\"title\":\"scroll-behavior\",\"category\":\"props\",\"caniuseId\":\"css-scroll-behavior\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web. React Native does not honor `scroll-behavior` as a style: smooth scrolling is opt-in per call via `ScrollView.scrollTo({ ..., animated: true })`.\",\"caniuseTitle\":\"CSS Scroll-behavior\",\"browserMins\":{\"chrome\":\"61\",\"safari\":\"15.4\",\"firefox\":\"36\",\"edge\":\"79\"}},{\"id\":\"touch-action\",\"title\":\"touch-action\",\"category\":\"props\",\"caniuseId\":\"css-touch-action\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web. React Native routes gestures through its own responder system; there is no `touch-action` style. Equivalent behavior comes from `react-native-gesture-handler` or the responder lifecycle.\",\"caniuseTitle\":\"CSS touch-action property\",\"browserMins\":{\"chrome\":\"36\",\"firefox\":\"52\",\"edge\":\"12\"}},{\"id\":\"overscroll-behavior\",\"title\":\"overscroll-behavior\",\"category\":\"props\",\"caniuseId\":\"css-overscroll-behavior\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web. v7 supports `overscroll-behavior: contain | none` on `\u003cScrollView\u003e` and `\u003cFlatList\u003e`, disabling iOS rubber-banding and the Android edge glow. `auto` uses the platform defaults.\",\"caveats\":[\"The `overscroll-behavior-x` / `-y` longhands are not split out; RN has no per-axis overscroll surface.\",\"Only scrollable primitives consume it. On a plain `View`, the declaration has no effect.\"],\"caniuseTitle\":\"CSS overscroll-behavior\",\"browserMins\":{\"chrome\":\"65\",\"safari\":\"16\",\"firefox\":\"59\",\"edge\":\"79\"}},{\"id\":\"mask\",\"title\":\"mask / mask-image / mask-mode / mask-position\",\"category\":\"props\",\"caniuseId\":\"css-masks\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web. Stock React Native has no CSS mask: the `@react-native-masked-view/masked-view` community package provides a `\u003cMaskedView maskElement={...}\u003e` component on both iOS and Android, but it is opt-in and does not consume CSS syntax.\",\"caniuseTitle\":\"CSS Masks\",\"browserMins\":{\"chrome\":\"120\",\"safari\":\"15.4\",\"firefox\":\"53\",\"edge\":\"120\"}},{\"id\":\"paint-order\",\"title\":\"paint-order\",\"category\":\"props\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web (primarily an SVG text-stroke ordering control). React Native has no concept of paint order between fill, stroke, and markers; SVG support comes from `react-native-svg`, which does not currently implement `paint-order`.\"},{\"id\":\"resize\",\"title\":\"resize\",\"category\":\"props\",\"caniuseId\":\"css-resize\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web. React Native has no user-resize handle; a multiline `TextInput` grows automatically via `onContentSizeChange` instead.\",\"caniuseTitle\":\"CSS resize property\",\"browserMins\":{\"chrome\":\"4\",\"safari\":\"4\",\"firefox\":\"4\",\"edge\":\"79\"}},{\"id\":\"appearance\",\"title\":\"appearance\",\"category\":\"props\",\"caniuseId\":\"css-appearance\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web. React Native form controls (Switch, Slider, Picker, Button, TextInput) render native platform widgets and do not expose `appearance: none` for opting out.\",\"caniuseTitle\":\"CSS Appearance\",\"browserMins\":{\"chrome\":\"83\",\"safari\":\"15.4\",\"firefox\":\"80\",\"edge\":\"83\"}},{\"id\":\"color-scheme\",\"title\":\"color-scheme\",\"category\":\"props\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web; required there so form controls and scrollbars repaint when dark mode is active. React Native reads the same OS signal through `Appearance` / `useColorScheme`. v7 evaluates `light-dark()` against that signal, which covers the practical use case even though the style itself does not exist on native.\"},{\"id\":\"scrollbar-color\",\"title\":\"scrollbar-color\",\"category\":\"props\",\"caniuseId\":\"css-scrollbar\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web. React Native does not paint custom scrollbars: iOS exposes only `indicatorStyle` (`default | black | white`) on `ScrollView`, and Android offers no equivalent.\",\"caniuseTitle\":\"CSS scrollbar styling\",\"browserMins\":{\"chrome\":\"121\",\"safari\":\"26.2\",\"firefox\":\"64\",\"edge\":\"121\"}}
327,{\"id\":\"scrollbar-width\",\"title\":\"scrollbar-width\",\"category\":\"props\",\"caniuseId\":\"css-scrollbar\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web. v7 supports `scrollbar-width: none` on `\u003cScrollView\u003e` and `\u003cFlatList\u003e` to hide scroll indicators. `auto` and `thin` use the platform defaults (RN has no thin-scrollbar surface).\",\"caniuseTitle\":\"CSS scrollbar styling\",\"browserMins\":{\"chrome\":\"121\",\"safari\":\"26.2\",\"firefox\":\"64\",\"edge\":\"121\"}},{\"id\":\"media-width\",\"title\":\"@media (min-width / max-width)\",\"category\":\"at-rules\",\"caniuseId\":\"css-mediaqueries\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"summary\":\"v7 resolves width / height media queries against the React Native window. Media Queries L4 range syntax (`@media (400px \u003c= width \u003c 800px)`) is supported alongside the legacy `min-width` / `max-width` colon form.\",\"caveats\":[\"Theme tokens used in feature values (`@media (min-width: ${t.bp.md}px)`) resolve to their `createTheme` fallback when the styles are read.\",\"`em` / `rem` lengths inside feature values are treated as 16px.\"],\"caniuseTitle\":\"CSS3 Media Queries\",\"browserMins\":{\"chrome\":\"4\",\"safari\":\"4\",\"firefox\":\"3.5\",\"edge\":\"12\"}},{\"id\":\"media-prefers-reduced-motion\",\"title\":\"@media (prefers-reduced-motion)\",\"category\":\"at-rules\",\"caniuseId\":\"prefers-reduced-motion\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"summary\":\"v7 evaluates `prefers-reduced-motion` on React Native via `AccessibilityInfo.isReduceMotionEnabled()` and the `reduceMotionChanged` event. The same signal also collapses `transition` and `@keyframes` durations to 0 automatically.\",\"caniuseTitle\":\"prefers-reduced-motion media query\",\"browserMins\":{\"chrome\":\"74\",\"safari\":\"10.1\",\"firefox\":\"63\",\"edge\":\"79\"}},{\"id\":\"media-prefers-color-scheme\",\"title\":\"@media (prefers-color-scheme)\",\"category\":\"at-rules\",\"caniuseId\":\"prefers-color-scheme\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"summary\":\"v7 evaluates `prefers-color-scheme` on React Native by reading `Appearance.getColorScheme()` and subscribing to its change events. Same signal feeds `light-dark()`.\",\"caniuseTitle\":\"prefers-color-scheme media query\",\"browserMins\":{\"chrome\":\"76\",\"safari\":\"12.1\",\"firefox\":\"67\",\"edge\":\"79\"}},{\"id\":\"media-prefers-contrast\",\"title\":\"@media (prefers-contrast)\",\"category\":\"at-rules\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web. React Native exposes high-contrast / bold-text preferences through `AccessibilityInfo` but v7 does not yet wire them into the media-query evaluator.\"},{\"id\":\"media-orientation\",\"title\":\"@media (orientation)\",\"category\":\"at-rules\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"summary\":\"v7 derives `portrait` / `landscape` from the React Native window dimensions and re-evaluates on rotation. No subscription setup required.\"},{\"id\":\"media-interaction\",\"title\":\"@media (hover) / (pointer) / (any-hover) / (any-pointer)\",\"category\":\"at-rules\",\"caniuseId\":\"css-media-interaction\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web. React Native has no device-capability signal for hover / pointer precision on either version; queries gated on these media features are silently dropped on native.\",\"caveats\":[\"Anchor with `\u0026:hover` on a `Pressable` instead of gating rules behind `@media (hover: hover)` on native.\"],\"caniuseTitle\":\"Media Queries: interaction media features\",\"browserMins\":{\"chrome\":\"41\",\"safari\":\"9\",\"firefox\":\"64\",\"edge\":\"12\"}},{\"id\":\"media-forced-colors\",\"title\":\"@media (forced-colors)\",\"category\":\"at-rules\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web. React Native has no Windows High Contrast / forced-colors analog; both versions ignore the at-rule on native.\"},{\"id\":\"media-dynamic-range\",\"title\":\"@media (dynamic-range)\",\"category\":\"at-rules\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web. iOS and Android both expose HDR-capable display flags (`UIScreen.traitCollection.displayGamut`, `Configuration.colorMode`), but v7 does not yet surface `dynamic-range` to the media-query evaluator.\"},{\"id\":\"media-color-gamut\",\"title\":\"@media (color-gamut)\",\"category\":\"at-rules\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web. iOS reports display-P3 / sRGB and Android API 26+ reports color-mode; v7 does not currently surface either to `@media (color-gamut)`.\"},{\"id\":\"color-rgb-hsl\",\"title\":\"rgb() / rgba() / hsl() / hsla()\",\"category\":\"colors\",\"caniuseId\":\"css3-colors\",\"nativeV6\":\"yes\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"React Native's color parser (`@react-native/normalize-colors`) handles `rgb()` / `rgba()` / `hsl()` / `hsla()` in both the legacy comma form and the modern space-separated form. Pass-through everywhere.\",\"caniuseTitle\":\"CSS3 Colors\",\"browserMins\":{\"chrome\":\"4\",\"safari\":\"3.1\",\"firefox\":\"3\",\"edge\":\"12\"}},{\"id\":\"color-hwb\",\"title\":\"hwb()\",\"category\":\"colors\",\"nativeV6\":\"yes\",\"nativeV7\":\"yes\",\"iosStock\":\"yes\",\"androidStock\":\"yes\",\"summary\":\"Stock RN parses `hwb()` natively in both modern (`hwb(H W B)`) and slash-alpha (`hwb(H W B / A)`) forms; v6 and v7 pass the function through unchanged.\",\"caveats\":[\"v7 does not re-resolve `hwb()` at render time, so theme tokens embedded in channels (`hwb(${t.h} 0% 0%)`) are not substituted. Use `oklch` / `oklab` / `lch` / `lab` / `color-mix` for theme-driven dynamic colors.\"]},{\"id\":\"color-function\",\"title\":\"color() function (display-p3, rec2020, â¦)\",\"category\":\"colors\",\"caniuseId\":\"css-color-function\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"prUrls\":{\"ios\":\"https://github.com/facebook/react-native/pull/42831\",\"android\":\"https://github.com/facebook/react-native/pull/42831\"},\"summary\":\"v7 converts static `color(display-p3 â¦)`, `color(rec2020 â¦)`, etc. to an sRGB hex value when the styles are built on React Native, gamut-mapping wide-gamut inputs. An upstream RN PR adds native Display-P3 awareness (iOS largely implemented, Android on hold) so the wide-gamut value can reach the renderer untouched.\",\"caveats\":[\"Until the upstream PR lands, channels resolve through sRGB even on P3-capable displays.\"],\"caniuseTitle\":\"CSS color() function\",\"browserMins\":{\"chrome\":\"111\",\"safari\":\"15\",\"firefox\":\"113\",\"edge\":\"111\"}},{\"id\":\"named-colors\",\"title\":\"Named colors / transparent / currentcolor\",\"category\":\"colors\",\"caniuseId\":\"currentcolor\",\"nativeV6\":\"partial\",\"nativeV7\":\"partial\",\"iosStock\":\"partial\",\"androidStock\":\"partial\",\"summary\":\"Stock RN accepts all 147 CSS named colors plus `transparent` on both platforms, but its matcher is case-sensitive (lowercase only; uppercase `RED` will not match). `currentcolor` is web-only: RN has no cascading `color` to inherit, so the value normalizes to transparent on native.\",\"caveats\":[\"Use lowercase named-color keywords on native; the matcher is case-sensitive.\",\"`currentcolor` falls back to transparent on native; on Android `cursorColor` the value is silently ignored and the system uses its default caret regardless.\"],\"caniuseTitle\":\"CSS currentColor value\",\"browserMins\":{\"chrome\":\"4\",\"safari\":\"4\",\"firefox\":\"2\",\"edge\":\"12\"}},{\"id\":\"rem-em\",\"title\":\"rem / em\",\"category\":\"units\",\"caniuseId\":\"rem\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web. Stock React Native parses style values as numbers (density-independent pixels) only;
327 `rem` / `em` strings resolve to NaN and the declaration is silently dropped without v7. v7 resolves both units at render time on native: `rem` multiplies against the root font-size (default 16, configurable via cascade), `em` anchors at the parent's resolved `font-size`. They compose inside `calc()` and any length context (width, padding, margin, gap, font-size, etc.). v6 did not resolve either unit.\",\"caveats\":[\"Inside `@media (min-width: 25em)` both versions treat 1em as 16px so legacy em-based breakpoints still match.\",\"When `font-size` itself is em-based on a descendant, resolution follows the cascade; v7 re-resolves whenever an ancestor publishes a new font-size.\"],\"caniuseTitle\":\"rem (root em) units\",\"browserMins\":{\"chrome\":\"4\",\"safari\":\"5\",\"firefox\":\"3.6\",\"edge\":\"12\"}},{\"id\":\"viewport-units-classic\",\"title\":\"Classic viewport units (vh, vw, vmin, vmax)\",\"category\":\"units\",\"caniuseId\":\"viewport-units\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web. v7 resolves `vh` / `vw` / `vi` / `vb` / `vmin` / `vmax` on React Native against the window and re-resolves on orientation change (`vi` and `vb` resolve to width and height respectively in horizontal-tb writing mode). Stock RN does not recognize the unit strings on either platform.\",\"caniuseTitle\":\"Viewport units: vw, vh, vmin, vmax\",\"browserMins\":{\"chrome\":\"26\",\"safari\":\"6.1\",\"firefox\":\"19\",\"edge\":\"16\"}},{\"id\":\"typographic-units\",\"title\":\"Typographic units (ch, ex, cap, ic, lh, rlh)\",\"category\":\"units\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web. v7 resolves the line-height-derived units `lh` and `rlh` on React Native: `lh` anchors at the parent's resolved `line-height`, `rlh` anchors at the root (today these coincide except where descendants override). Glyph-metric units (`ch`, `ex`, `cap`, `ic`) have no equivalent on React Native and v7 does not resolve them; pre-compute pixel values from `Dimensions` and `PixelRatio.getFontScale()` where needed.\"},{\"id\":\"fr-unit\",\"title\":\"fr (grid fractional unit)\",\"category\":\"units\",\"caniuseId\":\"css-grid\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Defined only inside CSS Grid track lists. React Native does not implement Grid on either version, so `fr` does not apply on native; see the Grid row for the upstream Yoga PR series that would change that.\",\"caniuseTitle\":\"CSS Grid Layout (level 1)\",\"browserMins\":{\"chrome\":\"57\",\"safari\":\"10.1\",\"firefox\":\"52\",\"edge\":\"16\"}},{\"id\":\"absolute-units\",\"title\":\"Absolute units (pt, pc, in, cm, mm, Q)\",\"category\":\"units\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web. React Native dimensions are unitless density-independent pixels; v7 does not convert physical units on native. Convert ahead of time (1pt â 1.33 px, 1in = 96 px, 1cm â 37.8 px).\"},{\"id\":\"list-style\",\"title\":\"list-style / -type / -position / -image\",\"category\":\"props\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web. React Native has no `\u003cul\u003e` / `\u003col\u003e` primitive; bullets and ordinal markers must be rendered as explicit `Text` siblings.\"},{\"id\":\"content-counters\",\"title\":\"content / counter-reset / counter-increment / counter-set\",\"category\":\"props\",\"caniuseId\":\"css-counters\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web. React Native has no `::before` / `::after` pseudo-elements and no counter cascade, so generated content has nowhere to attach on native.\",\"caniuseTitle\":\"CSS Counters\",\"browserMins\":{\"chrome\":\"4\",\"safari\":\"3.1\",\"firefox\":\"2\",\"edge\":\"12\"}},{\"id\":\"css-tables\",\"title\":\"CSS tables (table-layout, border-collapse, border-spacing, caption-side, empty-cells)\",\"category\":\"layout\",\"caniuseId\":\"css-table\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web. React Native has no table layout mode; build tabular UIs with flex rows + columns or a dedicated grid library.\",\"caniuseTitle\":\"CSS Table display\",\"browserMins\":{\"chrome\":\"4\",\"safari\":\"3.1\",\"firefox\":\"3\",\"edge\":\"12\"}},{\"id\":\"quotes\",\"title\":\"quotes\",\"category\":\"props\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web. `quotes` chooses the glyphs for `content: open-quote / close-quote`; with no generated content on React Native there is nothing for the property to act on.\"},{\"id\":\"attr-function\",\"title\":\"attr() function\",\"category\":\"functions\",\"caniuseId\":\"css3-attr\",\"nativeV6\":\"no\",\"nativeV7\":\"yes\",\"summary\":\"Browser-side `attr()` works in `content` everywhere and is shipping in Chromium for arbitrary properties (Chrome 133+); both versions pass the string through unchanged. On React Native, v7 reads the styled component's own props as typed CSS values (`width: attr(data-size px, 48px)`), supporting unit names, the `number` keyword, `raw-string`, and `type()` forms for length / number / percentage / color. Missing or mismatched props use the fallback, and the result composes inside `calc()`. v6 has no `attr()` on native.\",\"caniuseTitle\":\"CSS3 attr() function for all properties\",\"browserMins\":{\"chrome\":\"133\",\"edge\":\"133\"}},{\"id\":\"url-function\",\"title\":\"url() function (image references)\",\"category\":\"functions\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"prUrls\":{\"ios\":\"https://github.com/facebook/react-native/pull/54996\",\"android\":\"https://github.com/facebook/react-native/pull/54994\"},\"summary\":\"Pass-through on web. v7 accepts `url(...)` in the `background` shorthand and forwards it to the native background-image slot, but stock RN 0.85 only paints gradient functions there; raster `url()` values drop silently on native. A three-PR Callstack series wires `url()` parsing through. Until that lands, render raster backdrops with `Image` or `ImageBackgroun
327d` directly.\"},{\"id\":\"image-set\",\"title\":\"image-set() function\",\"category\":\"functions\",\"caniuseId\":\"css-image-set\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web. React Native handles density variants through the `Image` `source` prop (e.g. `[email protected]` / `[email protected]` auto-pick); v7 does not currently rewrite `image-set()` into that surface.\",\"caniuseTitle\":\"CSS image-set\",\"browserMins\":{\"chrome\":\"113\",\"safari\":\"17\",\"firefox\":\"89\",\"edge\":\"113\"}},{\"id\":\"overflow-anchor\",\"title\":\"overflow-anchor\",\"category\":\"props\",\"caniuseId\":\"css-overflow-anchor\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web in both versions. React Native scrolls preserve position relative to the content top, not a tracked anchor; there is no equivalent property on iOS or Android.\",\"caniuseTitle\":\"CSS overflow-anchor (Scroll Anchoring)\",\"browserMins\":{\"chrome\":\"56\",\"firefox\":\"66\",\"edge\":\"79\"}},{\"id\":\"overflow-clip-margin\",\"title\":\"overflow-clip-margin\",\"category\":\"props\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web. Stock React Native has no `overflow: clip` semantics, so the margin extension is not implemented on either platform.\"},{\"id\":\"content-visibility\",\"title\":\"content-visibility\",\"category\":\"props\",\"caniuseId\":\"css-content-visibility\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web. React Native already lazy-mounts off-screen rows in virtualized lists; there is no general-purpose `auto` skip on iOS or Android.\",\"caveats\":[\"Pair with `contain-intrinsic-size` on web so reserved boxes do not collapse before they render.\"],\"caniuseTitle\":\"CSS content-visibility\",\"browserMins\":{\"chrome\":\"85\",\"safari\":\"18\",\"firefox\":\"125\",\"edge\":\"85\"}},{\"id\":\"contain\",\"title\":\"contain\",\"category\":\"props\",\"caniuseId\":\"css-containment\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web in both versions. React Native does not expose layout/paint/style containment hints; the engine already isolates each view subtree.\",\"caniuseTitle\":\"CSS Containment\",\"browserMins\":{\"chrome\":\"52\",\"safari\":\"15.4\",\"firefox\":\"69\",\"edge\":\"79\"}},{\"id\":\"anchor-positioning\",\"title\":\"anchor-name / position-anchor / anchor()\",\"category\":\"layout\",\"caniuseId\":\"css-anchor-positioning\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"summary\":\"Web pass-through (Chromium-only today). On React Native, v7 supports a core subset: `anchor-name`, `position-anchor`, `anchor()`, and `anchor-size()`. An absolutely positioned element binds its `top` / `left` insets to an anchor edge (`top: anchor(--x bottom)`) and its size to the anchor box (`width: anchor-size(--x width)`), composing inside `calc()`. The anchor and the positioned element must share a parent. v6 has no anchor system on native.\",\"caveats\":[\"`bottom` / `right` and logical-side insets, `position-area`, `position-try*`, `@position-try`, and `anchor-scope` are not mapped on native; they fall back to the declared value with a dev-warn.\"],\"caniuseTitle\":\"CSS Anchor Positioning\",\"browserMins\":{\"chrome\":\"125\",\"safari\":\"26\",\"firefox\":\"147\",\"edge\":\"125\"}},{\"id\":\"scroll-driven-animations\",\"title\":\"scroll-timeline / view-timeline / animation-timeline\",\"category\":\"animation\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"summary\":\"Web pass-through. On React Native, v7 binds `@keyframes` progress to a styled ScrollView via `animation-timeline: scroll()` and to subject visibility via `view()`, with named `scroll-timeline` and `animation-range`. Opacity and transform keyframes run on the UI thread. v6 does not parse the scroll-driven syntax on native.\",\"caveats\":[\"`scroll(root)` / `scroll(self)`, `view-timeline-inset`, and infinite iteration counts are inactive on native with a dev-warn.\",\"View subjects must be direct children of the styled scroll container.\",\"Requires the default Animated adapter (the Reanimated CSS layer is time-based).\",\"No caniuse entry yet; track spec maturity before relying on it in production.\"]},{\"id\":\"text-box-trim\",\"title\":\"text-box / text-box-trim / text-box-edge\",\"category\":\"props\",\"caniuseId\":\"css-text-box-trim\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web. Stock React Native has no glyph-metric trimming on either platform; vertical centering still relies on manual `lineHeight` and `paddingVertical` math.\",\"caniuseTitle\":\"CSS Text Box\",\"browserMins\":{\"chrome\":\"133\",\"safari\":\"18.2\",\"edge\":\"132\"}},{\"id\":\"text-wrap\",\"title\":\"text-wrap\",\"category\":\"props\",\"caniuseId\":\"css-text-wrap-balance\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"v7 polyfills the `text-wrap` shorthand and both longhands (`text-wrap-mode`, `text-wrap-style`) on React Native. `nowrap` (and the shorthand) set `numberOfLines: 1` on `\u003cText\u003e`. `balance` and `pretty` map to Android `textBreakStrategy` (API 23+); `stable` is a no-op. iOS has no platform line-breaking control so style keywords warn there. v6 dropped the property on native.\",\"caveats\":[\"On web, all four values pass through in both versions.\",\"Dev-mode warns per style keyword that has no iOS or cross-platform support (`balance` / `pretty` / `stable` on iOS).\"],\"caniuseTitle\":\"CSS text-wrap: balance\",\"browserMins\":{\"chrome\":\"130\",\"safari\":\"17.5\",\"firefox\":\"121\",\"edge\":\"130\"}}
327,{\"id\":\"field-sizing\",\"title\":\"field-sizing\",\"category\":\"props\",\"nativeV6\":\"no\",\"nativeV7\":\"partial\",\"iosStock\":\"no\",\"androidStock\":\"no\",\"summary\":\"Pass-through on web (Chrome 123+). v7 polyfills `field-sizing: content` on `\u003cTextInput\u003e` by setting `multiline: true`, which engages the native height-fitting measure pass on each platform. `fixed` is a no-op. Author-supplied `min-height` / `max-height` still bound the field. v7 dev-warns when the caller explicitly passes `multiline={false}` since that undoes it. Stock RN has no `field-sizing` surface on either platform.\",\"caveats\":[\"The polyfill applies to `\u003cTextInput\u003e` only; the CSS property has no analog for other input types on native.\"]},{\"id\":\"image-rendering\",\"title\":\"image-rendering\",\"category\":\"props\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web. Stock React Native always scales raster images with bilinear filtering; pixelated / crisp-edges hints have no platform surface on iOS or Android.\"},{\"id\":\"image-orientation\",\"title\":\"image-orientation\",\"category\":\"props\",\"caniuseId\":\"css-image-orientation\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web. React Native applies EXIF orientation at decode time on both platforms (matching the web default of `from-image`), but does not expose the CSS property; there is no way to override with `none` or a specific angle.\",\"caniuseTitle\":\"CSS3 image-orientation\",\"browserMins\":{\"chrome\":\"81\",\"safari\":\"13.1\",\"firefox\":\"26\",\"edge\":\"81\"}},{\"id\":\"print-color-adjust\",\"title\":\"print-color-adjust\",\"category\":\"props\",\"caniuseId\":\"css-color-adjust\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web. React Native has no print pipeline, so the property is unused on iOS and Android.\",\"caniuseTitle\":\"CSS print-color-adjust\",\"browserMins\":{\"chrome\":\"19\",\"safari\":\"6\",\"firefox\":\"48\",\"edge\":\"79\"}},{\"id\":\"interpolate-size\",\"title\":\"interpolate-size / calc-size()\",\"category\":\"animation\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web (Chromium-only today). v7 already animates layout properties on React Native through the runtime, so there is no equivalent opt-in needed on iOS or Android.\",\"caveats\":[\"No caniuse entry yet.\"]},{\"id\":\"text-spacing-trim\",\"title\":\"text-spacing-trim\",\"category\":\"props\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web. CJK punctuation trimming is not implemented as a CSS property in stock React Native on either platform.\"},{\"id\":\"text-autospace\",\"title\":\"text-autospace\",\"category\":\"props\",\"caniuseId\":\"css-text-spacing\",\"nativeV6\":\"no\",\"nativeV7\":\"no\",\"summary\":\"Pass-through on web. Stock React Native has no CJK / Latin auto-spacing hook on iOS or Android.\",\"caniuseTitle\":\"CSS Text 4 text-spacing\",\"browserMins\":{\"edge\":\"12\"}}]}],\"$L9\"]}],[\"$La\",\"$Lb\"],\"$Lc\"]}],{},null,false,null]},null,false,\"$@d\"]},null,false,\"$@d\"]},null,false,null],\"$Le\",false]],\"m\":\"$undefined\",\"G\":[\"$f\",[\"$L10\"]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"hyZAS1aH18gUErw7jvxTz\"}\n"])</script>
327<script>self.__next_f.push([1,"11:I[66847,[\"/_next/static/chunks/08ss~es_7wy3~.js\",\"/_next/static/chunks/12q5w-tcjy00j.js\",\"/_next/static/chunks/0t1xi5m~eac8h.js\",\"/_next/static/chunks/0hi~qv8lo~s7i.js\",\"/_next/static/chunks/146thbl5nt6.b.js\",\"/_next/static/chunks/0gq8wfvbz1rhv.js\"],\"default\"]\n12:I[14373,[\"/_next/static/chunks/0q0elt8jdeyhj.js\",\"/_next/static/chunks/0cqtmja_x~gnr.js\"],\"OutletBoundary\"]\n13:\"$Sreact.suspense\"\n16:I[14373,[\"/_next/static/chunks/0q0elt8jdeyhj.js\",\"/_next/static/chunks/0cqtmja_x~gnr.js\"],\"ViewportBoundary\"]\n18:I[14373,[\"/_next/static/chunks/0q0elt8jdeyhj.js\",\"/_next/static/chunks/0cqtmja_x~gnr.js\"],\"MetadataBoundary\"]\n9:[\"$\",\"$L11\",null,{\"current\":\"compatibility\"}]\na:[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/146thbl5nt6.b.js\",\"async\":true,\"nonce\":\"$undefined\"}]\nb:[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0gq8wfvbz1rhv.js\",\"async\":true,\"nonce\":\"$undefined\"}]\nc:[\"$\",\"$L12\",null,{\"children\":[\"$\",\"$13\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@14\"}]}]\n15:[]\nd:\"$W15\"\ne:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L16\",null,{\"children\":\"$L17\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L18\",null,{\"children\":[\"$\",\"$13\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L19\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n10:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0z0by9mbuoylz.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n"])</script>
327<script>self.__next_f.push([1,"1a:I[14005,[\"/_next/static/chunks/08ss~es_7wy3~.js\",\"/_next/static/chunks/12q5w-tcjy00j.js\",\"/_next/static/chunks/0t1xi5m~eac8h.js\",\"/_next/static/chunks/0hi~qv8lo~s7i.js\"],\"default\"]\n1b:I[29935,[\"/_next/static/chunks/08ss~es_7wy3~.js\",\"/_next/static/chunks/12q5w-tcjy00j.js\",\"/_next/static/chunks/0t1xi5m~eac8h.js\",\"/_next/static/chunks/0hi~qv8lo~s7i.js\"],\"default\"]\n1c:I[8821,[\"/_next/static/chunks/08ss~es_7wy3~.js\",\"/_next/static/chunks/12q5w-tcjy00j.js\",\"/_next/static/chunks/0t1xi5m~eac8h.js\",\"/_next/static/chunks/0hi~qv8lo~s7i.js\",\"/_next/static/chunks/0.4_up8laayrl.js\"],\"default\"]\n1d:I[36768,[\"/_next/static/chunks/08ss~es_7wy3~.js\",\"/_next/static/chunks/12q5w-tcjy00j.js\",\"/_next/static/chunks/0t1xi5m~eac8h.js\",\"/_next/static/chunks/0hi~qv8lo~s7i.js\",\"/_next/static/chunks/0s5wjds4d_-p4.js\"],\"default\"]\n1e:I[20952,[\"/_next/static/chunks/08ss~es_7wy3~.js\",\"/_next/static/chunks/12q5w-tcjy00j.js\",\"/_next/static/chunks/0t1xi5m~eac8h.js\",\"/_next/static/chunks/0hi~qv8lo~s7i.js\"],\"\"]\n:HL[\"https://cdn.jsdelivr.net/npm/@docsearch/css@3\",\"style\"]\n"])</script>
327<script>self.__next_f.push([1,"2:[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"className\":\"inter_31011fd-module__jtyeTG__variable figtree_eef1a667-module__0fyahW__variable google_sans_code_6c58c869-module__enodRW__variable\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\\n (function() {\\n try {\\n var d = document.documentElement;\\n var stored = localStorage.getItem('theme');\\n if (stored === 'dark' || stored === 'light') {\\n d.classList.add(stored);\\n if (stored === 'dark') d.dataset.theme = 'dark';\\n } else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {\\n d.classList.add('dark');\\n d.dataset.theme = 'dark';\\n }\\n } catch (e) {}\\n if (location.pathname === '/') d.setAttribute('data-hero-logo-visible', '');\\n })();\\n\"}}],[\"$\",\"link\",null,{\"rel\":\"stylesheet\",\"href\":\"https://cdn.jsdelivr.net/npm/@docsearch/css@3\"}]]}],[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L1a\",null,{\"children\":[\"$\",\"$L1b\",null,{\"latestPost\":{\"title\":\"Celebrating a Decade of styled-components\",\"slug\":\"celebrating-a-decade-of-styled-components\"},\"children\":[\"$\",\"main\",null,{\"id\":\"main-content\",\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$1c\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0.4_up8laayrl.js\",\"async\":true}]],\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L1d\",null,{}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]}],[\"$\",\"$L1e\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-LGKMNEE8JJ\",\"strategy\":\"afterInteractive\"}],[\"$\",\"$L1e\",null,{\"id\":\"gtag-init\",\"strategy\":\"afterInteractive\",\"children\":\"
vendor: 118 bytes, line 327
327window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','
327G-LGKMNEE8JJ
vendor: 3 bytes, line 327
327');
327\"}]]}]]}]\n"])</script>
327<script>self.__next_f.push([1,"17:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, user-scalable=yes\"}],[\"$\",\"meta\",\"2\",{\"name\":\"theme-color\",\"content\":\"#654DB6\"}]]\n"])</script>
327<script>self.__next_f.push([1,"1f:I[91446,[\"/_next/static/chunks/0q0elt8jdeyhj.js\",\"/_next/static/chunks/0cqtmja_x~gnr.js\"],\"IconMark\"]\n14:null\n"])</script>
327<script>self.__next_f.push([1,"19:[[\"$\",\"title\",\"0\",{\"children\":\"React Native CanIUse · styled-components | styled-components\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Which CSS features work on stock React Native vs through styled-components v6 and v7. iOS and Android coverage, plus upstream PRs in flight.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"author\",\"content\":\"styled-components\"}],[\"$\",\"link\",\"3\",{\"rel\":\"manifest\",\"href\":\"/manifest.json\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"4\",{\"name\":\"google-site-verification\",\"content\":\"lWntYW6AWVMcShSIWLmOzKr8Wyek2TR-zuQn6_XGu_c\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:title\",\"content\":\"React Native CanIUse · styled-components | styled-components\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:description\",\"content\":\"Which CSS features work on stock React Native vs through styled-components v6 and v7. iOS and Android coverage, plus upstream PRs in flight.\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:site_name\",\"content\":\"styled-components\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image\",\"content\":\"https://www.styled-components.com/docs/compatibility/opengraph-image?ef92fbdcec9acf6a\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:image:width\",\"content\":\"1800\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:image:height\",\"content\":\"945\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:image:alt\",\"content\":\"React Native CanIUse: CSS feature compatibility for styled-components\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:site\",\"content\":\"@quantizor\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:creator\",\"content\":\"@quantizor\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:title\",\"content\":\"React Native CanIUse · styled-components | styled-components\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:description\",\"content\":\"Which CSS features work on stock React Native vs through styled-components v6 and v7. iOS and Android coverage, plus upstream PRs in flight.\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:image\",\"content\":\"https://www.styled-components.com/docs/compatibility/opengraph-image?ef92fbdcec9acf6a\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:image:alt\",\"content\":\"React Native CanIUse: CSS feature compatibility for styled-components\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:image:width\",\"content\":\"1800\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:image:height\",\"content\":\"945\"}],[\"$\",\"link\",\"25\",{\"rel\":\"shortcut icon\",\"href\":\"/atom.png\"}],[\"$\",\"link\",\"26\",{\"rel\":\"icon\",\"href\":\"/favicon.svg\",\"type\":\"image/svg+xml\"}],[\"$\",\"link\",\"27\",{\"rel\":\"icon\",\"href\":\"/favicon.png\",\"type\":\"image/png\"}],[\"$\",\"$L1f\",\"28\",{}]]\n"])</script>
327</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.