
.app-picture {
        justify-content: center;
        align-items: center;
        max-width: 100%;
        max-height: 100%;
}
.thumbnail-image.app-picture {
        border-radius: var(--wm-picture-radius);
        padding-top: var(--wm-picture-padding-top);
        padding-bottom: var(--wm-picture-padding-bottom);
        padding-left: var(--wm-picture-padding-left);
        padding-right: var(--wm-picture-padding-right);
        background-color: var(--wm-picture-background);
        border-width: var(--wm-picture-border-width);
        border-style:  var(--wm-picture-border-style);
        border-color: var(--wm-picture-border-color);
        //width: var(--wm-picture-width);
        //height: var(--wm-picture-height);

}
.rounded-image.app-picture {
        border-radius: var(--wm-picture-radius);
        padding-top: var(--wm-picture-padding-top);
        padding-bottom: var(--wm-picture-padding-bottom);
        padding-left: var(--wm-picture-padding-left);
        padding-right: var(--wm-picture-padding-right);
        background-color: var(--wm-picture-background);
        border-width: var(--wm-picture-border-width);
        border-style:  var(--wm-picture-border-style);
        border-color: var(--wm-picture-border-color);
        //width: var(--wm-picture-width);
        //height: var(--wm-picture-height);

}
.circle-image.app-picture {
        border-radius: var(--wm-picture-radius);
        padding-top: var(--wm-picture-padding-top);
        padding-bottom: var(--wm-picture-padding-bottom);
        padding-left: var(--wm-picture-padding-left);
        padding-right: var(--wm-picture-padding-right);
        background-color: var(--wm-picture-background);
        border-width: var(--wm-picture-border-width);
        border-style:  var(--wm-picture-border-style);
        border-color: var(--wm-picture-border-color);
        //width: var(--wm-picture-width);
        //height: var(--wm-picture-height);

}

@import (optional) url('../variables/picture.variant.less');