@value (
  spaceHalfFluid,
  spaceNegHalfFluid
) from 'variables/_space.css';

/* This requires a relative parent */
.absoluteCenter {
  position: absolute;
  top: spaceHalfFluid;
  left: spaceHalfFluid;
  transform: translate(spaceNegHalfFluid, spaceNegHalfFluid);
}

/* This requires a relative parent */
.absoluteVerticalCenter {
  position: absolute;
  top: spaceHalfFluid;
  transform: translateY(spaceNegHalfFluid);
}

/* This requires a relative parent */
.absoluteHorizontalCenter {
  position: absolute;
  left: spaceHalfFluid;
  transform: translateX(spaceNegHalfFluid);
}