| /* Smooth corner curvature for every rounded surface. Inside the support | |
| * guard, all corners curve along superellipse(1.5) — between a circular arc | |
| * (round = superellipse(1)) and a squircle (superellipse(2)) — instead of the | |
| * default arc; engines without corner-shape keep circular corners because the | |
| * token and the rule exist only inside the guard. | |
| * | |
| * corner-shape does not inherit, so the universal selector applies the token | |
| * to elements and their ::before/::after; other pseudo-elements (for example | |
| * the ::-webkit-scrollbar parts) stay circular. | |
| * | |
| * Full-round shapes opt out where they are declared: a superellipse deforms a | |
| * circle into a squircle and squares off capsule ends, so every effectively | |
| * uncapped radius (50%, 100%, or a pill radius far above the box size) pairs | |
| * `corner-shape: round` with its `border-radius` in the owning component | |
| * sheet. The corner-shape stylesheet spec enforces that pairing. */ | |
| @supports (corner-shape: superellipse(1.5)) { | |
| :root { | |
| --dsw-corner-shape: superellipse(1.5); | |
| } | |
| *, | |
| *::before, | |
| *::after { | |
| corner-shape: var(--dsw-corner-shape); | |
| } | |
| } | |