@value (colorTextSecondary) from '../../styles/variables/_color.css';
@value (spaceMedium, spaceXSmall) from '../../styles/variables/_space.css';
@value (sizeFluid, size140) from '../../styles/variables/_size.css';

.wrapper {
  display: flex;
  width: sizeFluid;
  height: sizeFluid;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: spaceMedium;
}

.image {
  max-width: size140;
}

.title {
  composes: subTitleMedium from '../../styles/typography.module.css';
  margin-bottom: spaceXSmall;
}

.description {
  composes: bodyMedium from '../../styles/typography.module.css';
  color: colorTextSecondary;
  margin-bottom: spaceMedium;
}