@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';

/* _content/VAEnergy.Connect.BlazorApp/Components/Layout/ImageBackground.razor.rz.scp.css */
.img-background[b-7dlwuzwogt] {
    /*    background-image: var(--custom-background-image, rgba(0,0,0,0));*/
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(0,0,0,0);
    z-index: -1;
}

/* Screen sizes to show background images. Probably a better way to do this, but we can't use a css variable for min-width */
@media (min-width: 0) {
    .img-background-xs[b-7dlwuzwogt] {
        background-image: var(--custom-background-image, rgba(0,0,0,0));
    }
}
@media (min-width: 576px) {
    .img-background-sm[b-7dlwuzwogt] {
        background-image: var(--custom-background-image, rgba(0,0,0,0));
    }
}
@media (min-width: 768px) {
    .img-background-md[b-7dlwuzwogt] {
        background-image: var(--custom-background-image, rgba(0,0,0,0));
    }
}
@media (min-width: 992px) {
    .img-background-lg[b-7dlwuzwogt] {
        background-image: var(--custom-background-image, rgba(0,0,0,0));
    }
}
@media (min-width: 1200px) {
    .img-background-xl[b-7dlwuzwogt] {
        background-image: var(--custom-background-image, rgba(0,0,0,0));
    }
}
@media (min-width: 1400px) {
    .img-background-xxl[b-7dlwuzwogt] {
        background-image: var(--custom-background-image, rgba(0,0,0,0));
    }
}