html,
body {
  background: #000;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.canvas {
  height: 100%;
  position: fixed;
  width: 100%;
}

.matrix {
  height: 100%;
  inset: 0;
  object-fit: cover;
  object-position: center;
  position: absolute;
  width: 100%;
}

.animation {
  visibility: hidden;
}

.animation.is-playing {
  visibility: visible;
}

.visually-hidden {
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

@media (prefers-reduced-motion: reduce) {
  .animation.is-playing {
    visibility: hidden;
  }
}