.diagram .switch-inner,.diagram.container{display:table;height:auto;max-width:1278px;position:relative;width:100%}.diagram.container{margin:25px auto;overflow:hidden}.diagram .container-inner{bottom:0;left:0;position:absolute;right:0;top:0}.diagram .root-image{display:table-cell;text-align:center;vertical-align:middle;width:100%}.diagram .root-image>img{display:none;height:auto;object-fit:contain;width:100%}@media only screen and (max-width:767px){.diagram .root-image>img.mobile{display:block}}@media only screen and (min-width:768px){.diagram .root-image>img.desktop{display:block}}.diagram .switch{animation-duration:.8s;animation-fill-mode:forwards;position:absolute;transform-origin:center}.diagram .switch.closed{animation-name:backwards;cursor:pointer;transform:translate(-56px,-56px);transition:left .2s linear .6s,top .2s linear .6s,transform .2s linear .6s;z-index:0}.diagram .switch.open{animation-name:forwards;left:50%!important;top:50%!important;transform:translate(-50%,-50%);transition:left .2s linear 0s,top .2s linear 0s,transform .2s linear 0s;z-index:1}@keyframes forwards{0%{background-color:#333c4e;border-radius:50%;height:112px;width:112px}75%{background-color:#a3aaad;border-radius:50%;height:300px;width:300px}to{background-color:#fff;border-radius:0;height:100%;width:100%}}@keyframes backwards{0%{background-color:#fff;border-radius:0;height:100%;width:100%}25%{background-color:#a3aaad;border-radius:50%;height:300px;width:300px}to{background-color:#333c4e;border-radius:50%;height:112px;width:112px}}.diagram .indicator{background-color:#ff7600;border-radius:50%;color:#fff;cursor:pointer;position:absolute;text-align:center;transition:all .8s linear}.diagram .switch.open .indicator{height:40px;line-height:40px;right:40px;top:40px;width:40px}.diagram .switch.closed .indicator{height:40px;line-height:40px;right:0;top:80px;width:40px}.diagram .indicator svg.arrow,.diagram .indicator svg.plus{fill:#fff;margin-top:-2px;vertical-align:middle;width:60%}.diagram .indicator svg.plus{transform:rotate(45deg)}.diagram .switch.closed .indicator svg.plus,.diagram .switch.open .indicator svg.arrow{display:none}.diagram .switch-inner{display:table}.diagram .switch .sub-image{display:table-cell;text-align:center;vertical-align:middle}.diagram .switch.closed .sub-image{opacity:0;transition:opacity .2s linear 0s}.diagram .switch.open .sub-image{opacity:1;transition:opacity .4s linear .8s}.diagram .sub-image>img{left:0;object-fit:contain;position:absolute;top:0;z-index:-1}.diagram .switch-label{color:#fff;font-size:28px;font-weight:700;letter-spacing:.02em;line-height:112px;position:absolute;text-align:center;transition:opacity .4s linear;width:100%}.diagram .switch.closed .switch-label{opacity:1;transition-delay:.8s}.diagram .switch.open .switch-label{opacity:0;transition-delay:0s}