.wdk-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    width: 44px;
    border-radius: 100%;
    overflow: hidden;
}
.wdk-avatar.s1 {
    height: 66px;
    width: 66px;
}
.wdk-avatar.s2 {
    height: 88px;
    width: 88px;
}
.wdk-avatar.s3 {
    height: 110px;
    width: 110px;
}
.wdk-avatar.s4 {
    height: 132px;
    width: 132px;

    & img {
        max-height: 132px;
        max-width: 132px;
    }
}

.wdk-avatar.s4:hover ~ input.form-check-input {
    border: 1px solid var(--primary);
    transition: .3s;
}

/* Avatar on settings profile  */
#container-avatar .list-inline-item {
    border: solid 1px #b7b2b744;
    border-radius: 12px;
    padding: 4px;
}