.vennDiagram{overflow:hidden}.vennDiagram>.wrapper{flex-wrap:wrap;padding:0 1rem}.vennDiagram .diagram,.vennDiagram>.wrapper{align-items:center;display:flex;justify-content:center}.vennDiagram .diagram{flex-direction:column;margin-bottom:2rem;position:relative}.vennDiagram .diagram .figureWrapper{display:grid;grid-template-columns:minmax(13rem,1fr) minmax(13rem,1fr);position:relative}.vennDiagram .diagram .setLogo{height:33px;left:50%;margin-left:-1.3em;margin-top:-.7em;position:absolute;top:50%;width:45px;will-change:transform;z-index:2}.vennDiagram .diagram .set{background-color:#f9c78a;border-radius:50%;font-size:.8rem;font-weight:700;height:20rem;mix-blend-mode:multiply;position:relative;text-align:center;width:20rem;will-change:transform}.vennDiagram .diagram .set span{color:#000;display:block;font-size:18px;max-width:5.7rem;position:absolute}.vennDiagram .diagram .set:first-child{grid-column:2;grid-row:1;margin-left:-50%;margin-top:0}.vennDiagram .diagram .set:first-child span{left:50%;top:2rem;transform:translateX(-50%)}.vennDiagram .diagram .set:nth-child(5){grid-column:1;grid-row:2;margin-left:15%;margin-top:-75%}.vennDiagram .diagram .set:nth-child(5) span{left:1rem;top:40%}.vennDiagram .diagram .set:nth-child(2){grid-column:2;grid-row:2;margin-left:-15%;margin-top:-75%}.vennDiagram .diagram .set:nth-child(2) span{right:1rem;top:40%}.vennDiagram .diagram .set:nth-child(4){grid-column:1;grid-row:2;margin-left:30%;margin-top:-25%}.vennDiagram .diagram .set:nth-child(4) span{bottom:25%;left:2rem}.vennDiagram .diagram .set:nth-child(3){grid-column:2;grid-row:2;margin-left:-30%;margin-top:-25%}.vennDiagram .diagram .set:nth-child(3) span{bottom:25%;right:3.4rem}.vennDiagram .caption header *{color:#1e1e24;display:inline-block;font-size:1.3rem;line-height:1.3;margin-bottom:.5rem}.vennDiagram .caption header :first-letter{color:#e0282f}.vennDiagram .caption>div{transition:transform .3s ease-out}.vennDiagram.out-view .set.one{transform:translateY(20%) scale(.8)}.vennDiagram.out-view .set.two{transform:translate(-45%) scale(.8)}.vennDiagram.out-view .set.three{transform:translate(-25%,-43%) scale(.8)}.vennDiagram.out-view .set.four{transform:translate(25%,-45%) scale(.8)}.vennDiagram.out-view .set.five{transform:translate(45%) scale(.8)}.vennDiagram.out-view .set span{opacity:0}.vennDiagram.out-view .setLogo{transform:translateY(-100%) scale(1.6)}.vennDiagram .set,.vennDiagram .set span,.vennDiagram .setLogo{transition:transform .7s ease-out,opacity .5s ease-out}.vennDiagram.in-view .set,.vennDiagram.in-view .setLogo{transform:translate(0) scale(1)}.vennDiagram.in-view .set span{opacity:1}@media (max-width:540px){.vennDiagram>.wrapper{padding:0}.vennDiagram .diagram .set{height:11rem;width:11rem}.vennDiagram .diagram{margin-left:35px}.vennDiagram .diagram .set span{font-size:12px}.vennDiagram .diagram .set:first-child span{top:1rem}.vennDiagram .diagram .set:nth-child(2) span{right:0}.vennDiagram .diagram .set:nth-child(3) span{right:1.4rem}.vennDiagram .diagram .set:nth-child(4) span,.vennDiagram .diagram .set:nth-child(5) span{left:0}}