:local(.spaced:not(.horizontal))
  flex-grow: 1

  > :not(:first-child)
    margin-top: 10px;

  &:local(.close) > :not(:first-child)
    margin-top: 1px;

:local(.spaced.horizontal)
  display: flex

  > :not(:first-child)
    margin-left: 10px;

  &:local(.close) > :not(:first-child)
    margin-left: 1px;

  &:local(.right)
    justify-content: flex-end

:local(.spaced.half:not(.horizontal))
  flex-grow: 1

  > :not(:first-child)
    margin-top: 5px;

  &:local(.close) > :not(:first-child)
    margin-top: 1px;

:local(.spaced.half.horizontal)
  display: flex

  > :not(:first-child)
    margin-left: 5px;

  &:local(.close) > :not(:first-child)
    margin-left: 1px;

  &:local(.right)
    justify-content: flex-end