* {
  box-sizing: border-box;
}

content-spacer {
  display: block;
  width: 100%;
  height: auto;
}
content-spacer .content-spacer__content {
  width: 100%;
}
content-spacer[full-height=true] {
  height: 100%;
}
content-spacer[text-align=left] {
  text-align: left;
}
content-spacer[text-align=center] {
  text-align: center;
}
content-spacer[text-align=right] {
  text-align: right;
}
content-spacer[horizontal=left] {
  margin-left: 0;
  margin-right: auto;
}
content-spacer[horizontal=center] {
  margin-left: auto;
  margin-right: auto;
}
content-spacer[horizontal=right] {
  margin-left: auto;
  margin-right: 0;
}
content-spacer[vertical] {
  display: flex;
}
content-spacer[vertical=top] {
  align-items: flex-start;
}
content-spacer[vertical=center] {
  align-items: center;
}
content-spacer[vertical=bottom] {
  align-items: flex-end;
}