@import url("../shared/snippets/matrix-sentinel.css");

.matrix-silhouette-svg {
  width: 100%;
  height: auto;
}

.matrix-silhouette-svg .hood {
  fill: #000;
}

.matrix-silhouette-svg .arms {
  fill: #080808;
  stroke: var(--mat-rim, #00ffff);
  stroke-width: 1;
  opacity: 0.3;
}

body[data-variant="b"] {
  --mat-rim: #ff6644;
}

.matrix-binary-tag {
  position: absolute;
  right: 14%;
  bottom: 38%;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.65rem;
  color: var(--mat-rim, #00ffff);
  border-bottom: 1px solid var(--mat-rim, #00ffff);
  padding-bottom: 2px;
}

.matrix-binary-tag::before,
.matrix-binary-tag::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 6px;
  background: var(--mat-rim, #00ffff);
  bottom: -3px;
}

.matrix-binary-tag::before { left: 0; }
.matrix-binary-tag::after { right: 0; }