@empathyco/x-components 3.0.0-alpha.52 → 3.0.0-alpha.53

package/design-system/utilities-margin.css

@@ -1,461 +1,462 @@
 .x-margin--auto {
-  margin: auto !important; }
-
+  margin: auto !important;
+}
 .x-margin--00 {
-  margin: 0 !important; }
-
+  margin: 0 !important;
+}
 .x-margin--01 {
-  margin: var(--x-size-base-01) !important; }
-
+  margin: var(--x-size-base-01) !important;
+}
 .x-margin--02 {
-  margin: var(--x-size-base-02) !important; }
-
+  margin: var(--x-size-base-02) !important;
+}
 .x-margin--03 {
-  margin: var(--x-size-base-03) !important; }
-
+  margin: var(--x-size-base-03) !important;
+}
 .x-margin--04 {
-  margin: var(--x-size-base-04) !important; }
-
+  margin: var(--x-size-base-04) !important;
+}
 .x-margin--05 {
-  margin: var(--x-size-base-05) !important; }
-
+  margin: var(--x-size-base-05) !important;
+}
 .x-margin--06 {
-  margin: var(--x-size-base-06) !important; }
-
+  margin: var(--x-size-base-06) !important;
+}
 .x-margin--07 {
-  margin: var(--x-size-base-07) !important; }
-
+  margin: var(--x-size-base-07) !important;
+}
 .x-margin--08 {
-  margin: var(--x-size-base-08) !important; }
-
+  margin: var(--x-size-base-08) !important;
+}
 .x-margin--09 {
-  margin: var(--x-size-base-09) !important; }
-
+  margin: var(--x-size-base-09) !important;
+}
 .x-margin--10 {
-  margin: var(--x-size-base-10) !important; }
-
+  margin: var(--x-size-base-10) !important;
+}
 .x-margin--11 {
-  margin: var(--x-size-base-11) !important; }
-
+  margin: var(--x-size-base-11) !important;
+}
 .x-margin--12 {
-  margin: var(--x-size-base-12) !important; }
-
+  margin: var(--x-size-base-12) !important;
+}
 .x-margin--13 {
-  margin: var(--x-size-base-13) !important; }
-
+  margin: var(--x-size-base-13) !important;
+}
 .x-margin--14 {
-  margin: var(--x-size-base-14) !important; }
-
+  margin: var(--x-size-base-14) !important;
+}
 .x-margin--15 {
-  margin: var(--x-size-base-15) !important; }
-
+  margin: var(--x-size-base-15) !important;
+}
 .x-margin--16 {
-  margin: var(--x-size-base-16) !important; }
-
+  margin: var(--x-size-base-16) !important;
+}
 .x-margin--17 {
-  margin: var(--x-size-base-17) !important; }
-
+  margin: var(--x-size-base-17) !important;
+}
 .x-margin--18 {
-  margin: var(--x-size-base-18) !important; }
-
+  margin: var(--x-size-base-18) !important;
+}
 .x-margin--19 {
-  margin: var(--x-size-base-19) !important; }
-
+  margin: var(--x-size-base-19) !important;
+}
 .x-margin--20 {
-  margin: var(--x-size-base-20) !important; }
-
+  margin: var(--x-size-base-20) !important;
+}
 .x-margin--top-auto {
-  margin-top: auto !important; }
-
+  margin-top: auto !important;
+}
 .x-margin--bottom-auto {
-  margin-bottom: auto !important; }
-
+  margin-bottom: auto !important;
+}
 [dir="ltr"] .x-margin--right-auto {
-  margin-right: auto !important; }
-
+  margin-right: auto !important;
+}
 [dir="rtl"] .x-margin--right-auto {
-  margin-left: auto !important; }
-
+  margin-left: auto !important;
+}
 [dir="ltr"] .x-margin--left-auto {
-  margin-left: auto !important; }
-
+  margin-left: auto !important;
+}
 [dir="rtl"] .x-margin--left-auto {
-  margin-right: auto !important; }
-
+  margin-right: auto !important;
+}
 .x-margin--top-00 {
-  margin-top: 0 !important; }
-
+  margin-top: 0 !important;
+}
 .x-margin--bottom-00 {
-  margin-bottom: 0 !important; }
-
+  margin-bottom: 0 !important;
+}
 [dir="ltr"] .x-margin--right-00 {
-  margin-right: 0 !important; }
-
+  margin-right: 0 !important;
+}
 [dir="rtl"] .x-margin--right-00 {
-  margin-left: 0 !important; }
-
+  margin-left: 0 !important;
+}
 [dir="ltr"] .x-margin--left-00 {
-  margin-left: 0 !important; }
-
+  margin-left: 0 !important;
+}
 [dir="rtl"] .x-margin--left-00 {
-  margin-right: 0 !important; }
-
+  margin-right: 0 !important;
+}
 .x-margin--top-01 {
-  margin-top: var(--x-size-base-01) !important; }
-
+  margin-top: var(--x-size-base-01) !important;
+}
 .x-margin--bottom-01 {
-  margin-bottom: var(--x-size-base-01) !important; }
-
+  margin-bottom: var(--x-size-base-01) !important;
+}
 [dir="ltr"] .x-margin--right-01 {
-  margin-right: var(--x-size-base-01) !important; }
-
+  margin-right: var(--x-size-base-01) !important;
+}
 [dir="rtl"] .x-margin--right-01 {
-  margin-left: var(--x-size-base-01) !important; }
-
+  margin-left: var(--x-size-base-01) !important;
+}
 [dir="ltr"] .x-margin--left-01 {
-  margin-left: var(--x-size-base-01) !important; }
-
+  margin-left: var(--x-size-base-01) !important;
+}
 [dir="rtl"] .x-margin--left-01 {
-  margin-right: var(--x-size-base-01) !important; }
-
+  margin-right: var(--x-size-base-01) !important;
+}
 .x-margin--top-02 {
-  margin-top: var(--x-size-base-02) !important; }
-
+  margin-top: var(--x-size-base-02) !important;
+}
 .x-margin--bottom-02 {
-  margin-bottom: var(--x-size-base-02) !important; }
-
+  margin-bottom: var(--x-size-base-02) !important;
+}
 [dir="ltr"] .x-margin--right-02 {
-  margin-right: var(--x-size-base-02) !important; }
-
+  margin-right: var(--x-size-base-02) !important;
+}
 [dir="rtl"] .x-margin--right-02 {
-  margin-left: var(--x-size-base-02) !important; }
-
+  margin-left: var(--x-size-base-02) !important;
+}
 [dir="ltr"] .x-margin--left-02 {
-  margin-left: var(--x-size-base-02) !important; }
-
+  margin-left: var(--x-size-base-02) !important;
+}
 [dir="rtl"] .x-margin--left-02 {
-  margin-right: var(--x-size-base-02) !important; }
-
+  margin-right: var(--x-size-base-02) !important;
+}
 .x-margin--top-03 {
-  margin-top: var(--x-size-base-03) !important; }
-
+  margin-top: var(--x-size-base-03) !important;
+}
 .x-margin--bottom-03 {
-  margin-bottom: var(--x-size-base-03) !important; }
-
+  margin-bottom: var(--x-size-base-03) !important;
+}
 [dir="ltr"] .x-margin--right-03 {
-  margin-right: var(--x-size-base-03) !important; }
-
+  margin-right: var(--x-size-base-03) !important;
+}
 [dir="rtl"] .x-margin--right-03 {
-  margin-left: var(--x-size-base-03) !important; }
-
+  margin-left: var(--x-size-base-03) !important;
+}
 [dir="ltr"] .x-margin--left-03 {
-  margin-left: var(--x-size-base-03) !important; }
-
+  margin-left: var(--x-size-base-03) !important;
+}
 [dir="rtl"] .x-margin--left-03 {
-  margin-right: var(--x-size-base-03) !important; }
-
+  margin-right: var(--x-size-base-03) !important;
+}
 .x-margin--top-04 {
-  margin-top: var(--x-size-base-04) !important; }
-
+  margin-top: var(--x-size-base-04) !important;
+}
 .x-margin--bottom-04 {
-  margin-bottom: var(--x-size-base-04) !important; }
-
+  margin-bottom: var(--x-size-base-04) !important;
+}
 [dir="ltr"] .x-margin--right-04 {
-  margin-right: var(--x-size-base-04) !important; }
-
+  margin-right: var(--x-size-base-04) !important;
+}
 [dir="rtl"] .x-margin--right-04 {
-  margin-left: var(--x-size-base-04) !important; }
-
+  margin-left: var(--x-size-base-04) !important;
+}
 [dir="ltr"] .x-margin--left-04 {
-  margin-left: var(--x-size-base-04) !important; }
-
+  margin-left: var(--x-size-base-04) !important;
+}
 [dir="rtl"] .x-margin--left-04 {
-  margin-right: var(--x-size-base-04) !important; }
-
+  margin-right: var(--x-size-base-04) !important;
+}
 .x-margin--top-05 {
-  margin-top: var(--x-size-base-05) !important; }
-
+  margin-top: var(--x-size-base-05) !important;
+}
 .x-margin--bottom-05 {
-  margin-bottom: var(--x-size-base-05) !important; }
-
+  margin-bottom: var(--x-size-base-05) !important;
+}
 [dir="ltr"] .x-margin--right-05 {
-  margin-right: var(--x-size-base-05) !important; }
-
+  margin-right: var(--x-size-base-05) !important;
+}
 [dir="rtl"] .x-margin--right-05 {
-  margin-left: var(--x-size-base-05) !important; }
-
+  margin-left: var(--x-size-base-05) !important;
+}
 [dir="ltr"] .x-margin--left-05 {
-  margin-left: var(--x-size-base-05) !important; }
-
+  margin-left: var(--x-size-base-05) !important;
+}
 [dir="rtl"] .x-margin--left-05 {
-  margin-right: var(--x-size-base-05) !important; }
-
+  margin-right: var(--x-size-base-05) !important;
+}
 .x-margin--top-06 {
-  margin-top: var(--x-size-base-06) !important; }
-
+  margin-top: var(--x-size-base-06) !important;
+}
 .x-margin--bottom-06 {
-  margin-bottom: var(--x-size-base-06) !important; }
-
+  margin-bottom: var(--x-size-base-06) !important;
+}
 [dir="ltr"] .x-margin--right-06 {
-  margin-right: var(--x-size-base-06) !important; }
-
+  margin-right: var(--x-size-base-06) !important;
+}
 [dir="rtl"] .x-margin--right-06 {
-  margin-left: var(--x-size-base-06) !important; }
-
+  margin-left: var(--x-size-base-06) !important;
+}
 [dir="ltr"] .x-margin--left-06 {
-  margin-left: var(--x-size-base-06) !important; }
-
+  margin-left: var(--x-size-base-06) !important;
+}
 [dir="rtl"] .x-margin--left-06 {
-  margin-right: var(--x-size-base-06) !important; }
-
+  margin-right: var(--x-size-base-06) !important;
+}
 .x-margin--top-07 {
-  margin-top: var(--x-size-base-07) !important; }
-
+  margin-top: var(--x-size-base-07) !important;
+}
 .x-margin--bottom-07 {
-  margin-bottom: var(--x-size-base-07) !important; }
-
+  margin-bottom: var(--x-size-base-07) !important;
+}
 [dir="ltr"] .x-margin--right-07 {
-  margin-right: var(--x-size-base-07) !important; }
-
+  margin-right: var(--x-size-base-07) !important;
+}
 [dir="rtl"] .x-margin--right-07 {
-  margin-left: var(--x-size-base-07) !important; }
-
+  margin-left: var(--x-size-base-07) !important;
+}
 [dir="ltr"] .x-margin--left-07 {
-  margin-left: var(--x-size-base-07) !important; }
-
+  margin-left: var(--x-size-base-07) !important;
+}
 [dir="rtl"] .x-margin--left-07 {
-  margin-right: var(--x-size-base-07) !important; }
-
+  margin-right: var(--x-size-base-07) !important;
+}
 .x-margin--top-08 {
-  margin-top: var(--x-size-base-08) !important; }
-
+  margin-top: var(--x-size-base-08) !important;
+}
 .x-margin--bottom-08 {
-  margin-bottom: var(--x-size-base-08) !important; }
-
+  margin-bottom: var(--x-size-base-08) !important;
+}
 [dir="ltr"] .x-margin--right-08 {
-  margin-right: var(--x-size-base-08) !important; }
-
+  margin-right: var(--x-size-base-08) !important;
+}
 [dir="rtl"] .x-margin--right-08 {
-  margin-left: var(--x-size-base-08) !important; }
-
+  margin-left: var(--x-size-base-08) !important;
+}
 [dir="ltr"] .x-margin--left-08 {
-  margin-left: var(--x-size-base-08) !important; }
-
+  margin-left: var(--x-size-base-08) !important;
+}
 [dir="rtl"] .x-margin--left-08 {
-  margin-right: var(--x-size-base-08) !important; }
-
+  margin-right: var(--x-size-base-08) !important;
+}
 .x-margin--top-09 {
-  margin-top: var(--x-size-base-09) !important; }
-
+  margin-top: var(--x-size-base-09) !important;
+}
 .x-margin--bottom-09 {
-  margin-bottom: var(--x-size-base-09) !important; }
-
+  margin-bottom: var(--x-size-base-09) !important;
+}
 [dir="ltr"] .x-margin--right-09 {
-  margin-right: var(--x-size-base-09) !important; }
-
+  margin-right: var(--x-size-base-09) !important;
+}
 [dir="rtl"] .x-margin--right-09 {
-  margin-left: var(--x-size-base-09) !important; }
-
+  margin-left: var(--x-size-base-09) !important;
+}
 [dir="ltr"] .x-margin--left-09 {
-  margin-left: var(--x-size-base-09) !important; }
-
+  margin-left: var(--x-size-base-09) !important;
+}
 [dir="rtl"] .x-margin--left-09 {
-  margin-right: var(--x-size-base-09) !important; }
-
+  margin-right: var(--x-size-base-09) !important;
+}
 .x-margin--top-10 {
-  margin-top: var(--x-size-base-10) !important; }
-
+  margin-top: var(--x-size-base-10) !important;
+}
 .x-margin--bottom-10 {
-  margin-bottom: var(--x-size-base-10) !important; }
-
+  margin-bottom: var(--x-size-base-10) !important;
+}
 [dir="ltr"] .x-margin--right-10 {
-  margin-right: var(--x-size-base-10) !important; }
-
+  margin-right: var(--x-size-base-10) !important;
+}
 [dir="rtl"] .x-margin--right-10 {
-  margin-left: var(--x-size-base-10) !important; }
-
+  margin-left: var(--x-size-base-10) !important;
+}
 [dir="ltr"] .x-margin--left-10 {
-  margin-left: var(--x-size-base-10) !important; }
-
+  margin-left: var(--x-size-base-10) !important;
+}
 [dir="rtl"] .x-margin--left-10 {
-  margin-right: var(--x-size-base-10) !important; }
-
+  margin-right: var(--x-size-base-10) !important;
+}
 .x-margin--top-11 {
-  margin-top: var(--x-size-base-11) !important; }
-
+  margin-top: var(--x-size-base-11) !important;
+}
 .x-margin--bottom-11 {
-  margin-bottom: var(--x-size-base-11) !important; }
-
+  margin-bottom: var(--x-size-base-11) !important;
+}
 [dir="ltr"] .x-margin--right-11 {
-  margin-right: var(--x-size-base-11) !important; }
-
+  margin-right: var(--x-size-base-11) !important;
+}
 [dir="rtl"] .x-margin--right-11 {
-  margin-left: var(--x-size-base-11) !important; }
-
+  margin-left: var(--x-size-base-11) !important;
+}
 [dir="ltr"] .x-margin--left-11 {
-  margin-left: var(--x-size-base-11) !important; }
-
+  margin-left: var(--x-size-base-11) !important;
+}
 [dir="rtl"] .x-margin--left-11 {
-  margin-right: var(--x-size-base-11) !important; }
-
+  margin-right: var(--x-size-base-11) !important;
+}
 .x-margin--top-12 {
-  margin-top: var(--x-size-base-12) !important; }
-
+  margin-top: var(--x-size-base-12) !important;
+}
 .x-margin--bottom-12 {
-  margin-bottom: var(--x-size-base-12) !important; }
-
+  margin-bottom: var(--x-size-base-12) !important;
+}
 [dir="ltr"] .x-margin--right-12 {
-  margin-right: var(--x-size-base-12) !important; }
-
+  margin-right: var(--x-size-base-12) !important;
+}
 [dir="rtl"] .x-margin--right-12 {
-  margin-left: var(--x-size-base-12) !important; }
-
+  margin-left: var(--x-size-base-12) !important;
+}
 [dir="ltr"] .x-margin--left-12 {
-  margin-left: var(--x-size-base-12) !important; }
-
+  margin-left: var(--x-size-base-12) !important;
+}
 [dir="rtl"] .x-margin--left-12 {
-  margin-right: var(--x-size-base-12) !important; }
-
+  margin-right: var(--x-size-base-12) !important;
+}
 .x-margin--top-13 {
-  margin-top: var(--x-size-base-13) !important; }
-
+  margin-top: var(--x-size-base-13) !important;
+}
 .x-margin--bottom-13 {
-  margin-bottom: var(--x-size-base-13) !important; }
-
+  margin-bottom: var(--x-size-base-13) !important;
+}
 [dir="ltr"] .x-margin--right-13 {
-  margin-right: var(--x-size-base-13) !important; }
-
+  margin-right: var(--x-size-base-13) !important;
+}
 [dir="rtl"] .x-margin--right-13 {
-  margin-left: var(--x-size-base-13) !important; }
-
+  margin-left: var(--x-size-base-13) !important;
+}
 [dir="ltr"] .x-margin--left-13 {
-  margin-left: var(--x-size-base-13) !important; }
-
+  margin-left: var(--x-size-base-13) !important;
+}
 [dir="rtl"] .x-margin--left-13 {
-  margin-right: var(--x-size-base-13) !important; }
-
+  margin-right: var(--x-size-base-13) !important;
+}
 .x-margin--top-14 {
-  margin-top: var(--x-size-base-14) !important; }
-
+  margin-top: var(--x-size-base-14) !important;
+}
 .x-margin--bottom-14 {
-  margin-bottom: var(--x-size-base-14) !important; }
-
+  margin-bottom: var(--x-size-base-14) !important;
+}
 [dir="ltr"] .x-margin--right-14 {
-  margin-right: var(--x-size-base-14) !important; }
-
+  margin-right: var(--x-size-base-14) !important;
+}
 [dir="rtl"] .x-margin--right-14 {
-  margin-left: var(--x-size-base-14) !important; }
-
+  margin-left: var(--x-size-base-14) !important;
+}
 [dir="ltr"] .x-margin--left-14 {
-  margin-left: var(--x-size-base-14) !important; }
-
+  margin-left: var(--x-size-base-14) !important;
+}
 [dir="rtl"] .x-margin--left-14 {
-  margin-right: var(--x-size-base-14) !important; }
-
+  margin-right: var(--x-size-base-14) !important;
+}
 .x-margin--top-15 {
-  margin-top: var(--x-size-base-15) !important; }
-
+  margin-top: var(--x-size-base-15) !important;
+}
 .x-margin--bottom-15 {
-  margin-bottom: var(--x-size-base-15) !important; }
-
+  margin-bottom: var(--x-size-base-15) !important;
+}
 [dir="ltr"] .x-margin--right-15 {
-  margin-right: var(--x-size-base-15) !important; }
-
+  margin-right: var(--x-size-base-15) !important;
+}
 [dir="rtl"] .x-margin--right-15 {
-  margin-left: var(--x-size-base-15) !important; }
-
+  margin-left: var(--x-size-base-15) !important;
+}
 [dir="ltr"] .x-margin--left-15 {
-  margin-left: var(--x-size-base-15) !important; }
-
+  margin-left: var(--x-size-base-15) !important;
+}
 [dir="rtl"] .x-margin--left-15 {
-  margin-right: var(--x-size-base-15) !important; }
-
+  margin-right: var(--x-size-base-15) !important;
+}
 .x-margin--top-16 {
-  margin-top: var(--x-size-base-16) !important; }
-
+  margin-top: var(--x-size-base-16) !important;
+}
 .x-margin--bottom-16 {
-  margin-bottom: var(--x-size-base-16) !important; }
-
+  margin-bottom: var(--x-size-base-16) !important;
+}
 [dir="ltr"] .x-margin--right-16 {
-  margin-right: var(--x-size-base-16) !important; }
-
+  margin-right: var(--x-size-base-16) !important;
+}
 [dir="rtl"] .x-margin--right-16 {
-  margin-left: var(--x-size-base-16) !important; }
-
+  margin-left: var(--x-size-base-16) !important;
+}
 [dir="ltr"] .x-margin--left-16 {
-  margin-left: var(--x-size-base-16) !important; }
-
+  margin-left: var(--x-size-base-16) !important;
+}
 [dir="rtl"] .x-margin--left-16 {
-  margin-right: var(--x-size-base-16) !important; }
-
+  margin-right: var(--x-size-base-16) !important;
+}
 .x-margin--top-17 {
-  margin-top: var(--x-size-base-17) !important; }
-
+  margin-top: var(--x-size-base-17) !important;
+}
 .x-margin--bottom-17 {
-  margin-bottom: var(--x-size-base-17) !important; }
-
+  margin-bottom: var(--x-size-base-17) !important;
+}
 [dir="ltr"] .x-margin--right-17 {
-  margin-right: var(--x-size-base-17) !important; }
-
+  margin-right: var(--x-size-base-17) !important;
+}
 [dir="rtl"] .x-margin--right-17 {
-  margin-left: var(--x-size-base-17) !important; }
-
+  margin-left: var(--x-size-base-17) !important;
+}
 [dir="ltr"] .x-margin--left-17 {
-  margin-left: var(--x-size-base-17) !important; }
-
+  margin-left: var(--x-size-base-17) !important;
+}
 [dir="rtl"] .x-margin--left-17 {
-  margin-right: var(--x-size-base-17) !important; }
-
+  margin-right: var(--x-size-base-17) !important;
+}
 .x-margin--top-18 {
-  margin-top: var(--x-size-base-18) !important; }
-
+  margin-top: var(--x-size-base-18) !important;
+}
 .x-margin--bottom-18 {
-  margin-bottom: var(--x-size-base-18) !important; }
-
+  margin-bottom: var(--x-size-base-18) !important;
+}
 [dir="ltr"] .x-margin--right-18 {
-  margin-right: var(--x-size-base-18) !important; }
-
+  margin-right: var(--x-size-base-18) !important;
+}
 [dir="rtl"] .x-margin--right-18 {
-  margin-left: var(--x-size-base-18) !important; }
-
+  margin-left: var(--x-size-base-18) !important;
+}
 [dir="ltr"] .x-margin--left-18 {
-  margin-left: var(--x-size-base-18) !important; }
-
+  margin-left: var(--x-size-base-18) !important;
+}
 [dir="rtl"] .x-margin--left-18 {
-  margin-right: var(--x-size-base-18) !important; }
-
+  margin-right: var(--x-size-base-18) !important;
+}
 .x-margin--top-19 {
-  margin-top: var(--x-size-base-19) !important; }
-
+  margin-top: var(--x-size-base-19) !important;
+}
 .x-margin--bottom-19 {
-  margin-bottom: var(--x-size-base-19) !important; }
-
+  margin-bottom: var(--x-size-base-19) !important;
+}
 [dir="ltr"] .x-margin--right-19 {
-  margin-right: var(--x-size-base-19) !important; }
-
+  margin-right: var(--x-size-base-19) !important;
+}
 [dir="rtl"] .x-margin--right-19 {
-  margin-left: var(--x-size-base-19) !important; }
-
+  margin-left: var(--x-size-base-19) !important;
+}
 [dir="ltr"] .x-margin--left-19 {
-  margin-left: var(--x-size-base-19) !important; }
-
+  margin-left: var(--x-size-base-19) !important;
+}
 [dir="rtl"] .x-margin--left-19 {
-  margin-right: var(--x-size-base-19) !important; }
-
+  margin-right: var(--x-size-base-19) !important;
+}
 .x-margin--top-20 {
-  margin-top: var(--x-size-base-20) !important; }
-
+  margin-top: var(--x-size-base-20) !important;
+}
 .x-margin--bottom-20 {
-  margin-bottom: var(--x-size-base-20) !important; }
-
+  margin-bottom: var(--x-size-base-20) !important;
+}
 [dir="ltr"] .x-margin--right-20 {
-  margin-right: var(--x-size-base-20) !important; }
-
+  margin-right: var(--x-size-base-20) !important;
+}
 [dir="rtl"] .x-margin--right-20 {
-  margin-left: var(--x-size-base-20) !important; }
-
+  margin-left: var(--x-size-base-20) !important;
+}
 [dir="ltr"] .x-margin--left-20 {
-  margin-left: var(--x-size-base-20) !important; }
-
+  margin-left: var(--x-size-base-20) !important;
+}
 [dir="rtl"] .x-margin--left-20 {
-  margin-right: var(--x-size-base-20) !important; }
+  margin-right: var(--x-size-base-20) !important;
+}