/* ../halo-health-website/src/components/ui/MetalCubes.module.css */
.MetalCubes_container {
  --cubes-box: 8.125rem;
  --cubes-stage: 10.625rem;
  position: relative;
  width: var(--cubes-box);
  height: var(--cubes-box);
  flex-shrink: 0;
}
.MetalCubes_stage {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--cubes-stage);
  height: var(--cubes-stage);
}
.MetalCubes_stage canvas {
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .MetalCubes_container {
    --cubes-box: 6.25rem;
    --cubes-stage: 8.1875rem;
  }
}
@media (max-width: 767px) {
  .MetalCubes_container {
    --cubes-box: 4rem;
    --cubes-stage: 5.25rem;
  }
}