/* One visible card contains both the turning faces and their control row. */
html:root body #main .developer-card.developer-logo-flip-card {
  gap: 0;
  padding-bottom: 20px;
  border: 1px solid #c4c3be66;
  border-radius: 5px;
  background: var(--developer-logo-card-background);
  box-shadow: 0 10px 24px #2b2a2909;
}
html:root body #main .developer-card.developer-logo-flip-card[data-dark="false"] {
  background: #f5f8fa;
}
html:root body #main .developer-card.developer-logo-flip-card[data-flipped="true"] {
  background: linear-gradient(140deg, #333430, #151614);
  border-color: #bd703e;
}
html:root body #main .developer-logo-flip-card .developer-logo-flip-face {
  border: 0;
  background: transparent;
  box-shadow: none;
}
html:root body #main .developer-logo-flip-face::before { display: none; }
html:root body #main .developer-logo-flip-toggle { max-width: calc(100% - 32px); }
html:root body #main .developer-logo-flip-card[data-flipped="true"] .developer-logo-flip-back :is(.developer-logo-flip-eyebrow, .developer-logo-flip-hint) {
  color: #ffb784;
}