.clickable-element{cursor:pointer;transition:.3s ease}.diagram-hover__popout-box{background:var(--accelerator-blue);box-shadow:10px 10px 0 0 #2c2368;opacity:0;padding:9px 16px;position:absolute;right:200px;transition:.3s ease;visibility:hidden;width:380px}.diagram-hover__popout-box.active{opacity:1;visibility:visible}.diagram-hover__popout-box p:first-child{margin-bottom:6px}.diagram-hover__popout-box[data-pos=top]{top:60px}.diagram-hover__popout-box[data-pos=bottom]{bottom:60px}.diagram-hover__svg svg path{transition:.3s ease}.active-parent .clickable-element{fill:var(--accelerator-blue)}.active-parent path:not(.clickable-element){fill:#fff}.active-parent path:last-child{opacity:0}.diagram-hover__svg svg{height:auto;width:100%}.diagram-hover__popout-box[data-pos=top]:before{top:50%}.diagram-hover__popout-box[data-pos=bottom]:before,.diagram-hover__popout-box[data-pos=top]:before{background:transparent;content:"";display:block;left:0;pointer-events:none;position:absolute;transform:translateX(-100%)}.diagram-hover__popout-box[data-pos=bottom]:before{top:0}#el-1:before{width:490px}#el-1:before,#el-2:before{border-top:1px solid #fff;height:50%}#el-2:before{width:300px}#el-2:before,#el-3:before{border-left:1px solid #fff}#el-3:before{border-top:1px solid #fff;height:100%;width:110px}#el-4:before{background:#fff;bottom:-10px;height:100px;left:50px;top:auto;transform:translateY(100%);width:1px}#el-5:before{height:50%;width:490px}#el-5:before,#el-6:before{border-bottom:1px solid #fff}#el-6:before{border-left:1px solid #fff;height:100%;top:-50%;width:210px}#el-7:before{background:#fff;height:102px;left:50px;top:0;transform:translateY(-100%);width:1px}@media (max-width:1400px){.diagram-hover__popout-box{right:260px}#el-1:before{width:590px}#el-2:before{width:390px}#el-3:before{width:200px}#el-4:before{height:100px}}@media (max-width:1300px){.diagram-hover__popout-box{right:220px}#el-1:before{width:520px}#el-2:before{width:350px}#el-3:before{width:150px}}@media (max-width:1200px){.diagram-svg__mobile{margin:0 auto;width:70%}}@media (max-width:767px){.diagram-svg__mobile{margin:0 auto;width:100%}}