/* Shared InboxTeam identity: coordinated conversations across email and messaging. */
.brand {
  align-items: center;
  gap: 12px;
}

.brand > span:last-child {
  line-height: 1;
}

.brand-mark {
  align-items: center;
  display: inline-flex;
  flex: 0 0 40px;
  height: 40px;
  justify-content: center;
  line-height: 0;
  overflow: hidden;
  width: 40px;
}

.brand-mark::before,
.product-logo::before {
  background-color: currentColor;
  content: "";
  display: block;
  height: 24px;
  -webkit-mask: url("/static/brand-envelope.svg?v=20260816-3") center / contain no-repeat;
  mask: url("/static/brand-envelope.svg?v=20260816-3") center / contain no-repeat;
  width: 24px;
}

.brand-mark {
  font-size: 0;
}

.product-logo {
  align-items: center;
  display: inline-flex;
  font-size: 0;
  justify-content: center;
}

.product-logo::before {
  height: 15px;
  width: 15px;
}

@media (max-width: 620px) {
  .landing-header .landing-brand .brand-mark {
    flex-basis: 38px;
    height: 38px;
    width: 38px;
  }

  .landing-header .landing-brand .brand-mark::before {
    height: 22px;
    width: 22px;
  }
}

@media (max-width: 380px) {
  .landing-header .landing-brand .brand-mark {
    flex-basis: 40px;
    height: 40px;
    width: 40px;
  }
}