html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  scroll-behavior: smooth;
}
figure {
  margin: 0;
}
figure figcaption {
  margin-top: var(--space-s);
  font-size: var(--text-s);
  color: var(--shade);
}
main#brx-content {
  overflow-x: hidden;
}
[class*="btn--"], button.wsf-button {
  transition: all 0.1s ease-in-out !important;
  font-family: var(--font-display) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.32) !important;
}
[class*="btn--"]:hover, button.wsf-button:hover {
  transform: translateY(-4px) !important;
}
.wsf-invalid-feedback {
  font-family: var(--font-display);
  color: var(--action-light) !important;
}
.wsf-legal {
  font-size: var(--text-xs);
  color: var(--base-light-trans-60);
}
.color-swash {
  aspect-ratio: 1;
}