Avatar.module.css

.avatar {
  box-sizing: border-box;
}

.avatarImage {
  box-sizing: border-box;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
}

.avatarImageClassic {
  border: 2px solid #fff;
}

.avatarImageOutlineCambio {
  border: 1px solid var(--color-cambio-gray-100);
}

.xs {
  width: 24px;
  height: 24px;
}

.sm {
  width: 24px;
  height: 24px;
}

.md {
  width: 40px;
  height: 40px;
}

.lg {
  width: 72px;
  height: 72px;
}

.xl {
  width: 128px;
  height: 129px;
}

.xsCambio {
  width: 24px;
  height: 24px;
}

.smCambio {
  width: 32px;
  height: 32px;
}

.mdCambio {
  width: 48px;
  height: 48px;
}

.lgCambio {
  width: 64px;
  height: 64px;
}

.xlCambio {
  width: 64px;
  height: 64px;
}