.dbl-lockup {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: 100%;
  padding: 6px 14px 6px 6px;
  background: #0a0d10;
  border: 1.5px solid #d2a84a;
  border-radius: 18px;
  box-shadow: 0 0 0 1px #000, 0 8px 18px rgba(0, 0, 0, .28);
  color: #fff;
  text-decoration: none;
  vertical-align: middle;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.dbl-lockup img,
.dbl-lockup-mark {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: block;
  background: #000;
  flex: 0 0 auto;
  object-fit: cover;
}
.dbl-lockup-copy {
  line-height: 1.05;
  text-align: left;
  min-width: 0;
}
.dbl-lockup strong {
  display: block;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: -.03em;
  text-shadow: none;
}
.dbl-lockup strong span { color: #e11922; }
.dbl-lockup small {
  display: block;
  margin-top: 3px;
  color: #efbd48;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
}
.dbl-lockup--stack {
  flex-direction: column;
  padding: 16px 22px 18px;
  border-radius: 22px;
  text-align: center;
}
.dbl-lockup--stack img { width: 96px; height: 96px; }
.dbl-lockup--stack .dbl-lockup-copy { text-align: center; }
.dbl-lockup--stack strong { font-size: 32px; }
.dbl-lockup--stack small { font-size: 13px; }
.dbl-lockup--compact {
  gap: 8px;
  padding: 4px 10px 4px 4px;
  border-radius: 999px;
}
.dbl-lockup--compact img { width: 34px; height: 34px; }
.dbl-lockup--compact strong { font-size: 14px; }
.dbl-lockup--compact small { font-size: 10px; margin-top: 2px; }
.dbl-lockup-banner {
  display: block;
  width: min(100%, 520px);
  height: auto;
  background: #0a0d10;
  border-radius: 18px;
}
.dbl-mark-only {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: block;
  background: #000;
  border: 2px solid #d2a84a;
  object-fit: cover;
  box-shadow: 0 0 0 1px #000;
}