.backgroundGradient {
    background-image: linear-gradient(var(--backgroundGradient_angle), var(--backgroundGradient_backgroundColor2) 0%, var(--backgroundGradient_backgroundColor1) 100%);
}

.backgroundColor {
    background-color: var(--backgroundColor_backgroundColor);
}

.backgroundImage {
    background-image: var(--backgroundImage_backgroundImage);
}

.backgroundCollapse {
    overflow: hidden;
    transition: max-height var(--durationS) var(--course), opacity var(--durationS) var(--course);
}

.backgroundCollapseUnVisible {
    max-height: var(--maxHeightDown);
    opacity: 0;
    visibility: hidden;
}

.backgroundCollapseIsVisible {
    max-height: var(--maxHeightUp);
    opacity: 1;
    visibility: visible;
}

.backgroundBorder {
    transition: border-color var(--durationS) var(--course);
    border: var(--border_borderWidth) var(--border_borderStyle) var(--border_borderColor);
    border-radius: var(--border_borderRadius);
}

picture.backgroundBorder > img {
    border-radius: var(--border_borderRadius);
}

.backgroundBorder:hover {
    transition: border-color var(--durationS) var(--course);
    border-color: var(--border_borderColorHover);
}

.backgroundOpacity {
    opacity: var(--opacity_opacity);
}

.backgroundPadding {
    padding: var(--padding_padding);
}

.backgroundShadow {
    box-shadow: var(--shadow_shadowBlockWidth) var(--shadow_shadowBlockColor);
}

@media (prefers-color-scheme: dark) {
    .backgroundGradient {
        background-image: linear-gradient(var(--backgroundGradient_angle), var(--backgroundGradient_backgroundColor2D) 0%, var(--backgroundGradient_backgroundColor1D) 100%);
    }

    .backgroundColor {
        background-color: var(--backgroundColor_backgroundColorD);
    }

    .backgroundBorder {
        border-color: var(--border_borderColorD);
    }

    .backgroundBorder:hover {
        border-color: var(--border_borderColorHoverD);
    }

    .backgroundShadow {
        box-shadow: var(--shadow_shadowBlockWidth) var(--shadow_shadowBlockColorD);
    }
}