
.app-picture {
        justify-content: center;
        align-items: center;
        max-width: 100%;
        max-height: 100%;
        border-radius: var(--wm-picture-radius);
        padding: var(--wm-picture-padding);
        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);
}
.thumbnail-image.app-picture {
        border-radius: var(--wm-picture-radius);
        padding: var(--wm-picture-padding);
        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: var(--wm-picture-padding);
        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: var(--wm-picture-padding);
        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');