.aava_commercial_display{position:relative}.interactive_svg{height:auto;margin:50px auto;max-width:480px;position:relative}.interactive_svg>svg{height:auto;position:relative;width:100%;z-index:100}.interactive_svg svg [data-trigger-id]{cursor:pointer}.interactive_svg_bg{position:absolute;right:-3.3%;top:-7.9%;width:150%}.interactive_svg_bg>svg{height:auto;width:100%}.aava-detail-box{background:#eafeff;border:1px solid #b2c7d0;display:none;max-width:365px;padding:20px 13px;pointer-events:none;position:absolute;width:max(100%,200px);z-index:200}.aava-detail-box p{font-size:16px}.aava-detail-box p:last-child{margin-bottom:0}.aava-detail-box.is-visible{animation:boxFadeIn .3s ease-out .6s forwards;background:transparent;border-color:transparent;color:transparent;display:block}@keyframes lineDraw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes dotFadeIn{0%{opacity:0}to{opacity:1}}@keyframes boxFadeIn{0%{background:transparent;border-color:transparent;color:transparent}to{background:#eafeff;border-color:#b2c7d0;color:inherit}}@media (min-width:1241px){.aava-detail-box[data-trigger-id]:after,.aava-detail-box[data-trigger-id]:before{background:#aac1cb;position:absolute}.aava-detail-box[data-trigger-id]:after{animation:dotFadeIn .2s ease-in-out forwards;border-radius:50%;content:"";height:10px;opacity:0;width:10px}.aava-detail-box[data-trigger-id]:before{animation:lineDraw .4s ease-out .2s forwards;content:"";height:2px;left:0;transform:scaleX(0);transform-origin:left center;width:var(--line-width)}.aava-detail-box[data-trigger-id=cells]:before{--line-width:385px;left:-385px;top:30px}.aava-detail-box[data-trigger-id=cells]:after{left:-385px;top:26px}.aava-detail-box[data-trigger-id=upstream-process]:before{--line-width:274px;left:-274px;top:30px}.aava-detail-box[data-trigger-id=upstream-process]:after{left:-274px;top:26px}.aava-detail-box[data-trigger-id=downstream-process]:before{--line-width:180px;left:-180px;top:50%}.aava-detail-box[data-trigger-id=downstream-process]:after{left:-180px;top:calc(50% - 4.5px)}.aava-detail-box[data-trigger-id=fill-finish]:before{--line-width:257px;left:-257px;top:50%}.aava-detail-box[data-trigger-id=fill-finish]:after{left:-257px;top:calc(50% - 4.5px)}.aava-detail-box[data-trigger-id=qc-release-cmc]:before{--line-width:463px;left:-463px;top:50%}.aava-detail-box[data-trigger-id=qc-release-cmc]:after{left:-463px;top:calc(50% - 4.5px)}}@media (min-width:1241px) and (max-width:1350px){.aava-detail-box[data-trigger-id=cells]:before{--line-width:28vw;left:-28vw;top:30px}.aava-detail-box[data-trigger-id=cells]:after{left:-28vw;top:26px}.aava-detail-box[data-trigger-id=upstream-process]:before{--line-width:19.9vw;left:-19.9vw;top:30px}.aava-detail-box[data-trigger-id=upstream-process]:after{left:-19.9vw;top:26px}.aava-detail-box[data-trigger-id=downstream-process]:before{--line-width:13.1vw;left:-13.1vw;top:50%}.aava-detail-box[data-trigger-id=downstream-process]:after{left:-13.1vw;top:calc(50% - 4.5px)}.aava-detail-box[data-trigger-id=fill-finish]:before{--line-width:18.6vw;left:-18.6vw;top:50%}.aava-detail-box[data-trigger-id=fill-finish]:after{left:-18.6vw;top:calc(50% - 4.5px)}.aava-detail-box[data-trigger-id=qc-release-cmc]:before{--line-width:33.9vw;left:-33.9vw;top:50%}.aava-detail-box[data-trigger-id=qc-release-cmc]:after{left:-33.9vw;top:calc(50% - 4.5px)}}@media (max-width:1500px) and (min-width:1351px){.aava_commercial_display{transform:translateX(-2%)}}@media (max-width:1350px) and (min-width:1241px){.interactive_svg{transform:translateX(-2%)}.aava_commercial_display{transform:translateX(-5%)}}@media (max-width:1240px){.aava-detail-box{left:auto;margin:0 auto;max-width:100%;max-width:500px;pointer-events:auto;position:static;top:auto;width:100%}.aava-detail-box.is-visible{animation-delay:0s}.interactive_svg{margin-bottom:30px;transform:translateX(18%);transform:translateX(25%);width:64%}.interactive_svg_bg{height:auto;position:absolute;right:-3.2%;top:-7.9%}.interactive_svg>svg{height:auto;position:relative;width:100%;z-index:100}}@media (max-width:820px){.interactive_svg{left:-11px;width:69%}}@media (max-width:500px){.interactive_svg{left:-9px;width:70%}}@media (max-width:400px){.interactive_svg{left:-8px;width:71%}}