.q-brands {
  font:
    400 16px/24px QuoterGeist,
    Arial,
    sans-serif;
  color: var(--q-gray-1000);
}
.q-brands .q-docs__page-heading h1 { letter-spacing: -.06em; }
@media (min-width: 1200px) {
  .q-brands .q-docs__page-heading { top: 1px; margin-bottom: 1px; }
  .q-brands__text { position: relative; left: -1px; }
}
.q-brands__text {
  padding: 48px;
  border-bottom: 1px solid var(--q-gray-400);
}
.q-brands__text h2 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  letter-spacing: -0.96px;
  margin: 0 0 16px;
}
.q-brands__text h2 a {
  color: inherit;
  text-decoration: none;
  scroll-margin-top: 96px;
}
.q-brands__text h2 a:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.q-brands__text p {
  margin: 0;
}
.q-brands__text li {
  margin-bottom: 8px;
}
.q-brands__logos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 24px 0; }
.q-brands__logo { margin: 0; min-width: 0; }
.q-brands__logo-canvas { display: flex; align-items: center; justify-content: center; padding: 24px; min-height: 144px; background: #fff; border: 1px solid var(--q-gray-400); border-radius: 6px; }
.q-brands__logo-canvas--dark { background: #15191e; }
.q-brands__logo img { display: block; width: 100%; height: 96px; object-fit: contain; }
.q-brands__logo figcaption { margin-top: 8px; font-size: 14px; }
.q-brands__text .q-brands__usage { margin-bottom: 16px; }
.q-brands__download { color: inherit; text-underline-offset: 4px; }
[data-theme='dark'] .q-brands {
  color: #ededed;
}
[data-theme='dark'] .q-brands__text {
  border-color: #2e2e2e;
}
@media (max-width: 600px) {
  .q-brands__logos { grid-template-columns: 1fr; }
  .q-brands__text {
    padding: 24px;
  }
}
@media (min-width: 601px) and (max-width: 960px) {
  .q-brands__text { padding: 40px; }
}