.triangle{width:500px;height:500px;background:url(/apps/aces-pces-data-to-action/_next/static/media/triangle-test.49340b27.svg);background-size:100%;color:#553533;position:relative}.triangle-circle{background:#fff;color:#552d89;width:126px;height:126px;border-radius:100%;border:5px solid #552d89;position:absolute;cursor:pointer;text-align:center;font-size:1.6rem;display:flex;align-items:center;justify-content:center;font-weight:700;z-index:1}.triangle-circle span{display:block;font-size:2.4rem}.triangle-circle__1{left:0;top:60px}.triangle-circle__1--big{left:-40px;width:215px;height:215px;border:none;background-color:#67cfe3;font-weight:500;color:#000}.triangle-circle__1--big p{max-width:175px}.triangle-circle__2{right:0;top:60px}.triangle-circle__2--big{right:-40px;width:215px;height:215px;border:none;background-color:#ffe103;font-weight:500;color:#000}.triangle-circle__2--big p{max-width:175px}.triangle-circle__3{text-align:center;cursor:pointer;position:absolute;top:50%;left:51%;transform:translate(-50%,-50%)}.triangle-circle__3 h4{text-wrap:nowrap;color:#000;text-align:center;font-family:var(--font-lora);font-size:1.6rem;font-style:normal;font-weight:700;line-height:normal;position:relative;bottom:30px}.triangle-circle__3--big{cursor:pointer;position:relative;top:130px;left:40px;width:400px;height:400px;border-color:#692b74 rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:370px 210px 0}.triangle-circle__3--big h4{color:#fff;position:absolute;bottom:211px;left:-96px;font-family:var(--font-lora);font-size:1.6rem;font-weight:700;text-align:center;min-width:203px}.triangle-circle__3--big h4 span{font-family:var(--font-lato);line-height:normal}.triangle-circle__4{bottom:0;left:50%;transform:translate(-50%)}.triangle-circle__4--big{bottom:-40px;left:30%;width:215px;height:215px;border:none;background-color:#67baaf;font-weight:500;color:#000}.triangle-circle__4--big p{max-width:175px}@media(max-width:600px){.triangle{width:300px;height:500px;background:url(/apps/aces-pces-data-to-action/_next/static/media/triangle.cd2f6baa.png) 50%;background-size:cover;color:#553533;position:relative}.triangle-circle{background:#fff;color:#552d89;width:106px;height:106px;border-radius:100%;border:5px solid #552d89;position:absolute;cursor:pointer;text-align:center;font-size:1.2rem;display:flex;align-items:center;justify-content:center;font-weight:700;z-index:1}.triangle-circle span{display:block;font-size:1.8rem}.triangle-circle__1{left:-50px;top:120px}.triangle-circle__1--big{left:-40px;top:110px;width:135px;height:135px;border:none;background-color:#67cfe3;font-weight:500;color:#000}.triangle-circle__1--big p{max-width:115px}.triangle-circle__2{right:-50px;top:120px}.triangle-circle__2--big{right:-40px;top:110px;width:135px;height:135px;border:none;background-color:#ffe103;font-weight:500;color:#000}.triangle-circle__2--big p{max-width:115px}.triangle-circle__3{text-align:center;cursor:pointer;position:absolute;top:50%;left:51%;transform:translate(-50%,-50%)}.triangle-circle__3 h4{font-size:1.3rem}.triangle-circle__3--big{cursor:pointer;position:relative;top:145px;left:-30px;width:80px;height:380px;border-color:#692b74 rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:310px 190px 0 180px}.triangle-circle__3--big h4{color:#fff;position:absolute;bottom:223px;left:-100px;font-family:var(--font-lora);font-size:1.4rem;font-weight:700;text-align:center;min-width:203px}.triangle-circle__3--big h4 span{font-family:var(--font-lato);line-height:normal}.triangle-circle__4{bottom:0;left:50%;transform:translate(-50%)}.triangle-circle__4--big{bottom:-40px;left:28%;width:135px;height:135px;border:none;background-color:#67baaf;font-weight:500;color:#000}.triangle-circle__4--big p{max-width:115px}}.intersection-diagram{width:375px;height:375px;background:url(/apps/aces-pces-data-to-action/_next/static/media/triangle-test.49340b27.svg);background-size:300px 260px;background-repeat:no-repeat;background-position:50%;color:#553533;position:relative}.intersection-diagram__wrapper{margin-top:3.5rem}.intersection-diagram__circle{position:absolute;cursor:pointer;border:5px solid #f5f3f8;border-radius:50%;z-index:1}.intersection-diagram__circle span{background-color:#fff;transition:all .2s ease-in-out;color:#552d89;border:3px solid #552d89;width:135px;height:135px;border-radius:100%;line-height:1.1}.intersection-diagram__circle span,.intersection-diagram__circle span .inner{text-align:center;font-size:1.6rem;display:flex;align-items:center;justify-content:center;font-weight:700}.intersection-diagram__circle span .inner{width:100%;height:100%;overflow:hidden;flex-direction:column}.intersection-diagram__circle span .inner strong{display:block;font-size:2.4rem;color:#5a2674;font-weight:700}.intersection-diagram__circle span .inner br{height:0}.intersection-diagram__circle--sdoh{left:0;top:0}.intersection-diagram__circle--sdoh[data-state=active] span{background-color:#67cfe3;border-color:#67cfe3;color:#282277}.intersection-diagram__circle--nssp{right:0;top:0}.intersection-diagram__circle--nssp[data-state=active] span{color:#55290b;background-color:#ffe103;border-color:#ffe103}.intersection-diagram__circle--yrbss{bottom:0;left:50%;transform:translate(-50%,-25px)}.intersection-diagram__circle--yrbss[data-state=active] span{background-color:#67baaf;border-color:#67baaf;color:#25205c}.intersection-diagram__center{text-align:center;cursor:pointer;position:absolute;top:50%;left:50%;transform:translate(-50%,-75px)}.intersection-diagram__center[data-state=active] .inner{-webkit-clip-path:polygon(50% 100%,0 0,100% 0);clip-path:polygon(50% 100%,0 0,100% 0);transform:scale(6) translateY(.9rem);animation:fadein .5s ease-in-out;animation-timing-function:ease-out;position:relative}.intersection-diagram__center[data-state=active] .inner svg{opacity:0}.intersection-diagram__center[data-state=active] .inner .expanded{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-140%);font-size:.3rem}.intersection-diagram__center[data-state=inactive]{animation:fadein .5s ease-out;animation-timing-function:ease-in-out}@keyframes fadein{0%{opacity:0}to{opacity:1}}.intersection-diagram__center .inner{width:50px;height:50px;background-color:#552d89;-webkit-clip-path:circle(50%);clip-path:circle(50%);display:flex;justify-content:center;align-items:center;font-size:2.2rem;color:#fff}.intersection-diagram__center .inner .expanded{display:none}.intersection-diagram__center strong{display:block;font-weight:700;font-size:16px}.intersection-diagram__content{height:100%;background-color:#fff;padding:3.5rem}.intersection-diagram__content-wrapper{flex:1 1;background-color:#fff;height:458px}