/* For:Human brand lockup derived from the supplied transparent artwork. */
.forhuman-logo {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 1px;
  aspect-ratio: 21397 / 2688;
  background-color: currentColor;
  -webkit-mask-image: url('/assets/forhuman-logo.png');
  mask-image: url('/assets/forhuman-logo.png');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: left center;
  mask-position: left center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.menu-logo-wrapper {
  width: clamp(145px, 12vw, 210px) !important;
  height: 32px !important;
}

.menu-logo-wrapper .menu-logo {
  display: block !important;
  width: 100% !important;
  height: 32px !important;
}

.menu-logo-v3.forhuman-logo {
  width: 100% !important;
  height: 32px !important;
  object-fit: contain;
}

.forhuman-logo[role='img'] {
  cursor: inherit;
}