/* Containers for horizontal element positioning */

.container
{
  display: grid;
  width: 100%;
}
.container > div
{
  align-self: center;
}

.container.auto_center
{
  grid-template-columns: 1fr auto 1fr;
  grid-template-areas: 'start center end';
}
.container > div.start
{
  grid-area: start;
  justify-self: start;
  padding-inline-end: 1rem;
}
.container > div.center
{
  grid-area: center;
  justify-self: center;
}
.container > div.end
{
  grid-area: end;
  justify-self: end;
  padding-inline-start: 1rem;
}