.shuai-wordmark {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 96px;
  height: 38px;
  flex-shrink: 0;
  vertical-align: middle;
}

.shuai-wordmark img {
  position: absolute;
  width: 124px;
  height: auto;
  max-width: none;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  mix-blend-mode: multiply;
}

.shuai-wordmark .shuai-wordmark-dark { display: none; mix-blend-mode: screen; }

:root[data-theme="dark"] .shuai-wordmark-light,
:root[data-theme="red-dark"] .shuai-wordmark-light,
.dark .shuai-wordmark-light,
.shuai-wordmark--dark .shuai-wordmark-light { display: none; }

:root[data-theme="dark"] .shuai-wordmark .shuai-wordmark-dark,
:root[data-theme="red-dark"] .shuai-wordmark .shuai-wordmark-dark,
.dark .shuai-wordmark .shuai-wordmark-dark,
.shuai-wordmark--dark .shuai-wordmark-dark { display: block; }