.brand-mark {
  display: block;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border: 0;
  background: var(--accent, var(--cyan));
  box-shadow: none;
  color: transparent;
  font-size: 0;
  letter-spacing: 0;
  transform: none;
  -webkit-mask: url('/assets/brand/pullmetric-telemetry-pm.svg') center / contain no-repeat;
  mask: url('/assets/brand/pullmetric-telemetry-pm.svg') center / contain no-repeat;
  filter: drop-shadow(0 0 10px color-mix(in srgb, var(--accent, var(--cyan)) 18%, transparent));
}

.brand-panel .brand-mark {
  width: 44px;
  height: 44px;
}

.sidebar .brand-mark {
  width: 38px;
  height: 38px;
}

.mobile-brand {
  align-items: center;
  gap: 12px;
}

.pulse-orbit .brand-mark {
  width: 62px;
  height: 62px;
  background: var(--accent, var(--cyan));
  filter: drop-shadow(0 0 14px color-mix(in srgb, var(--accent, var(--cyan)) 38%, transparent));
}

.installer-icon .brand-mark {
  width: 38px;
  height: 38px;
}

@media (max-width: 950px) {
  .mobile-brand {
    display: flex;
  }
}