/* Brand Icon Background Pattern */
body.theme-pattern {
    /* Slightly darker than default #f4f4f4 to make the white pattern visible */
    background-color: #e4e4e4;
    position: relative;
    z-index: 0;
}

body.theme-pattern::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    /* The color of the pattern itself */
    background-color: #ffffff;

    /* Using the mask-image technique to turn the PNG icon into a solid colored shape */
    -webkit-mask-image: url('../images/upsolut-ico-tomato.png');
    -webkit-mask-repeat: repeat;
    -webkit-mask-size: 80px;

    mask-image: url('../images/upsolut-ico-tomato.png');
    mask-repeat: repeat;
    mask-size: 80px;

    /* Opacity of the pattern against the background color */
    opacity: 0.25;
    z-index: -1;
    pointer-events: none;
}