.brand-mark {
  width: 42px;
  height: 36px;
  border: 0;
  background: none !important;
  box-shadow: none !important;
  clip-path: none;
  transform: none;
}

.brand-mark::before,
.brand-mark::after {
  display: none !important;
  content: none !important;
}

.brand-mark svg {
  display: block;
  width: 100%;
  height: 100%;
  background: none !important;
  overflow: visible;
}

.brand-mark .gem-profile,
.brand-mark .gem-center {
  fill: transparent;
  stroke-linejoin: miter;
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
}

.brand-mark .gem-profile {
  filter:
    drop-shadow(0 0 3px rgba(69, 214, 210, 0.9))
    drop-shadow(0 0 9px rgba(69, 214, 210, 0.58))
    drop-shadow(0 0 18px rgba(69, 214, 210, 0.32));
  stroke: var(--cyan);
}

.brand-mark .gem-center {
  stroke: var(--mint);
}