diff --git a/src/styles.js b/src/styles.js
index 1058e65..aa55b8e 100644
--- a/src/styles.js
+++ b/src/styles.js
@@ -35,7 +35,7 @@ let defaultModifiers = {
         blockquote: {
           marginTop: em(24, 18),
           marginBottom: em(24, 18),
-          paddingLeft: em(20, 18),
+          paddingInlineStart: em(20, 18),
         },
         h1: {
           fontSize: em(30, 14),
@@ -80,9 +80,9 @@ let defaultModifiers = {
           fontSize: em(12, 14),
           borderRadius: rem(5),
           paddingTop: em(2, 14),
-          paddingRight: em(5, 14),
+          paddingInlineEnd: em(5, 14),
           paddingBottom: em(2, 14),
-          paddingLeft: em(5, 14),
+          paddingInlineStart: em(5, 14),
         },
         code: {
           fontSize: em(12, 14),
@@ -100,29 +100,29 @@ let defaultModifiers = {
           marginBottom: em(20, 12),
           borderRadius: rem(4),
           paddingTop: em(8, 12),
-          paddingRight: em(12, 12),
+          paddingInlineEnd: em(12, 12),
           paddingBottom: em(8, 12),
-          paddingLeft: em(12, 12),
+          paddingInlineStart: em(12, 12),
         },
         ol: {
           marginTop: em(16, 14),
           marginBottom: em(16, 14),
-          paddingLeft: em(22, 14),
+          paddingInlineStart: em(22, 14),
         },
         ul: {
           marginTop: em(16, 14),
           marginBottom: em(16, 14),
-          paddingLeft: em(22, 14),
+          paddingInlineStart: em(22, 14),
         },
         li: {
           marginTop: em(4, 14),
           marginBottom: em(4, 14),
         },
         'ol > li': {
-          paddingLeft: em(6, 14),
+          paddingInlineStart: em(6, 14),
         },
         'ul > li': {
-          paddingLeft: em(6, 14),
+          paddingInlineStart: em(6, 14),
         },
         '> ul > li p': {
           marginTop: em(8, 14),
@@ -153,7 +153,7 @@ let defaultModifiers = {
         },
         dd: {
           marginTop: em(4, 14),
-          paddingLeft: em(22, 14),
+          paddingInlineStart: em(22, 14),
         },
         hr: {
           marginTop: em(40, 14),
@@ -176,27 +176,27 @@ let defaultModifiers = {
           lineHeight: round(18 / 12),
         },
         'thead th': {
-          paddingRight: em(12, 12),
+          paddingInlineEnd: em(12, 12),
           paddingBottom: em(8, 12),
-          paddingLeft: em(12, 12),
+          paddingInlineStart: em(12, 12),
         },
         'thead th:first-child': {
-          paddingLeft: '0',
+          paddingInlineStart: '0',
         },
         'thead th:last-child': {
-          paddingRight: '0',
+          paddingInlineEnd: '0',
         },
         'tbody td, tfoot td': {
           paddingTop: em(8, 12),
-          paddingRight: em(12, 12),
+          paddingInlineEnd: em(12, 12),
           paddingBottom: em(8, 12),
-          paddingLeft: em(12, 12),
+          paddingInlineStart: em(12, 12),
         },
         'tbody td:first-child, tfoot td:first-child': {
-          paddingLeft: '0',
+          paddingInlineStart: '0',
         },
         'tbody td:last-child, tfoot td:last-child': {
-          paddingRight: '0',
+          paddingInlineEnd: '0',
         },
         figure: {
           marginTop: em(24, 14),
@@ -240,7 +240,7 @@ let defaultModifiers = {
         blockquote: {
           marginTop: em(32, 20),
           marginBottom: em(32, 20),
-          paddingLeft: em(20, 20),
+          paddingInlineStart: em(20, 20),
         },
         h1: {
           fontSize: em(36, 16),
@@ -285,9 +285,9 @@ let defaultModifiers = {
           fontSize: em(14, 16),
           borderRadius: rem(5),
           paddingTop: em(3, 16),
-          paddingRight: em(6, 16),
+          paddingInlineEnd: em(6, 16),
           paddingBottom: em(3, 16),
-          paddingLeft: em(6, 16),
+          paddingInlineStart: em(6, 16),
         },
         code: {
           fontSize: em(14, 16),
@@ -305,29 +305,29 @@ let defaultModifiers = {
           marginBottom: em(24, 14),
           borderRadius: rem(6),
           paddingTop: em(12, 14),
-          paddingRight: em(16, 14),
+          paddingInlineEnd: em(16, 14),
           paddingBottom: em(12, 14),
-          paddingLeft: em(16, 14),
+          paddingInlineStart: em(16, 14),
         },
         ol: {
           marginTop: em(20, 16),
           marginBottom: em(20, 16),
-          paddingLeft: em(26, 16),
+          paddingInlineStart: em(26, 16),
         },
         ul: {
           marginTop: em(20, 16),
           marginBottom: em(20, 16),
-          paddingLeft: em(26, 16),
+          paddingInlineStart: em(26, 16),
         },
         li: {
           marginTop: em(8, 16),
           marginBottom: em(8, 16),
         },
         'ol > li': {
-          paddingLeft: em(6, 16),
+          paddingInlineStart: em(6, 16),
         },
         'ul > li': {
-          paddingLeft: em(6, 16),
+          paddingInlineStart: em(6, 16),
         },
         '> ul > li p': {
           marginTop: em(12, 16),
@@ -358,7 +358,7 @@ let defaultModifiers = {
         },
         dd: {
           marginTop: em(8, 16),
-          paddingLeft: em(26, 16),
+          paddingInlineStart: em(26, 16),
         },
         hr: {
           marginTop: em(48, 16),
@@ -381,27 +381,27 @@ let defaultModifiers = {
           lineHeight: round(24 / 14),
         },
         'thead th': {
-          paddingRight: em(8, 14),
+          paddingInlineEnd: em(8, 14),
           paddingBottom: em(8, 14),
-          paddingLeft: em(8, 14),
+          paddingInlineStart: em(8, 14),
         },
         'thead th:first-child': {
-          paddingLeft: '0',
+          paddingInlineStart: '0',
         },
         'thead th:last-child': {
-          paddingRight: '0',
+          paddingInlineEnd: '0',
         },
         'tbody td, tfoot td': {
           paddingTop: em(8, 14),
-          paddingRight: em(8, 14),
+          paddingInlineEnd: em(8, 14),
           paddingBottom: em(8, 14),
-          paddingLeft: em(8, 14),
+          paddingInlineStart: em(8, 14),
         },
         'tbody td:first-child, tfoot td:first-child': {
-          paddingLeft: '0',
+          paddingInlineStart: '0',
         },
         'tbody td:last-child, tfoot td:last-child': {
-          paddingRight: '0',
+          paddingInlineEnd: '0',
         },
         figure: {
           marginTop: em(32, 16),
@@ -445,7 +445,7 @@ let defaultModifiers = {
         blockquote: {
           marginTop: em(40, 24),
           marginBottom: em(40, 24),
-          paddingLeft: em(24, 24),
+          paddingInlineStart: em(24, 24),
         },
         h1: {
           fontSize: em(48, 18),
@@ -490,9 +490,9 @@ let defaultModifiers = {
           fontSize: em(16, 18),
           borderRadius: rem(5),
           paddingTop: em(4, 18),
-          paddingRight: em(8, 18),
+          paddingInlineEnd: em(8, 18),
           paddingBottom: em(4, 18),
-          paddingLeft: em(8, 18),
+          paddingInlineStart: em(8, 18),
         },
         code: {
           fontSize: em(16, 18),
@@ -510,29 +510,29 @@ let defaultModifiers = {
           marginBottom: em(32, 16),
           borderRadius: rem(6),
           paddingTop: em(16, 16),
-          paddingRight: em(24, 16),
+          paddingInlineEnd: em(24, 16),
           paddingBottom: em(16, 16),
-          paddingLeft: em(24, 16),
+          paddingInlineStart: em(24, 16),
         },
         ol: {
           marginTop: em(24, 18),
           marginBottom: em(24, 18),
-          paddingLeft: em(28, 18),
+          paddingInlineStart: em(28, 18),
         },
         ul: {
           marginTop: em(24, 18),
           marginBottom: em(24, 18),
-          paddingLeft: em(28, 18),
+          paddingInlineStart: em(28, 18),
         },
         li: {
           marginTop: em(12, 18),
           marginBottom: em(12, 18),
         },
         'ol > li': {
-          paddingLeft: em(8, 18),
+          paddingInlineStart: em(8, 18),
         },
         'ul > li': {
-          paddingLeft: em(8, 18),
+          paddingInlineStart: em(8, 18),
         },
         '> ul > li p': {
           marginTop: em(16, 18),
@@ -563,7 +563,7 @@ let defaultModifiers = {
         },
         dd: {
           marginTop: em(12, 18),
-          paddingLeft: em(28, 18),
+          paddingInlineStart: em(28, 18),
         },
         hr: {
           marginTop: em(56, 18),
@@ -586,27 +586,27 @@ let defaultModifiers = {
           lineHeight: round(24 / 16),
         },
         'thead th': {
-          paddingRight: em(12, 16),
+          paddingInlineEnd: em(12, 16),
           paddingBottom: em(12, 16),
-          paddingLeft: em(12, 16),
+          paddingInlineStart: em(12, 16),
         },
         'thead th:first-child': {
-          paddingLeft: '0',
+          paddingInlineStart: '0',
         },
         'thead th:last-child': {
-          paddingRight: '0',
+          paddingInlineEnd: '0',
         },
         'tbody td, tfoot td': {
           paddingTop: em(12, 16),
-          paddingRight: em(12, 16),
+          paddingInlineEnd: em(12, 16),
           paddingBottom: em(12, 16),
-          paddingLeft: em(12, 16),
+          paddingInlineStart: em(12, 16),
         },
         'tbody td:first-child, tfoot td:first-child': {
-          paddingLeft: '0',
+          paddingInlineStart: '0',
         },
         'tbody td:last-child, tfoot td:last-child': {
-          paddingRight: '0',
+          paddingInlineEnd: '0',
         },
         figure: {
           marginTop: em(32, 18),
@@ -650,7 +650,7 @@ let defaultModifiers = {
         blockquote: {
           marginTop: em(48, 30),
           marginBottom: em(48, 30),
-          paddingLeft: em(32, 30),
+          paddingInlineStart: em(32, 30),
         },
         h1: {
           fontSize: em(56, 20),
@@ -695,9 +695,9 @@ let defaultModifiers = {
           fontSize: em(18, 20),
           borderRadius: rem(5),
           paddingTop: em(5, 20),
-          paddingRight: em(8, 20),
+          paddingInlineEnd: em(8, 20),
           paddingBottom: em(5, 20),
-          paddingLeft: em(8, 20),
+          paddingInlineStart: em(8, 20),
         },
         code: {
           fontSize: em(18, 20),
@@ -715,29 +715,29 @@ let defaultModifiers = {
           marginBottom: em(36, 18),
           borderRadius: rem(8),
           paddingTop: em(20, 18),
-          paddingRight: em(24, 18),
+          paddingInlineEnd: em(24, 18),
           paddingBottom: em(20, 18),
-          paddingLeft: em(24, 18),
+          paddingInlineStart: em(24, 18),
         },
         ol: {
           marginTop: em(24, 20),
           marginBottom: em(24, 20),
-          paddingLeft: em(32, 20),
+          paddingInlineStart: em(32, 20),
         },
         ul: {
           marginTop: em(24, 20),
           marginBottom: em(24, 20),
-          paddingLeft: em(32, 20),
+          paddingInlineStart: em(32, 20),
         },
         li: {
           marginTop: em(12, 20),
           marginBottom: em(12, 20),
         },
         'ol > li': {
-          paddingLeft: em(8, 20),
+          paddingInlineStart: em(8, 20),
         },
         'ul > li': {
-          paddingLeft: em(8, 20),
+          paddingInlineStart: em(8, 20),
         },
         '> ul > li p': {
           marginTop: em(16, 20),
@@ -768,7 +768,7 @@ let defaultModifiers = {
         },
         dd: {
           marginTop: em(12, 20),
-          paddingLeft: em(32, 20),
+          paddingInlineStart: em(32, 20),
         },
         hr: {
           marginTop: em(56, 20),
@@ -791,27 +791,27 @@ let defaultModifiers = {
           lineHeight: round(28 / 18),
         },
         'thead th': {
-          paddingRight: em(12, 18),
+          paddingInlineEnd: em(12, 18),
           paddingBottom: em(16, 18),
-          paddingLeft: em(12, 18),
+          paddingInlineStart: em(12, 18),
         },
         'thead th:first-child': {
-          paddingLeft: '0',
+          paddingInlineStart: '0',
         },
         'thead th:last-child': {
-          paddingRight: '0',
+          paddingInlineEnd: '0',
         },
         'tbody td, tfoot td': {
           paddingTop: em(16, 18),
-          paddingRight: em(12, 18),
+          paddingInlineEnd: em(12, 18),
           paddingBottom: em(16, 18),
-          paddingLeft: em(12, 18),
+          paddingInlineStart: em(12, 18),
         },
         'tbody td:first-child, tfoot td:first-child': {
-          paddingLeft: '0',
+          paddingInlineStart: '0',
         },
         'tbody td:last-child, tfoot td:last-child': {
-          paddingRight: '0',
+          paddingInlineEnd: '0',
         },
         figure: {
           marginTop: em(40, 20),
@@ -855,7 +855,7 @@ let defaultModifiers = {
         blockquote: {
           marginTop: em(64, 36),
           marginBottom: em(64, 36),
-          paddingLeft: em(40, 36),
+          paddingInlineStart: em(40, 36),
         },
         h1: {
           fontSize: em(64, 24),
@@ -900,9 +900,9 @@ let defaultModifiers = {
           fontSize: em(20, 24),
           borderRadius: rem(6),
           paddingTop: em(6, 24),
-          paddingRight: em(8, 24),
+          paddingInlineEnd: em(8, 24),
           paddingBottom: em(6, 24),
-          paddingLeft: em(8, 24),
+          paddingInlineStart: em(8, 24),
         },
         code: {
           fontSize: em(20, 24),
@@ -920,29 +920,29 @@ let defaultModifiers = {
           marginBottom: em(40, 20),
           borderRadius: rem(8),
           paddingTop: em(24, 20),
-          paddingRight: em(32, 20),
+          paddingInlineEnd: em(32, 20),
           paddingBottom: em(24, 20),
-          paddingLeft: em(32, 20),
+          paddingInlineStart: em(32, 20),
         },
         ol: {
           marginTop: em(32, 24),
           marginBottom: em(32, 24),
-          paddingLeft: em(38, 24),
+          paddingInlineStart: em(38, 24),
         },
         ul: {
           marginTop: em(32, 24),
           marginBottom: em(32, 24),
-          paddingLeft: em(38, 24),
+          paddingInlineStart: em(38, 24),
         },
         li: {
           marginTop: em(12, 24),
           marginBottom: em(12, 24),
         },
         'ol > li': {
-          paddingLeft: em(10, 24),
+          paddingInlineStart: em(10, 24),
         },
         'ul > li': {
-          paddingLeft: em(10, 24),
+          paddingInlineStart: em(10, 24),
         },
         '> ul > li p': {
           marginTop: em(20, 24),
@@ -973,7 +973,7 @@ let defaultModifiers = {
         },
         dd: {
           marginTop: em(12, 24),
-          paddingLeft: em(38, 24),
+          paddingInlineStart: em(38, 24),
         },
         hr: {
           marginTop: em(72, 24),
@@ -996,27 +996,27 @@ let defaultModifiers = {
           lineHeight: round(28 / 20),
         },
         'thead th': {
-          paddingRight: em(12, 20),
+          paddingInlineEnd: em(12, 20),
           paddingBottom: em(16, 20),
-          paddingLeft: em(12, 20),
+          paddingInlineStart: em(12, 20),
         },
         'thead th:first-child': {
-          paddingLeft: '0',
+          paddingInlineStart: '0',
         },
         'thead th:last-child': {
-          paddingRight: '0',
+          paddingInlineEnd: '0',
         },
         'tbody td, tfoot td': {
           paddingTop: em(16, 20),
-          paddingRight: em(12, 20),
+          paddingInlineEnd: em(12, 20),
           paddingBottom: em(16, 20),
-          paddingLeft: em(12, 20),
+          paddingInlineStart: em(12, 20),
         },
         'tbody td:first-child, tfoot td:first-child': {
-          paddingLeft: '0',
+          paddingInlineStart: '0',
         },
         'tbody td:last-child, tfoot td:last-child': {
-          paddingRight: '0',
+          paddingInlineEnd: '0',
         },
         figure: {
           marginTop: em(48, 24),
@@ -1476,8 +1476,8 @@ module.exports = {
           fontWeight: '500',
           fontStyle: 'italic',
           color: 'var(--tw-prose-quotes)',
-          borderLeftWidth: '0.25rem',
-          borderLeftColor: 'var(--tw-prose-quote-borders)',
+          borderInlineStartWidth: '0.25rem',
+          borderInlineStartColor: 'var(--tw-prose-quote-borders)',
           quotes: '"\\201C""\\201D""\\2018""\\2019"',
         },
         'blockquote p:first-of-type::before': {