/* Generated by build_engine_v2.py: rules owned by the venn motif only. Do not edit; regenerate. */
.bdd-motif-v2[data-bdd-engine="2"][data-bdd-motif="venn"] .bdd-motif__ring { width: 58vmin; height: 58vmin; left: 50%; top: 50%; border-radius: 50%; border: 1px solid var(--bdd2-stroke);
  background: radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--bdd2-hue) 14%, transparent) 0%, transparent 70%); background-size: 140% 140%; background-position: 50% 50%; }
.bdd-motif-v2[data-bdd-engine="2"][data-bdd-motif="venn"] .bdd-motif__ring:nth-child(1) { animation: bdd2-orbit-a calc(60s / var(--bdd2-speed, 1)) ease-in-out infinite alternate, bdd2-undulate calc(28s / var(--bdd2-speed, 1)) ease-in-out infinite alternate, bdd2-fill-drift calc(38s / var(--bdd2-speed, 1)) ease-in-out infinite alternate; }
.bdd-motif-v2[data-bdd-engine="2"][data-bdd-motif="venn"] .bdd-motif__ring:nth-child(2) { animation: bdd2-orbit-b calc(74s / var(--bdd2-speed, 1)) ease-in-out infinite alternate, bdd2-undulate calc(34s / var(--bdd2-speed, 1)) ease-in-out calc(-11s / var(--bdd2-speed, 1)) infinite alternate, bdd2-fill-drift calc(50s / var(--bdd2-speed, 1)) ease-in-out calc(-17s / var(--bdd2-speed, 1)) infinite alternate; border-color: color-mix(in srgb, var(--bdd2-hue-light) 45%, transparent); }
.bdd-motif-v2[data-bdd-engine="2"][data-bdd-motif="venn"] .bdd-motif__ring:nth-child(3) { animation: bdd2-orbit-c calc(88s / var(--bdd2-speed, 1)) ease-in-out infinite alternate, bdd2-undulate calc(40s / var(--bdd2-speed, 1)) ease-in-out calc(-23s / var(--bdd2-speed, 1)) infinite alternate, bdd2-fill-drift calc(44s / var(--bdd2-speed, 1)) ease-in-out calc(-31s / var(--bdd2-speed, 1)) infinite alternate; }
@keyframes bdd2-orbit-a { from { translate: -78% -62% } to { translate: -62% -52% } }
@keyframes bdd2-orbit-b { from { translate: -22% -60% } to { translate: -40% -46% } }
@keyframes bdd2-orbit-c { from { translate: -52% -30% } to { translate: -46% -40% } }
@keyframes bdd2-undulate { from { scale: .96 } to { scale: 1.04 } }
@keyframes bdd2-fill-drift { from { background-position: 30% 35% } to { background-position: 70% 65% } }
.bdd-motif-v2[data-bdd-engine="2"][data-bdd-motif="venn"]::after { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: var(--bdd2-grain, .055); mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22160%22 height=%22160%22%3E%3Cfilter id=%22n%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%22.9%22 numOctaves=%222%22 stitchTiles=%22stitch%22/%3E%3CfeColorMatrix values=%220 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .6 0%22/%3E%3C/filter%3E%3Crect width=%22160%22 height=%22160%22 filter=%22url(%23n)%22/%3E%3C/svg%3E"); background-size: 160px 160px; }
.bdd-motif-v2[data-bdd-engine="2"][data-bdd-motif="venn"] .bdd-motif__ring { background: radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--bdd2-hue) clamp(0%, calc(var(--bdd2-venn-fill) * var(--bdd2-glow-intensity)), 100%), transparent) 0%, transparent 70%); background-size: 140% 140%; }
.bdd-motif-v2[data-bdd-engine="2"][data-bdd-motif="venn"]::after { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: var(--bdd2-grain); mix-blend-mode: overlay; background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22160%22 height=%22160%22%3E%3Cfilter id=%22n%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%22.9%22 numOctaves=%222%22 stitchTiles=%22stitch%22/%3E%3CfeColorMatrix values=%220 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .6 0%22/%3E%3C/filter%3E%3Crect width=%22160%22 height=%22160%22 filter=%22url(%23n)%22/%3E%3C/svg%3E"); background-size: 160px 160px; }