#djm-animation-legend{max-width:500px;width:100%;margin:auto}#djm-animation-legend svg{min-height:300px}#djm-animation-legend-steps{list-style:none;padding-left:0;margin-left:0;display:flex;flex-wrap:wrap}#djm-animation-legend-steps li{opacity:.5!important;display:inline-block;margin:15px 30px 0 0;flex:0 0 100%}@media (min-width:768px){#djm-animation-legend-steps li{flex:0 0 calc(50% - 30px);transform-origin:left center}}@media (min-width:1200px){#djm-animation-legend-steps li{flex:0 0 calc(33% - 30px)}}#djm-animation-legend-steps li{font-weight:500;transition:.2s ease-in-out;transform:scale(.9)}#djm-animation-legend-steps li.active{opacity:1!important;transform:scale(1.1)}#djm-animation-legend-steps li.active *{font-weight:700}.djm-animation-legend-section{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.djm-animation-legend-section>div{flex:0 0 50%;max-width:50%}.djm-animation-legend-title{margin-bottom:30px}.djm-animation-legend-button{display:inline-block;margin-top:30px!important;color:#fff;background:red;padding:1rem .5rem;text-transform:uppercase}.djm-animation-legend-button:hover{opacity:.6}@media (max-width:768px){.djm-animation-legend-section>div{flex:0 0 100%;max-width:100%}.djm-animation-legend-section{display:block;text-align:center}#djm-animation-legend-steps li *{font-size:small}#djm-animation-legend-steps li{flex:0 0 100%;width:100%}}