[class*="pad-4xs"] { padding: var(--space-4xs); }
[class*="pad-3xs"] { padding: var(--space-3xs); }
[class*="pad-2xs"] { padding: var(--space-2xs); }
[class*="pad-xs"]  { padding: var(--space-xs); }
[class*="pad-s"]   { padding: var(--space-s); }
[class*="pad-m"]   { padding: var(--space-m); }
[class*="pad-l"]   { padding: var(--space-l); }
[class*="pad-xl"]  { padding: var(--space-xl); }
[class*="pad-2xl"] { padding: var(--space-2xl); }


[class*="pad-t-4xs"], [class*="pad-r-4xs"], [class*="pad-b-4xs"], [class*="pad-l-4xs"] { --space-width: var(--space-4xs); }
[class*="pad-t-3xs"], [class*="pad-r-3xs"], [class*="pad-b-3xs"], [class*="pad-l-3xs"] { --space-width: var(--space-3xs); }
[class*="pad-t-2xs"], [class*="pad-r-2xs"], [class*="pad-b-2xs"], [class*="pad-l-2xs"] { --space-width: var(--space-2xs); }
[class*="pad-t-xs"],  [class*="pad-r-xs"],  [class*="pad-b-xs"],  [class*="pad-l-xs"]  { --space-width: var(--space-xs); }
[class*="pad-t-s"],   [class*="pad-r-s"],   [class*="pad-b-s"],   [class*="pad-l-s"]   { --space-width: var(--space-s); }
[class*="pad-t-m"],   [class*="pad-r-m"],   [class*="pad-b-m"],   [class*="pad-l-m"]   { --space-width: var(--space-m); }
[class*="pad-t-l"],   [class*="pad-r-l"],   [class*="pad-b-l"],   [class*="pad-l-l"]   { --space-width: var(--space-l); }
[class*="pad-t-xl"],  [class*="pad-r-xl"],  [class*="pad-b-xl"],  [class*="pad-l-xl"]  { --space-width: var(--space-xl); }
[class*="pad-t-2xl"], [class*="pad-r-2xl"], [class*="pad-b-2xl"], [class*="pad-l-2xl"] { --space-width: var(--space-2xl); }


[class*="pad-t-"] { padding-top: var(--space-width, var(--space-m)); }
[class*="pad-r-"] { padding-right: var(--space-width, var(--space-m)); }
[class*="pad-b-"] { padding-bottom: var(--space-width, var(--space-m)); }
[class*="pad-l-"] { padding-left: var(--space-width, var(--space-m)); }


[class*="pad-inline-4xs"] { padding-left: var(--space-4xs); padding-right: var(--space-4xs); }
[class*="pad-inline-3xs"] { padding-left: var(--space-3xs); padding-right: var(--space-3xs); }
[class*="pad-inline-2xs"] { padding-left: var(--space-2xs); padding-right: var(--space-2xs); }
[class*="pad-inline-xs"]  { padding-left: var(--space-xs); padding-right: var(--space-xs); }
[class*="pad-inline-s"]   { padding-left: var(--space-s); padding-right: var(--space-s); }
[class*="pad-inline-m"]   { padding-left: var(--space-m); padding-right: var(--space-m); }
[class*="pad-inline-l"]   { padding-left: var(--space-l); padding-right: var(--space-l); }
[class*="pad-inline-xl"]  { padding-left: var(--space-xl); padding-right: var(--space-xl); }
[class*="pad-inline-2xl"] { padding-left: var(--space-2xl); padding-right: var(--space-2xl); }

[class*="pad-block-4xs"] { padding-top: var(--space-4xs); padding-bottom: var(--space-4xs); }
[class*="pad-block-3xs"] { padding-top: var(--space-3xs); padding-bottom: var(--space-3xs); }
[class*="pad-block-2xs"] { padding-top: var(--space-2xs); padding-bottom: var(--space-2xs); }
[class*="pad-block-xs"]  { padding-top: var(--space-xs); padding-bottom: var(--space-xs); }
[class*="pad-block-s"]   { padding-top: var(--space-s); padding-bottom: var(--space-s); }
[class*="pad-block-m"]   { padding-top: var(--space-m); padding-bottom: var(--space-m); }
[class*="pad-block-l"]   { padding-top: var(--space-l); padding-bottom: var(--space-l); }
[class*="pad-block-xl"]  { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
[class*="pad-block-2xl"] { padding-top: var(--space-2xl); padding-bottom: var(--space-2xl); }


[class*="mar-4xs"] { margin: var(--space-4xs); }
[class*="mar-3xs"] { margin: var(--space-3xs); }
[class*="mar-2xs"] { margin: var(--space-2xs); }
[class*="mar-xs"]  { margin: var(--space-xs); }
[class*="mar-s"]   { margin: var(--space-s); }
[class*="mar-m"]   { margin: var(--space-m); }
[class*="mar-l"]   { margin: var(--space-l); }
[class*="mar-xl"]  { margin: var(--space-xl); }
[class*="mar-2xl"] { margin: var(--space-2xl); }


[class*="mar-t-4xs"], [class*="mar-r-4xs"], [class*="mar-b-4xs"], [class*="mar-l-4xs"] { --space-width: var(--space-4xs); }
[class*="mar-t-3xs"], [class*="mar-r-3xs"], [class*="mar-b-3xs"], [class*="mar-l-3xs"] { --space-width: var(--space-3xs); }
[class*="mar-t-2xs"], [class*="mar-r-2xs"], [class*="mar-b-2xs"], [class*="mar-l-2xs"] { --space-width: var(--space-2xs); }
[class*="mar-t-xs"],  [class*="mar-r-xs"],  [class*="mar-b-xs"],  [class*="mar-l-xs"]  { --space-width: var(--space-xs); }
[class*="mar-t-s"],   [class*="mar-r-s"],   [class*="mar-b-s"],   [class*="mar-l-s"]   { --space-width: var(--space-s); }
[class*="mar-t-m"],   [class*="mar-r-m"],   [class*="mar-b-m"],   [class*="mar-l-m"]   { --space-width: var(--space-m); }
[class*="mar-t-l"],   [class*="mar-r-l"],   [class*="mar-b-l"],   [class*="mar-l-l"]   { --space-width: var(--space-l); }
[class*="mar-t-xl"],  [class*="mar-r-xl"],  [class*="mar-b-xl"],  [class*="mar-l-xl"]  { --space-width: var(--space-xl); }
[class*="mar-t-2xl"], [class*="mar-r-2xl"], [class*="mar-b-2xl"], [class*="mar-l-2xl"] { --space-width: var(--space-2xl); }


[class*="mar-t-"] { margin-top: var(--space-width, var(--space-m)); }
[class*="mar-r-"] { margin-right: var(--space-width, var(--space-m)); }
[class*="mar-b-"] { margin-bottom: var(--space-width, var(--space-m)); }
[class*="mar-l-"] { margin-left: var(--space-width, var(--space-m)); }


[class*="mar-inline-4xs"] { margin-left: var(--space-4xs); margin-right: var(--space-4xs); }
[class*="mar-inline-3xs"] { margin-left: var(--space-3xs); margin-right: var(--space-3xs); }
[class*="mar-inline-2xs"] { margin-left: var(--space-2xs); margin-right: var(--space-2xs); }
[class*="mar-inline-xs"]  { margin-left: var(--space-xs); margin-right: var(--space-xs); }
[class*="mar-inline-s"]   { margin-left: var(--space-s); margin-right: var(--space-s); }
[class*="mar-inline-m"]   { margin-left: var(--space-m); margin-right: var(--space-m); }
[class*="mar-inline-l"]   { margin-left: var(--space-l); margin-right: var(--space-l); }
[class*="mar-inline-xl"]  { margin-left: var(--space-xl); margin-right: var(--space-xl); }
[class*="mar-inline-2xl"] { margin-left: var(--space-2xl); margin-right: var(--space-2xl); }

[class*="mar-block-4xs"] { margin-top: var(--space-4xs); margin-bottom: var(--space-4xs); }
[class*="mar-block-3xs"] { margin-top: var(--space-3xs); margin-bottom: var(--space-3xs); }
[class*="mar-block-2xs"] { margin-top: var(--space-2xs); margin-bottom: var(--space-2xs); }
[class*="mar-block-xs"]  { margin-top: var(--space-xs); margin-bottom: var(--space-xs); }
[class*="mar-block-s"]   { margin-top: var(--space-s); margin-bottom: var(--space-s); }
[class*="mar-block-m"]   { margin-top: var(--space-m); margin-bottom: var(--space-m); }
[class*="mar-block-l"]   { margin-top: var(--space-l); margin-bottom: var(--space-l); }
[class*="mar-block-xl"]  { margin-top: var(--space-xl); margin-bottom: var(--space-xl); }
[class*="mar-block-2xl"] { margin-top: var(--space-2xl); margin-bottom: var(--space-2xl); }


[class*="sec-xs"] { margin: var(--section-space-xs); }
[class*="sec-s"]  { margin: var(--section-space-s); }
[class*="sec-m"]  { margin: var(--section-space-m); }
[class*="sec-l"]  { margin: var(--section-space-l); }
[class*="sec-xl"] { margin: var(--section-space-xl); }
[class*="sec-2xl"] { margin: var(--section-space-2xl); }


[class*="sec-t-xs"], [class*="sec-r-xs"], [class*="sec-b-xs"], [class*="sec-l-xs"] { --section-width: var(--section-space-xs); }
[class*="sec-t-s"],  [class*="sec-r-s"],  [class*="sec-b-s"],  [class*="sec-l-s"]  { --section-width: var(--section-space-s); }
[class*="sec-t-m"],  [class*="sec-r-m"],  [class*="sec-b-m"],  [class*="sec-l-m"]  { --section-width: var(--section-space-m); }
[class*="sec-t-l"],  [class*="sec-r-l"],  [class*="sec-b-l"],  [class*="sec-l-l"]  { --section-width: var(--section-space-l); }
[class*="sec-t-xl"], [class*="sec-r-xl"], [class*="sec-b-xl"], [class*="sec-l-xl"] { --section-width: var(--section-space-xl); }
[class*="sec-t-2xl"], [class*="sec-r-2xl"], [class*="sec-b-2xl"], [class*="sec-l-2xl"] { --section-width: var(--section-space-2xl); }


[class*="sec-t-"] { margin-top: var(--section-width, var(--section-space-m)); }
[class*="sec-r-"] { margin-right: var(--section-width, var(--section-space-m)); }
[class*="sec-b-"] { margin-bottom: var(--section-width, var(--section-space-m)); }
[class*="sec-l-"] { margin-left: var(--section-width, var(--section-space-m)); }


[class*="sec-inline-xs"] { margin-left: var(--section-space-xs); margin-right: var(--section-space-xs); }
[class*="sec-inline-s"]  { margin-left: var(--section-space-s); margin-right: var(--section-space-s); }
[class*="sec-inline-m"]  { margin-left: var(--section-space-m); margin-right: var(--section-space-m); }
[class*="sec-inline-l"]  { margin-left: var(--section-space-l); margin-right: var(--section-space-l); }
[class*="sec-inline-xl"] { margin-left: var(--section-space-xl); margin-right: var(--section-space-xl); }
[class*="sec-inline-2xl"] { margin-left: var(--section-space-2xl); margin-right: var(--section-space-2xl); }

[class*="sec-block-xs"] { margin-top: var(--section-space-xs); margin-bottom: var(--section-space-xs); }
[class*="sec-block-s"]  { margin-top: var(--section-space-s); margin-bottom: var(--section-space-s); }
[class*="sec-block-m"]  { margin-top: var(--section-space-m); margin-bottom: var(--section-space-m); }
[class*="sec-block-l"]  { margin-top: var(--section-space-l); margin-bottom: var(--section-space-l); }
[class*="sec-block-xl"] { margin-top: var(--section-space-xl); margin-bottom: var(--section-space-xl); }
[class*="sec-block-2xl"] { margin-top: var(--section-space-2xl); margin-bottom: var(--section-space-2xl); }


[class*="mar-inline-auto"] { margin-left: auto; margin-right: auto; }
[class*="mar-block-auto"] { margin-top: auto; margin-bottom: auto; }
[class*="mar-auto"] { margin: auto; }


[class*="pad-0"] { padding: 0; }
[class*="mar-0"] { margin: 0; }
[class*="pad-t-0"], [class*="pad-r-0"], [class*="pad-b-0"], [class*="pad-l-0"] { padding: 0; }
[class*="mar-t-0"], [class*="mar-r-0"], [class*="mar-b-0"], [class*="mar-l-0"] { margin: 0; }
[class*="pad-inline-0"] { padding-left: 0; padding-right: 0; }
[class*="pad-block-0"] { padding-top: 0; padding-bottom: 0; }
[class*="mar-inline-0"] { margin-left: 0; margin-right: 0; }
[class*="mar-block-0"] { margin-top: 0; margin-bottom: 0; }