.docs-logo-mark {
  font-size: 0 !important;
  overflow: hidden !important;
  position: relative !important;
}

.docs-logo-mark::before,
.docs-logo-mark::after,
.hero-mark::before,
.hero-mark::after {
  content: none !important;
  display: none !important;
}

.docs-logo-mark img,
.hero-favicon-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  border-radius: inherit;
}

.docs-avatar {
  overflow: hidden !important;
  padding: 0 !important;
}

.docs-avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Hero/welcome icon uses favicon.ico */
.hero-mark {
  font-size: 0 !important;
  overflow: hidden !important;
  background-image: url("/favicon.ico?v=icon1") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 70% 70% !important;
}

/* Login/access icon can also use the favicon when the class exists */
.login-emblem,
.access-icon {
  font-size: 0 !important;
  overflow: hidden !important;
  background-image: url("/favicon.ico?v=icon1") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 70% 70% !important;
}