.seeny-logo {
  --seeny-logo-light: #003a73;
  --seeny-logo-dark: #ffffff;
  display: block;
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  background-color: var(--seeny-logo-light);
  -webkit-mask-image: var(--seeny-logo-src);
  mask-image: var(--seeny-logo-src);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: background-color 0.25s ease;
}

html[data-theme="dark"] .seeny-logo {
  background-color: var(--seeny-logo-dark);
}