/* Elementos compartilhados pelo modal da foto nas superfícies autorizadas. */

.profile-photo-modal-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(100%, 16rem);
  aspect-ratio: 1;
  margin: 0 auto 1rem;
  overflow: hidden;
  color: #643b43;
  font-size: 5rem;
  font-weight: 700;
  background: #f8f3f0;
  border-radius: 50%;
}

.profile-photo-modal-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.profile-photo-crop canvas {
  display: block;
  width: min(100%, 20rem);
  height: auto;
  margin: 0 auto;
  touch-action: none;
  background: #eee;
}