.brackets-container>span {
  white-space: nowrap;
}

.brackets-space {
  border-left: 1px solid var(--gray-300);
  /* min-height: 3rem; */
  flex-grow: 1;
}

.brackets-space.on-black {
  border-left: 1px solid var(--gray-800);
}

.brackets-space.on-blue {
  border-left: 1px solid #2a2c2e;
}

.brackets-space.on-white {
  border-left: 1px solid var(--gray-300);
}

.brackets-space.on-gray {
  border-left: 1px solid var(--gray-600);
}

.brackets-container.footer-brackets {
  /* max-width: 10%;
  min-width: 10%; */
}

.brackets-container.footer-brackets .brackets-space {
  /* min-height: 1rem; */
  flex-grow: 1;
}


@media (min-width:640px) {
  .brackets-container {
    width: auto;
    min-width: 8.333vw;
    max-width: 8.333vw;
    overflow: visible;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}