body.zbeautify-bg-enabled {
    --zbeautify-bg-base: var(--body-bg-color);
    --zbeautify-bg-base-rgb: 246, 248, 250;
    --zbeautify-bg-primary-rgb: 45, 160, 255;
    --zbeautify-bg-accent-rgb: 255, 121, 168;
    --zbeautify-bg-opacity: .65;
    --zbeautify-bg-blur: 0;
    background-color: var(--zbeautify-bg-base);
}

body.dark-theme.zbeautify-bg-enabled {
    --zbeautify-bg-base-rgb: 33, 35, 38;
    --zbeautify-bg-primary-rgb: 72, 167, 255;
    --zbeautify-bg-accent-rgb: 185, 132, 255;
}

body.zbeautify-bg-fixed {
    background-attachment: fixed, fixed, fixed, fixed;
}

body.zbeautify-bg-aurora {
    background-image:
        radial-gradient(circle at 12% 18%, rgba(var(--zbeautify-bg-primary-rgb), calc(var(--zbeautify-bg-opacity) * .28)), transparent 32%),
        radial-gradient(circle at 88% 8%, rgba(var(--zbeautify-bg-accent-rgb), calc(var(--zbeautify-bg-opacity) * .22)), transparent 30%),
        radial-gradient(circle at 78% 82%, rgba(var(--zbeautify-bg-primary-rgb), calc(var(--zbeautify-bg-opacity) * .16)), transparent 28%),
        linear-gradient(135deg, rgba(var(--zbeautify-bg-base-rgb), .86), var(--zbeautify-bg-base));
    background-repeat: no-repeat;
}

body.zbeautify-bg-grid {
    background-image:
        linear-gradient(rgba(var(--zbeautify-bg-primary-rgb), calc(var(--zbeautify-bg-opacity) * .10)) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--zbeautify-bg-primary-rgb), calc(var(--zbeautify-bg-opacity) * .10)) 1px, transparent 1px),
        radial-gradient(circle at 50% 0, rgba(var(--zbeautify-bg-accent-rgb), calc(var(--zbeautify-bg-opacity) * .16)), transparent 42%),
        linear-gradient(135deg, rgba(var(--zbeautify-bg-base-rgb), .96), var(--zbeautify-bg-base));
    background-size: 42px 42px, 42px 42px, auto, auto;
}

body.zbeautify-bg-dots {
    background-image:
        radial-gradient(circle, rgba(var(--zbeautify-bg-primary-rgb), calc(var(--zbeautify-bg-opacity) * .16)) 1px, transparent 1.5px),
        radial-gradient(circle at 100% 15%, rgba(var(--zbeautify-bg-accent-rgb), calc(var(--zbeautify-bg-opacity) * .2)), transparent 30%),
        linear-gradient(135deg, rgba(var(--zbeautify-bg-base-rgb), .96), var(--zbeautify-bg-base));
    background-size: 22px 22px, auto, auto;
}

body.zbeautify-bg-beam {
    background-image:
        linear-gradient(120deg, transparent 0 16%, rgba(var(--zbeautify-bg-primary-rgb), calc(var(--zbeautify-bg-opacity) * .16)) 16% 22%, transparent 22% 45%, rgba(var(--zbeautify-bg-accent-rgb), calc(var(--zbeautify-bg-opacity) * .14)) 45% 51%, transparent 51% 100%),
        linear-gradient(120deg, transparent 20%, rgba(255, 255, 255, calc(var(--zbeautify-bg-opacity) * .18)) 48%, transparent 72%),
        linear-gradient(135deg, rgba(var(--zbeautify-bg-base-rgb), .96), var(--zbeautify-bg-base));
}

body.zbeautify-bg-image {
    background-image:
        linear-gradient(rgba(var(--zbeautify-bg-base-rgb), .18), rgba(var(--zbeautify-bg-base-rgb), .38)),
        var(--zbeautify-bg-image);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}