.m-interactiveinfographic{display:-webkit-box;display:flex;-webkit-box-pack:center;flex-wrap:wrap;justify-content:center;margin:0 20px;position:relative;svg{pointer-events:none}svg *{cursor:pointer;pointer-events:all}}.m-interactiveinfographic.active .m-interactiveinfographic__inner{min-width:100%;-webkit-transition:min-width ease var(--transition-speed);transition:min-width ease var(--transition-speed)}.m-interactiveinfographic__graphicarea.active{opacity:.5}.m-interactiveinfographic__inner{background-color:var(--white);border:2px solid #f7f7f7;border-radius:10px;position:relative}.m-interactiveinfographic__inner:after{border-radius:10px;bottom:0;box-shadow:0 0 70px 0 rgba(0,0,0,.2);content:"";display:block;height:calc(100% - 70px);left:50px;position:absolute;right:50px}.m-interactiveinfographic__graphicwrapper{background:#fff;margin:auto;padding:25px;width:100%;z-index:2;-webkit-box-pack:center;justify-content:center;position:relative}.m-interactiveinfographic__graphic{display:block;margin:auto;max-width:495px;position:relative;width:100%;z-index:2}.m-interactiveinfographic__graphicarea{cursor:pointer;-webkit-transition:opacity ease var(--transition-speed);transition:opacity ease var(--transition-speed)}.m-interactiveinfographic__graphicarea:hover{opacity:.8}.m-interactiveinfographic__helptext{color:#636466;display:block;margin-top:20px;position:relative;width:100%;z-index:2}.m-interactiveinfographic__area{background-color:#636466;color:var(--white);overflow:hidden;position:relative;width:100%;z-index:2}.m-interactiveinfographic__area>*{opacity:0;-webkit-transition:opacity ease var(--transition-speed);transition:opacity ease var(--transition-speed)}.m-interactiveinfographic__area.active>*{opacity:1;-webkit-transition:opacity ease var(--transition-speed) .15s;transition:opacity ease var(--transition-speed) .15s}.m-interactiveinfographic__areainner{padding:25px}.m-interactiveinfographic__iconwrapper{align-items:center;background-color:var(--white);border-radius:100%;display:flex;height:90px;justify-content:center;margin-bottom:20px;overflow:hidden;position:relative;width:90px}.m-interactiveinfographic__icon{left:50%;position:absolute;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.m-interactiveinfographic__heading{display:block;font-size:1.25rem;font-weight:700;margin:0 0 20px}.m-interactiveinfographic__content{margin:0 0 20px}.m-interactiveinfographic__close{align-items:center;background:none;border:2px solid var(--white);border-radius:100%;color:var(--white);display:flex;height:36px;justify-content:center;line-height:0;margin:0;padding:0;position:absolute;right:20px;top:20px;width:36px}.m-interactiveinfographic__close svg{fill:currentColor}@media (max-width:1023px){.m-interactiveinfographic__graphic--large{height:1px;overflow:hidden;padding:0;position:absolute!important;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.m-interactiveinfographic__area{max-height:0;-webkit-transition:max-height ease var(--transition-speed) .15s;transition:max-height ease var(--transition-speed) .15s}.m-interactiveinfographic__area.active{max-height:700px;overflow:auto;-webkit-transition:max-height ease var(--transition-speed);transition:max-height ease var(--transition-speed)}}@media (min-width:1024px){.m-interactiveinfographic{margin:0 0 40px}.m-interactiveinfographic__inner:after{left:70px;right:70px}.m-interactiveinfographic__inner{display:-webkit-box;display:flex;min-width:0;-webkit-transition:min-width ease var(--transition-speed) .15s;transition:min-width ease var(--transition-speed) .15s}.m-interactiveinfographic__graphicwrapper{padding:40px;-webkit-box-ordinal-group:3;display:-webkit-inline-box;display:inline-flex;order:2}.m-interactiveinfographic__graphic{width:495px}.m-interactiveinfographic__graphic--small{height:1px;overflow:hidden;padding:0;position:absolute!important;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.m-interactiveinfographic__helptext{bottom:0;padding-left:60px;position:absolute;right:0;width:calc(50% - 290px);z-index:2}.m-interactiveinfographic__area{max-width:0;-webkit-transition:max-width ease var(--transition-speed) .15s;transition:max-width ease var(--transition-speed) .15s}.m-interactiveinfographic__area.active{max-width:460px;-webkit-transition:max-width ease var(--transition-speed);transition:max-width ease var(--transition-speed)}.m-interactiveinfographic__area--left{-webkit-box-ordinal-group:2;order:1}.m-interactiveinfographic__area--right{-webkit-box-ordinal-group:4;order:3}.m-interactiveinfographic__areainner{padding:40px;width:460px}}