/* We suppose that the user can set their font size to any arbitrary value within sensible ranges, i.e. small enough for a few words to fit on a single line.
To do so, we can use pixels for horizontal dimensions and rem for vertical ones.
When the vertical dimensions need to match the horizontal dimensions, we can use px for vertical dimensions too.
*/
._wrappers {
  width: 60%;
  margin: auto;
}
.std-badge.-small > .txt {
  display: unset;
}
.std-button.-withicon > .text {
  display: block;
}
.std-interactive {
  padding: 8px 20px;
}
.std-interactive.-search {
  gap: 8px;
}
.std-interactive.-search > .icon {
  height: 0.8rem;
}
.std-review > .relatedlinks {
  gap: 16px;
}
.std-review > .relatedlinks > .list > .std-button, .std-review > .relatedlinks > .std-button {
  padding: 6px 16px;
}
.std-review > .relatedlinks > .list > .link {
  padding: 0 16px;
}
.std-review > .relatedlinks > .list:hover > .link, .std-review > .relatedlinks > .list:focus-within > .link {
  padding: 6px 16px;
}
.std-text-input {
  max-width: 512px;
}
.std-text-input.-short {
  max-width: 256px;
}
.vertical-section {
  flex-direction: row;
  justify-content: center;
}