.tradeops-wordmark {
  --tradeops-text: #07111f;
  --tradeops-ops: #0ea5e9;
  --tradeops-mark-bg: #07111f;
  --tradeops-mark-line: #38bdf8;
  --tradeops-mark-success: #16a34a;
  --tradeops-mark-border: rgba(15, 23, 42, .12);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--tradeops-text);
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
}
.tradeops-wordmark--light {
  --tradeops-text: #07111f;
  --tradeops-ops: #0284c7;
  --tradeops-mark-bg: #07111f;
  --tradeops-mark-line: #38bdf8;
  --tradeops-mark-success: #16a34a;
  --tradeops-mark-border: rgba(15, 23, 42, .12);
}
.tradeops-wordmark--dark {
  --tradeops-text: #f8fafc;
  --tradeops-ops: #7dd3fc;
  --tradeops-mark-bg: #0b1220;
  --tradeops-mark-line: #67e8f9;
  --tradeops-mark-success: #34d399;
  --tradeops-mark-border: rgba(255, 255, 255, .18);
}
[data-theme="dim"] .tradeops-wordmark:not(.tradeops-wordmark--light),
[data-theme="dark"] .tradeops-wordmark:not(.tradeops-wordmark--light) {
  --tradeops-text: #f8fafc;
  --tradeops-ops: #7dd3fc;
  --tradeops-mark-bg: #0b1220;
  --tradeops-mark-line: #67e8f9;
  --tradeops-mark-success: #34d399;
  --tradeops-mark-border: rgba(255, 255, 255, .18);
}
.tradeops-wordmark__mark {
  position: relative;
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  border: 1px solid var(--tradeops-mark-border);
  border-radius: 8px;
  background:
    radial-gradient(circle at 74% 22%, color-mix(in srgb, var(--tradeops-mark-success) 30%, transparent), transparent 32%),
    linear-gradient(145deg, var(--tradeops-mark-bg), #020617 84%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 8px 18px rgba(2,6,23,.16);
  overflow: hidden;
}
.tradeops-wordmark__mark::before {
  content: "TO";
  position: absolute;
  left: 6px;
  top: 7px;
  color: #f8fafc;
  font: 900 11px/1 "Segoe UI", Inter, Arial, sans-serif;
  letter-spacing: -.04em;
}
.tradeops-wordmark__mark::after {
  content: "";
  position: absolute;
  right: 6px;
  bottom: 7px;
  width: 9px;
  height: 9px;
  border-top: 3px solid var(--tradeops-mark-success);
  border-right: 3px solid var(--tradeops-mark-success);
  border-radius: 1px;
}
.tradeops-wordmark__bars {
  position: absolute;
  left: 8px;
  bottom: 10px;
  width: 18px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--tradeops-mark-line), var(--tradeops-mark-success));
  transform: rotate(-30deg);
  transform-origin: left center;
}
.tradeops-wordmark__text {
  font-family: "Segoe UI", Inter, Arial, sans-serif;
  font-size: 19px;
  font-weight: 900;
  letter-spacing: -.015em;
}
.tradeops-wordmark__ops {
  color: var(--tradeops-ops);
  text-shadow: 0 0 18px color-mix(in srgb, var(--tradeops-ops) 34%, transparent);
}
.tradeops-wordmark--compact .tradeops-wordmark__text {
  font-size: 18px;
}
.tradeops-wordmark--splash {
  gap: 12px;
}
.tradeops-wordmark--splash .tradeops-wordmark__mark {
  width: 46px;
  height: 46px;
  border-radius: 12px;
}
.tradeops-wordmark--splash .tradeops-wordmark__text {
  font-size: 30px;
}