[padding] {
  padding: var(--padding);
}

[padding="xxs"] {
  --padding: var(--xxs);
}

[padding="xs"] {
  --padding: var(--xs);
}

[padding="s"] {
  --padding: var(--s);
}

[padding="m"] {
  --padding: var(--m);
}

[padding="l"] {
  --padding: var(--l);
}

[padding="xl"] {
  --padding: var(--xl);
}

[padding="xxl"] {
  --padding: var(--xxl);
}

[padding="3xl"] {
  --padding: var(--3xl);
}

[padding="4xl"] {
  --padding: var(--4xl);
  line-height: calc(var(--font-size) * 0.9);
}

[padding="5xl"] {
  --padding: var(--5xl);
}

[px] {
  padding-left: var(--padding);
  padding-right: var(--padding);
}

[px="xxs"] {
  --padding: var(--xxs);
}

[px="xs"] {
  --padding: var(--xs);
}

[px="s"] {
  --padding: var(--s);
}

[px="m"] {
  --padding: var(--m);
}

[px="l"] {
  --padding: var(--l);
}

[px="xl"] {
  --padding: var(--xl);
}

[px="xxl"] {
  --padding: var(--xxl);
}

[px="3xl"] {
  --padding: var(--3xl);
}

[px="4xl"] {
  --padding: var(--4xl);
}

[px="5xl"] {
  --padding: var(--5xl);
}

[py] {
  padding-top: var(--padding);
  padding-bottom: var(--padding);
}

[py="xxs"] {
  --padding: var(--xxs);
}

[py="xs"] {
  --padding: var(--xs);
}

[py="s"] {
  --padding: var(--s);
}

[py="m"] {
  --padding: var(--m);
}

[py="l"] {
  --padding: var(--l);
}

[py="xl"] {
  --padding: var(--xl);
}

[py="xxl"] {
  --padding: var(--xxl);
}

[py="3xl"] {
  --padding: var(--3xl);
}

[py="4xl"] {
  --padding: var(--4xl);
}

[py="5xl"] {
  --padding: var(--5xl);
}