.is-avatar .avatar-container {
  display: flex;
  flex-direction: column;
  margin: auto;
  position: relative;
  margin-bottom: 64px;
}
.is-avatar .avatar-container img {
  width: 128px;
  height: 128px;
  object-fit: cover;
  border-radius: 50%;
  background-color: var(--miz-primary-l7);
  border: 1px solid var(--miz-primary-l5);
}
.is-avatar .avatar-container input[type=file] {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.is-avatar .avatar-container > .mdi {
  background-color: var(--miz-primary);
  color: var(--miz-white-0);
  width: 40px;
  height: 40px;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: auto;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/Users/Kelvin/Documents/Development/MenumizUi/MenumizUi/MenumizAppUi/Resources/_scss/pages/account/profile.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAUQ;EAEI;EACA;EACA;EACA;EACA;;AAEA;EAEI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA%22%7D */