.logo[data-v-31a57c1a] {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
.logo-mark[data-v-31a57c1a] {
  display: inline-flex;
  border-radius: 8px;
}
.logo-full-mark[data-v-31a57c1a] {
  display: inline-flex;
  flex: 0 0 auto;
}
.logo-mark.dark[data-v-31a57c1a] {
  box-shadow: none;
}
.logo-mark img[data-v-31a57c1a] {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: transparent;
  -o-object-fit: contain;
  object-fit: contain;
  display: block;
}
.logo-full-mark img[data-v-31a57c1a] {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center 47%;
  object-position: center 47%;
}
.logo-word[data-v-31a57c1a] {
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 0.2px;
  background:
    linear-gradient(
      120deg,
      #5A78FF 0%,
      #8A4CF7 40%,
      #FF6EC7 80%,
      #FFC371 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
}
.sr-only[data-v-31a57c1a] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.logo:hover .logo-word[data-v-31a57c1a] {
}