.avatar-scale {
    transform: scale(0.6); /* Default for xxs: <390px */
    transform-origin: right center;
}

@media (min-width: 390px) {
    /* xs */
    .avatar-scale {
        transform: scale(0.8);
    }

    transform-origin: right center;
}

@media (min-width: 540px) {
    /* sm */
    .avatar-scale {
        transform: scale(0.8);
    }
}

@media (min-width: 768px) {
    /* md */
    .avatar-scale {
        transform: scale(0.8);
    }
}

@media (min-width: 992px) {
    /* lg */
    .avatar-scale {
        transform: scale(0.9);
    }
}

@media (min-width: 1200px) {
    /* xl */
    .avatar-scale {
        transform: scale(0.8);
    }
}

@media (min-width: 1400px) {
    /* xxl */
    .avatar-scale {
        transform: scale(1);
    }
}

.dxbl-client-component {
    height: 100% !important;
}

.card-beside-padding {
    padding: var(--highdmin-card-spacer-y) 0 var(--highdmin-card-spacer-y) 0 !important;
}

@media (min-width: 540px) {
    .card-beside-padding {
        padding: var(--highdmin-card-spacer-y) var(--highdmin-card-spacer-x) !important;
    }
}