@import "../common/var";

.user-image {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 15rem;
    border-radius: calc(#{$--border-radius-base} - 1px);
    display: block;
}

.user-image--round {
    border-radius: $--border-radius-circle;
}

.user-image--sm {
    max-width: 3.1rem;
    height: auto;
}

.user-image--xs {
    max-width: 2.5rem;
    height: auto;
}