.binary-background-host {
  position: relative;
  isolation: isolate;
}

.binary-field {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  contain: strict;
}

.app-shell > .binary-field {
  left: var(--sidebar-width);
}

.binary-field--viewport {
  position: fixed;
  z-index: -1;
}

.binary-digit {
  position: absolute;
  left: var(--x);
  top: var(--y);
  color: rgb(156 163 175 / var(--opacity));
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: var(--size);
  font-weight: 500;
  line-height: 1;
  text-shadow: none;
  filter: none;
  user-select: none;
  transform: translate3d(0, 0, 0);
  animation: binary-drift var(--duration) linear var(--delay) infinite alternate;
  backface-visibility: hidden;
  will-change: transform;
}

@keyframes binary-drift {
  to {
    transform: translate3d(var(--travel-x), var(--travel-y), 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .binary-digit {
    animation: none;
  }
}

@media (max-width: 860px) {
  .app-shell > .binary-field {
    left: min(var(--sidebar-mobile-width), 100vw);
  }
}