#id_imagem{
    display: none;
}
#id_imagem2{
    display: none;
}

.picture {
    width: 200px;
    aspect-ratio: 1/1;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: 1px dashed #ced4da; */
    cursor: pointer;
    overflow: hidden;
    transition: color 300ms ease-in-out;
    margin: auto;
}
.picture:hover{
    border: none;
    border-radius: 100%;
    outline: 4px solid var(--primary-color);
    transition: outline 100ms ease-in-out;
}
.picture:focus{
    border: none;
    border-radius: 100%;
    outline: 4px solid var(--primary-color);
}
.picture:active{
    border: none;
    border-radius: 100%;
    outline: 4px solid var(--primary-color);
}
.picture__img {
    max-width: 100%;
}
.picture__img img {
    display: block;
}


.picture__crop {
    width: auto;
    max-width: 600px;
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px dashed #ced4da;
    /* cursor: pointer; */
    overflow: hidden;
    margin: auto;
}

.picture__header{
    width: 44px;
    /* aspect-ratio: 3/3; */
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.capture__cam{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin: 1em auto;
}

.text-success{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.text-danger{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}