/* CyberScene B1.7: one approved silhouette, colored by its surrounding surface. */
.cs-logo-mark {
  display: inline-block;
  width: var(--cs-logo-size, 1em);
  height: var(--cs-logo-size, 1em);
  flex: 0 0 auto;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask: url("/assets/brand/cyberscene-mark.svg?v=20261018-b17") center / contain no-repeat;
  mask: url("/assets/brand/cyberscene-mark.svg?v=20261018-b17") center / contain no-repeat;
}
.cs-logo-mark--compact { --cs-logo-size: 28px; }
.cs-logo-mark--studio { --cs-logo-size: 40px; }
.wb-brand .cs-logo-mark--studio { --cs-logo-size: 34px; }
.csie-logo .cs-logo-mark { --cs-logo-size: 35px; }
.vc-premium .vc-system > .cs-logo-mark { --cs-logo-size: 21px; }
.sw-window-top .path > .cs-logo-mark { --cs-logo-size: 16px; }
.network-center > .cs-logo-mark {
  --cs-logo-size: 42px;
  justify-self: center;
  color: inherit;
}
@media (max-width: 600px) {
  .network-center > .cs-logo-mark { --cs-logo-size: 38px; }
  .vc-premium .vc-system > .cs-logo-mark { --cs-logo-size: 19px; }
  .sw-window-top .path > .cs-logo-mark { --cs-logo-size: 14px; }
}
@media (forced-colors: active) {
  .cs-logo-mark {
    forced-color-adjust: none;
    background-color: CanvasText;
  }
}