/* Generated PNG brand wordmark shared by public, merchant, store and admin pages. */
.mcx-wordmark,
.wordmark {
  display: inline-block !important;
  width: 168px !important;
  height: 46px !important;
  flex: 0 0 168px;
  padding: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
  background: url("/assets/mcxpay-logo.png?v=16.41") center / contain no-repeat !important;
  filter: drop-shadow(0 3px 0 rgba(1, 27, 64, .55));
  transform-origin: center;
  transition: transform .18s ease, filter .18s ease !important;
}

.mcx-wordmark::before,
.mcx-wordmark::after,
.wordmark::before,
.wordmark::after {
  content: none !important;
  display: none !important;
}

.logo:hover .mcx-wordmark,
.landing-brand:hover .mcx-wordmark,
.game-logo:hover .mcx-wordmark,
.brand:hover > .mcx-wordmark,
.wordmark:hover {
  transform: translateY(-2px) scale(1.025) !important;
  filter: drop-shadow(0 5px 0 rgba(1, 27, 64, .62)) brightness(1.06) !important;
}

.brand > .mcx-wordmark + span {
  margin-left: 9px;
}

@media (max-width: 520px) {
  .mcx-wordmark,
  .wordmark {
    width: 142px !important;
    height: 39px !important;
    flex-basis: 142px;
  }
}