/* Background Pack 1: twenty CSS-only decorative designs. */
/* Aurora: broad diagonal ribbons rather than corner radial glows. */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg1-aurora-glow {
 background-image: linear-gradient(112deg,transparent 5%,color-mix(in srgb,var(--bjc-studio-bg-accent) var(--bjc-studio-bg-strength),transparent) 25%,transparent 45%,color-mix(in srgb,var(--bjc-studio-bg-secondary) var(--bjc-studio-bg-strength),transparent) 63%,transparent 83%),linear-gradient(68deg,transparent 22%,color-mix(in srgb,var(--bjc-studio-bg-secondary) var(--bjc-studio-bg-strength),transparent) 43%,transparent 62%) !important;
 background-size:auto !important;
}
.bjc-studio-background-layer.bjc-studio-background-bjc-bg1-soft-waves {
 background-image: repeating-radial-gradient(ellipse calc(var(--bjc-studio-bg-scale) * 4) calc(var(--bjc-studio-bg-scale) * 2) at 0% 110%,transparent 0 calc(var(--bjc-studio-bg-scale) * .7),color-mix(in srgb,var(--bjc-studio-bg-accent) var(--bjc-studio-bg-strength),transparent) calc(var(--bjc-studio-bg-scale) * .72) calc(var(--bjc-studio-bg-scale) * .78),transparent calc(var(--bjc-studio-bg-scale) * .8) var(--bjc-studio-bg-scale)),radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--bjc-studio-bg-secondary) var(--bjc-studio-bg-strength),transparent),transparent 70%) !important;
 background-size:auto !important;
}
.bjc-studio-background-layer.bjc-studio-background-bjc-bg1-concentric-rings {
 background-image: repeating-radial-gradient(circle at 80% 40%,transparent 0 calc(var(--bjc-studio-bg-scale) * .65),color-mix(in srgb,var(--bjc-studio-bg-accent) var(--bjc-studio-bg-strength),transparent) calc(var(--bjc-studio-bg-scale) * .67) calc(var(--bjc-studio-bg-scale) * .71),transparent calc(var(--bjc-studio-bg-scale) * .73) var(--bjc-studio-bg-scale)),radial-gradient(circle at 10% 90%,color-mix(in srgb,var(--bjc-studio-bg-secondary) var(--bjc-studio-bg-strength),transparent),transparent 60%) !important;
 background-size:auto !important;
}

/* Layered Arcs */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg1-layered-arcs {
 background-image:repeating-radial-gradient(ellipse at 50% 125%,transparent 0 var(--bjc-studio-bg-scale), color-mix(in srgb,var(--bjc-studio-bg-accent) var(--bjc-studio-bg-strength),transparent) calc(var(--bjc-studio-bg-scale) + 2px) calc(var(--bjc-studio-bg-scale) + 5px),transparent calc(var(--bjc-studio-bg-scale) + 7px) calc(var(--bjc-studio-bg-scale) * 2)),linear-gradient(180deg,transparent,color-mix(in srgb,var(--bjc-studio-bg-secondary) var(--bjc-studio-bg-strength),transparent)) !important;
 background-size:auto !important;
}

/* Offset Diamonds */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg1-offset-diamonds {
 background-image:linear-gradient(45deg,color-mix(in srgb,var(--bjc-studio-bg-accent) var(--bjc-studio-bg-strength),transparent) 12%,transparent 12% 88%,color-mix(in srgb,var(--bjc-studio-bg-accent) var(--bjc-studio-bg-strength),transparent) 88%),linear-gradient(135deg,color-mix(in srgb,var(--bjc-studio-bg-secondary) var(--bjc-studio-bg-strength),transparent) 12%,transparent 12% 88%,color-mix(in srgb,var(--bjc-studio-bg-secondary) var(--bjc-studio-bg-strength),transparent) 88%) !important;
 background-size:calc(var(--bjc-studio-bg-scale) * 2) calc(var(--bjc-studio-bg-scale) * 2) !important;
}

/* Corner Ribbons */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg1-corner-ribbons {
 background-image:linear-gradient(145deg,color-mix(in srgb,var(--bjc-studio-bg-accent) var(--bjc-studio-bg-strength),transparent) 0 9%,transparent 9% 14%,color-mix(in srgb,var(--bjc-studio-bg-secondary) var(--bjc-studio-bg-strength),transparent) 14% 19%,transparent 19%),linear-gradient(325deg,color-mix(in srgb,var(--bjc-studio-bg-secondary) var(--bjc-studio-bg-strength),transparent) 0 7%,transparent 7% 12%,color-mix(in srgb,var(--bjc-studio-bg-accent) var(--bjc-studio-bg-strength),transparent) 12% 16%,transparent 16%) !important;
 background-size:auto !important;
}

/* Light Beams */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg1-light-beams {
 background-image:repeating-conic-gradient(from 250deg at 5% 100%,transparent 0deg 12deg,color-mix(in srgb,var(--bjc-studio-bg-accent) var(--bjc-studio-bg-strength),transparent) 14deg 18deg,transparent 20deg 36deg) !important;
 background-size:auto !important;
}

/* Scattered Confetti */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg1-confetti {
 background-image:radial-gradient(circle at 14% 26%,color-mix(in srgb,var(--bjc-studio-bg-accent) var(--bjc-studio-bg-strength),transparent) 0 4px,transparent 5px),radial-gradient(circle at 71% 67%,color-mix(in srgb,var(--bjc-studio-bg-secondary) var(--bjc-studio-bg-strength),transparent) 0 6px,transparent 7px),linear-gradient(40deg,transparent 47%,color-mix(in srgb,var(--bjc-studio-bg-accent) var(--bjc-studio-bg-strength),transparent) 48% 52%,transparent 53%) !important;
 background-size:calc(var(--bjc-studio-bg-scale) * 2) calc(var(--bjc-studio-bg-scale) * 2) !important;
}

/* Curved Panels */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg1-curved-panels {
 background-image:radial-gradient(ellipse 70% 110% at -10% 50%,color-mix(in srgb,var(--bjc-studio-bg-accent) var(--bjc-studio-bg-strength),transparent) 0 48%,transparent 49%),radial-gradient(ellipse 70% 110% at 110% 50%,color-mix(in srgb,var(--bjc-studio-bg-secondary) var(--bjc-studio-bg-strength),transparent) 0 48%,transparent 49%) !important;
 background-size:auto !important;
}

/* Honeycomb */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg1-honeycomb {
 background-image:repeating-conic-gradient(from 30deg,color-mix(in srgb,var(--bjc-studio-bg-accent) var(--bjc-studio-bg-strength),transparent) 0 60deg,transparent 60deg 120deg,color-mix(in srgb,var(--bjc-studio-bg-secondary) var(--bjc-studio-bg-strength),transparent) 120deg 180deg,transparent 180deg 360deg) !important;
 background-size:calc(var(--bjc-studio-bg-scale) * 2) calc(var(--bjc-studio-bg-scale) * 2) !important;
}

/* Ripple Rings */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg1-ripple-rings {
 background-image:repeating-radial-gradient(circle at 50% 50%,transparent 0 calc(var(--bjc-studio-bg-scale) * .55),color-mix(in srgb,var(--bjc-studio-bg-accent) var(--bjc-studio-bg-strength),transparent) calc(var(--bjc-studio-bg-scale) * .56) calc(var(--bjc-studio-bg-scale) * .60),transparent calc(var(--bjc-studio-bg-scale) * .62) var(--bjc-studio-bg-scale)) !important;
 background-size:auto !important;
}

/* Geometric Fade */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg1-geometric-fade {
 background-image:linear-gradient(135deg,color-mix(in srgb,var(--bjc-studio-bg-accent) var(--bjc-studio-bg-strength),transparent) 0 16%,transparent 16% 50%,color-mix(in srgb,var(--bjc-studio-bg-secondary) var(--bjc-studio-bg-strength),transparent) 50% 66%,transparent 66%),linear-gradient(45deg,transparent 30%,color-mix(in srgb,var(--bjc-studio-bg-accent) var(--bjc-studio-bg-strength),transparent) 30% 38%,transparent 38%) !important;
 background-size:auto !important;
}

/* Floating Squares */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg1-floating-squares {
 background-image:linear-gradient(90deg,color-mix(in srgb,var(--bjc-studio-bg-accent) var(--bjc-studio-bg-strength),transparent) 18%,transparent 18% 80%,color-mix(in srgb,var(--bjc-studio-bg-secondary) var(--bjc-studio-bg-strength),transparent) 80%),linear-gradient(0deg,color-mix(in srgb,var(--bjc-studio-bg-secondary) var(--bjc-studio-bg-strength),transparent) 18%,transparent 18% 80%,color-mix(in srgb,var(--bjc-studio-bg-accent) var(--bjc-studio-bg-strength),transparent) 80%) !important;
 background-size:calc(var(--bjc-studio-bg-scale) * 2) calc(var(--bjc-studio-bg-scale) * 2) !important;
}

/* Soft Spotlight */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg1-soft-spotlight {
 background-image:radial-gradient(ellipse 35% 75% at 50% 15%,color-mix(in srgb,var(--bjc-studio-bg-accent) var(--bjc-studio-bg-strength),transparent),transparent 100%),radial-gradient(ellipse 60% 30% at 50% 100%,color-mix(in srgb,var(--bjc-studio-bg-secondary) var(--bjc-studio-bg-strength),transparent),transparent 100%) !important;
 background-size:auto !important;
}

/* Interwoven Lines */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg1-interwoven-lines {
 background-image:repeating-linear-gradient(0deg,transparent 0 calc(var(--bjc-studio-bg-scale) - 3px),color-mix(in srgb,var(--bjc-studio-bg-accent) var(--bjc-studio-bg-strength),transparent) calc(var(--bjc-studio-bg-scale) - 3px) var(--bjc-studio-bg-scale)),repeating-linear-gradient(90deg,transparent 0 calc(var(--bjc-studio-bg-scale) - 3px),color-mix(in srgb,var(--bjc-studio-bg-secondary) var(--bjc-studio-bg-strength),transparent) calc(var(--bjc-studio-bg-scale) - 3px) var(--bjc-studio-bg-scale)) !important;
 background-size:calc(var(--bjc-studio-bg-scale) * 2) calc(var(--bjc-studio-bg-scale) * 2) !important;
}

/* Pastel Clouds */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg1-pastel-clouds {
 background-image:radial-gradient(ellipse 30% 45% at 18% 75%,color-mix(in srgb,var(--bjc-studio-bg-accent) var(--bjc-studio-bg-strength),transparent),transparent 100%),radial-gradient(ellipse 45% 35% at 55% 25%,color-mix(in srgb,var(--bjc-studio-bg-secondary) var(--bjc-studio-bg-strength),transparent),transparent 100%),radial-gradient(ellipse 40% 40% at 85% 85%,color-mix(in srgb,var(--bjc-studio-bg-accent) var(--bjc-studio-bg-strength),transparent),transparent 100%) !important;
 background-size:auto !important;
}

/* Sunburst */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg1-sunburst {
 background-image:repeating-conic-gradient(from -5deg at 50% 120%,color-mix(in srgb,var(--bjc-studio-bg-accent) var(--bjc-studio-bg-strength),transparent) 0deg 7deg,transparent 7deg 18deg,color-mix(in srgb,var(--bjc-studio-bg-secondary) var(--bjc-studio-bg-strength),transparent) 18deg 23deg,transparent 23deg 36deg) !important;
 background-size:auto !important;
}

/* Topographic Contours */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg1-topographic {
 background-image:repeating-radial-gradient(ellipse 60% 40% at 75% 60%,transparent 0 calc(var(--bjc-studio-bg-scale) * .8),color-mix(in srgb,var(--bjc-studio-bg-accent) var(--bjc-studio-bg-strength),transparent) calc(var(--bjc-studio-bg-scale) * .81) calc(var(--bjc-studio-bg-scale) * .84),transparent calc(var(--bjc-studio-bg-scale) * .86) var(--bjc-studio-bg-scale)) !important;
 background-size:auto !important;
}

/* Halftone Fade */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg1-halftone {
 background-image:radial-gradient(circle,color-mix(in srgb,var(--bjc-studio-bg-accent) var(--bjc-studio-bg-strength),transparent) 0 3px,transparent 4px),linear-gradient(90deg,transparent,color-mix(in srgb,var(--bjc-studio-bg-secondary) var(--bjc-studio-bg-strength),transparent)) !important;
 background-size:calc(var(--bjc-studio-bg-scale) * 2) calc(var(--bjc-studio-bg-scale) * 2) !important;
}

/* Checker Fade */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg1-checker-fade {
 background-image:conic-gradient(color-mix(in srgb,var(--bjc-studio-bg-accent) var(--bjc-studio-bg-strength),transparent) 25%,transparent 0 50%,color-mix(in srgb,var(--bjc-studio-bg-secondary) var(--bjc-studio-bg-strength),transparent) 0 75%,transparent 0) !important;
 background-size:calc(var(--bjc-studio-bg-scale) * 2) calc(var(--bjc-studio-bg-scale) * 2) !important;
}