@keyframes animateGraphic1-state00 { 0% { opacity: 1; }
  100% { opacity: 1; } }

@keyframes animateGraphicMobile1-state00 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 1; } }

@keyframes animateGraphic1-state01 { 0% { opacity: 1; }
  100% { opacity: 0.5; } }

@keyframes animateGraphicMobile1-state01 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic1-state02 { 0% { opacity: 1; }
  100% { opacity: 0.5; } }

@keyframes animateGraphicMobile1-state02 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic1-state03 { 0% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(260.8deg);
    opacity: 1; } }

@keyframes animateGraphicMobile1-state03 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(17.5deg);
    opacity: 1; } }

@keyframes animateGraphic1-state04 { 0% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(64.5deg);
    opacity: 1; } }

@keyframes animateGraphicMobile1-state04 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(100.5deg);
    opacity: 1; } }

@keyframes animateGraphic1-state05 { 0% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(211deg);
    opacity: 1; } }

@keyframes animateGraphicMobile1-state05 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(145deg);
    opacity: 1; } }

@keyframes animateGraphic1-state06 { 0% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(10deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile1-state06 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic1-state07 { 0% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(58deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile1-state07 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic1-state10 { 0% { opacity: 0.5; }
  100% { opacity: 1; } }

@keyframes animateGraphicMobile1-state10 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 1; } }

@keyframes animateGraphic1-state11 { 0% { opacity: 0.5; }
  100% { opacity: 0.5; } }

@keyframes animateGraphicMobile1-state11 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic1-state12 { 0% { opacity: 0.5; }
  100% { opacity: 0.5; } }

@keyframes animateGraphicMobile1-state12 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic1-state13 { 0% { transform: translate(-50%, -50%) rotate(135deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(260.8deg);
    opacity: 1; } }

@keyframes animateGraphicMobile1-state13 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(17.5deg);
    opacity: 1; } }

@keyframes animateGraphic1-state14 { 0% { transform: translate(-50%, -50%) rotate(135deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(64.5deg);
    opacity: 1; } }

@keyframes animateGraphicMobile1-state14 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(100.5deg);
    opacity: 1; } }

@keyframes animateGraphic1-state15 { 0% { transform: translate(-50%, -50%) rotate(135deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(211deg);
    opacity: 1; } }

@keyframes animateGraphicMobile1-state15 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(145deg);
    opacity: 1; } }

@keyframes animateGraphic1-state16 { 0% { transform: translate(-50%, -50%) rotate(135deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(10deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile1-state16 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic1-state17 { 0% { transform: translate(-50%, -50%) rotate(135deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(58deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile1-state17 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic1-state20 { 0% { opacity: 0.5; }
  100% { opacity: 1; } }

@keyframes animateGraphicMobile1-state20 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 1; } }

@keyframes animateGraphic1-state21 { 0% { opacity: 0.5; }
  100% { opacity: 0.5; } }

@keyframes animateGraphicMobile1-state21 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic1-state22 { 0% { opacity: 0.5; }
  100% { opacity: 0.5; } }

@keyframes animateGraphicMobile1-state22 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic1-state23 { 0% { transform: translate(-50%, -50%) rotate(95deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(260.8deg);
    opacity: 1; } }

@keyframes animateGraphicMobile1-state23 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(17.5deg);
    opacity: 1; } }

@keyframes animateGraphic1-state24 { 0% { transform: translate(-50%, -50%) rotate(95deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(64.5deg);
    opacity: 1; } }

@keyframes animateGraphicMobile1-state24 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(100.5deg);
    opacity: 1; } }

@keyframes animateGraphic1-state25 { 0% { transform: translate(-50%, -50%) rotate(95deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(211deg);
    opacity: 1; } }

@keyframes animateGraphicMobile1-state25 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(145deg);
    opacity: 1; } }

@keyframes animateGraphic1-state26 { 0% { transform: translate(-50%, -50%) rotate(95deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(10deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile1-state26 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic1-state27 { 0% { transform: translate(-50%, -50%) rotate(95deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(58deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile1-state27 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic1-state30 { 0% { transform: translate(-50%, -50%) rotate(260.8deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; } }

@keyframes animateGraphicMobile1-state30 { 0% { transform: translate(-50%, -50%) rotate(17.5deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 1; } }

@keyframes animateGraphic1-state31 { 0% { transform: translate(-50%, -50%) rotate(260.8deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(135deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile1-state31 { 0% { transform: translate(-50%, -50%) rotate(17.5deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic1-state32 { 0% { transform: translate(-50%, -50%) rotate(260.8deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(95deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile1-state32 { 0% { transform: translate(-50%, -50%) rotate(17.5deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic1-state33 { 0% { transform: translate(-50%, -50%) rotate(260.8deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(260.8deg);
    opacity: 1; } }

@keyframes animateGraphicMobile1-state33 { 0% { transform: translate(-50%, -50%) rotate(17.5deg); }
  100% { transform: translate(-50%, -50%) rotate(17.5deg);
    opacity: 1; } }

@keyframes animateGraphic1-state34 { 0% { transform: translate(-50%, -50%) rotate(260.8deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(64.5deg);
    opacity: 1; } }

@keyframes animateGraphicMobile1-state34 { 0% { transform: translate(-50%, -50%) rotate(17.5deg); }
  100% { transform: translate(-50%, -50%) rotate(100.5deg);
    opacity: 1; } }

@keyframes animateGraphic1-state35 { 0% { transform: translate(-50%, -50%) rotate(260.8deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(211deg);
    opacity: 1; } }

@keyframes animateGraphicMobile1-state35 { 0% { transform: translate(-50%, -50%) rotate(17.5deg); }
  100% { transform: translate(-50%, -50%) rotate(145deg);
    opacity: 1; } }

@keyframes animateGraphic1-state36 { 0% { transform: translate(-50%, -50%) rotate(260.8deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(10deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile1-state36 { 0% { transform: translate(-50%, -50%) rotate(17.5deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic1-state37 { 0% { transform: translate(-50%, -50%) rotate(260.8deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(58deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile1-state37 { 0% { transform: translate(-50%, -50%) rotate(17.5deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic1-state40 { 0% { transform: translate(-50%, -50%) rotate(64.5deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; } }

@keyframes animateGraphicMobile1-state40 { 0% { transform: translate(-50%, -50%) rotate(100.5deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 1; } }

@keyframes animateGraphic1-state41 { 0% { transform: translate(-50%, -50%) rotate(64.5deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(135deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile1-state41 { 0% { transform: translate(-50%, -50%) rotate(100.5deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic1-state42 { 0% { transform: translate(-50%, -50%) rotate(64.5deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(95deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile1-state42 { 0% { transform: translate(-50%, -50%) rotate(100.5deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic1-state43 { 0% { transform: translate(-50%, -50%) rotate(64.5deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(260.8deg);
    opacity: 1; } }

@keyframes animateGraphicMobile1-state43 { 0% { transform: translate(-50%, -50%) rotate(100.5deg); }
  100% { transform: translate(-50%, -50%) rotate(17.5deg);
    opacity: 1; } }

@keyframes animateGraphic1-state44 { 0% { transform: translate(-50%, -50%) rotate(64.5deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(64.5deg);
    opacity: 1; } }

@keyframes animateGraphicMobile1-state44 { 0% { transform: translate(-50%, -50%) rotate(100.5deg); }
  100% { transform: translate(-50%, -50%) rotate(100.5deg);
    opacity: 1; } }

@keyframes animateGraphic1-state45 { 0% { transform: translate(-50%, -50%) rotate(64.5deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(211deg);
    opacity: 1; } }

@keyframes animateGraphicMobile1-state45 { 0% { transform: translate(-50%, -50%) rotate(100.5deg); }
  100% { transform: translate(-50%, -50%) rotate(145deg);
    opacity: 1; } }

@keyframes animateGraphic1-state46 { 0% { transform: translate(-50%, -50%) rotate(64.5deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(10deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile1-state46 { 0% { transform: translate(-50%, -50%) rotate(100.5deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic1-state47 { 0% { transform: translate(-50%, -50%) rotate(64.5deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(58deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile1-state47 { 0% { transform: translate(-50%, -50%) rotate(100.5deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic1-state50 { 0% { transform: translate(-50%, -50%) rotate(211deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; } }

@keyframes animateGraphicMobile1-state50 { 0% { transform: translate(-50%, -50%) rotate(145deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 1; } }

@keyframes animateGraphic1-state51 { 0% { transform: translate(-50%, -50%) rotate(211deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(135deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile1-state51 { 0% { transform: translate(-50%, -50%) rotate(145deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic1-state52 { 0% { transform: translate(-50%, -50%) rotate(211deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(95deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile1-state52 { 0% { transform: translate(-50%, -50%) rotate(145deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic1-state53 { 0% { transform: translate(-50%, -50%) rotate(211deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(260.8deg);
    opacity: 1; } }

@keyframes animateGraphicMobile1-state53 { 0% { transform: translate(-50%, -50%) rotate(145deg); }
  100% { transform: translate(-50%, -50%) rotate(17.5deg);
    opacity: 1; } }

@keyframes animateGraphic1-state54 { 0% { transform: translate(-50%, -50%) rotate(211deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(64.5deg);
    opacity: 1; } }

@keyframes animateGraphicMobile1-state54 { 0% { transform: translate(-50%, -50%) rotate(145deg); }
  100% { transform: translate(-50%, -50%) rotate(100.5deg);
    opacity: 1; } }

@keyframes animateGraphic1-state55 { 0% { transform: translate(-50%, -50%) rotate(211deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(211deg);
    opacity: 1; } }

@keyframes animateGraphicMobile1-state55 { 0% { transform: translate(-50%, -50%) rotate(145deg); }
  100% { transform: translate(-50%, -50%) rotate(145deg);
    opacity: 1; } }

@keyframes animateGraphic1-state56 { 0% { transform: translate(-50%, -50%) rotate(211deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(10deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile1-state56 { 0% { transform: translate(-50%, -50%) rotate(145deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic1-state57 { 0% { transform: translate(-50%, -50%) rotate(211deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(58deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile1-state57 { 0% { transform: translate(-50%, -50%) rotate(145deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic1-state60 { 0% { transform: translate(-50%, -50%) rotate(10deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; } }

@keyframes animateGraphicMobile1-state60 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 1; } }

@keyframes animateGraphic1-state61 { 0% { transform: translate(-50%, -50%) rotate(10deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(135deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile1-state61 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic1-state62 { 0% { transform: translate(-50%, -50%) rotate(10deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(95deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile1-state62 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic1-state63 { 0% { transform: translate(-50%, -50%) rotate(10deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(260.8deg);
    opacity: 1; } }

@keyframes animateGraphicMobile1-state63 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(17.5deg);
    opacity: 1; } }

@keyframes animateGraphic1-state64 { 0% { transform: translate(-50%, -50%) rotate(10deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(64.5deg);
    opacity: 1; } }

@keyframes animateGraphicMobile1-state64 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(100.5deg);
    opacity: 1; } }

@keyframes animateGraphic1-state65 { 0% { transform: translate(-50%, -50%) rotate(10deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(211deg);
    opacity: 1; } }

@keyframes animateGraphicMobile1-state65 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(145deg);
    opacity: 1; } }

@keyframes animateGraphic1-state66 { 0% { transform: translate(-50%, -50%) rotate(10deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(10deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile1-state66 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic1-state67 { 0% { transform: translate(-50%, -50%) rotate(10deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(58deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile1-state67 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic1-state70 { 0% { transform: translate(-50%, -50%) rotate(58deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; } }

@keyframes animateGraphicMobile1-state70 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 1; } }

@keyframes animateGraphic1-state71 { 0% { transform: translate(-50%, -50%) rotate(58deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(135deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile1-state71 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic1-state72 { 0% { transform: translate(-50%, -50%) rotate(58deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(95deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile1-state72 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic1-state73 { 0% { transform: translate(-50%, -50%) rotate(58deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(260.8deg);
    opacity: 1; } }

@keyframes animateGraphicMobile1-state73 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(17.5deg);
    opacity: 1; } }

@keyframes animateGraphic1-state74 { 0% { transform: translate(-50%, -50%) rotate(58deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(64.5deg);
    opacity: 1; } }

@keyframes animateGraphicMobile1-state74 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(100.5deg);
    opacity: 1; } }

@keyframes animateGraphic1-state75 { 0% { transform: translate(-50%, -50%) rotate(58deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(211deg);
    opacity: 1; } }

@keyframes animateGraphicMobile1-state75 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(145deg);
    opacity: 1; } }

@keyframes animateGraphic1-state76 { 0% { transform: translate(-50%, -50%) rotate(58deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(10deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile1-state76 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic1-state77 { 0% { transform: translate(-50%, -50%) rotate(58deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(58deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile1-state77 { 0% { transform: translate(-50%, -50%) rotate(275deg); }
  100% { transform: translate(-50%, -50%) rotate(275deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state00 { 0% { opacity: 1; }
  100% { opacity: 1; } }

@keyframes animateGraphicMobile2-state00 { 0% { transform: translate(-50%, -50%) rotate(150deg); }
  100% { transform: translate(-50%, -50%) rotate(150deg);
    opacity: 1; } }

@keyframes animateGraphic2-state01 { 0% { opacity: 1; }
  100% { opacity: 0.5; } }

@keyframes animateGraphicMobile2-state01 { 0% { transform: translate(-50%, -50%) rotate(150deg); }
  100% { transform: translate(-50%, -50%) rotate(150deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state02 { 0% { opacity: 1; }
  100% { opacity: 0.5; } }

@keyframes animateGraphicMobile2-state02 { 0% { transform: translate(-50%, -50%) rotate(150deg); }
  100% { transform: translate(-50%, -50%) rotate(150deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state03 { 0% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(-250.5deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state03 { 0% { transform: translate(-50%, -50%) rotate(150deg); }
  100% { transform: translate(-50%, -50%) rotate(-135.5deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state04 { 0% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(-206deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state04 { 0% { transform: translate(-50%, -50%) rotate(150deg); }
  100% { transform: translate(-50%, -50%) rotate(-169.5deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state05 { 0% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(-148deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state05 { 0% { transform: translate(-50%, -50%) rotate(150deg); }
  100% { transform: translate(-50%, -50%) rotate(145deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state06 { 0% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(-32.5deg);
    opacity: 1; } }

@keyframes animateGraphicMobile2-state06 { 0% { transform: translate(-50%, -50%) rotate(150deg); }
  100% { transform: translate(-50%, -50%) rotate(-120.3deg);
    opacity: 1; } }

@keyframes animateGraphic2-state07 { 0% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(-192deg);
    opacity: 1; } }

@keyframes animateGraphicMobile2-state07 { 0% { transform: translate(-50%, -50%) rotate(150deg); }
  100% { transform: translate(-50%, -50%) rotate(110.5deg);
    opacity: 1; } }

@keyframes animateGraphic2-state10 { 0% { opacity: 0.5; }
  100% { opacity: 1; } }

@keyframes animateGraphicMobile2-state10 { 0% { transform: translate(-50%, -50%) rotate(150deg); }
  100% { transform: translate(-50%, -50%) rotate(150deg);
    opacity: 1; } }

@keyframes animateGraphic2-state11 { 0% { opacity: 0.5; }
  100% { opacity: 0.5; } }

@keyframes animateGraphicMobile2-state11 { 0% { transform: translate(-50%, -50%) rotate(150deg); }
  100% { transform: translate(-50%, -50%) rotate(150deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state12 { 0% { opacity: 0.5; }
  100% { opacity: 0.5; } }

@keyframes animateGraphicMobile2-state12 { 0% { transform: translate(-50%, -50%) rotate(150deg); }
  100% { transform: translate(-50%, -50%) rotate(150deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state13 { 0% { transform: translate(-50%, -50%) rotate(135deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-250.5deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state13 { 0% { transform: translate(-50%, -50%) rotate(150deg); }
  100% { transform: translate(-50%, -50%) rotate(-135.5deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state14 { 0% { transform: translate(-50%, -50%) rotate(135deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-206deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state14 { 0% { transform: translate(-50%, -50%) rotate(150deg); }
  100% { transform: translate(-50%, -50%) rotate(-169.5deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state15 { 0% { transform: translate(-50%, -50%) rotate(135deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-148deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state15 { 0% { transform: translate(-50%, -50%) rotate(150deg); }
  100% { transform: translate(-50%, -50%) rotate(145deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state16 { 0% { transform: translate(-50%, -50%) rotate(135deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-32.5deg);
    opacity: 1; } }

@keyframes animateGraphicMobile2-state16 { 0% { transform: translate(-50%, -50%) rotate(150deg); }
  100% { transform: translate(-50%, -50%) rotate(-120.3deg);
    opacity: 1; } }

@keyframes animateGraphic2-state17 { 0% { transform: translate(-50%, -50%) rotate(135deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-192deg);
    opacity: 1; } }

@keyframes animateGraphicMobile2-state17 { 0% { transform: translate(-50%, -50%) rotate(150deg); }
  100% { transform: translate(-50%, -50%) rotate(110.5deg);
    opacity: 1; } }

@keyframes animateGraphic2-state20 { 0% { opacity: 0.5; }
  100% { opacity: 1; } }

@keyframes animateGraphicMobile2-state20 { 0% { transform: translate(-50%, -50%) rotate(150deg); }
  100% { transform: translate(-50%, -50%) rotate(150deg);
    opacity: 1; } }

@keyframes animateGraphic2-state21 { 0% { opacity: 0.5; }
  100% { opacity: 0.5; } }

@keyframes animateGraphicMobile2-state21 { 0% { transform: translate(-50%, -50%) rotate(150deg); }
  100% { transform: translate(-50%, -50%) rotate(150deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state22 { 0% { opacity: 0.5; }
  100% { opacity: 0.5; } }

@keyframes animateGraphicMobile2-state22 { 0% { transform: translate(-50%, -50%) rotate(150deg); }
  100% { transform: translate(-50%, -50%) rotate(150deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state23 { 0% { transform: translate(-50%, -50%) rotate(95deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-250.5deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state23 { 0% { transform: translate(-50%, -50%) rotate(150deg); }
  100% { transform: translate(-50%, -50%) rotate(-135.5deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state24 { 0% { transform: translate(-50%, -50%) rotate(95deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-206deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state24 { 0% { transform: translate(-50%, -50%) rotate(150deg); }
  100% { transform: translate(-50%, -50%) rotate(-169.5deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state25 { 0% { transform: translate(-50%, -50%) rotate(95deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-148deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state25 { 0% { transform: translate(-50%, -50%) rotate(150deg); }
  100% { transform: translate(-50%, -50%) rotate(145deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state26 { 0% { transform: translate(-50%, -50%) rotate(95deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-32.5deg);
    opacity: 1; } }

@keyframes animateGraphicMobile2-state26 { 0% { transform: translate(-50%, -50%) rotate(150deg); }
  100% { transform: translate(-50%, -50%) rotate(-120.3deg);
    opacity: 1; } }

@keyframes animateGraphic2-state27 { 0% { transform: translate(-50%, -50%) rotate(95deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-192deg);
    opacity: 1; } }

@keyframes animateGraphicMobile2-state27 { 0% { transform: translate(-50%, -50%) rotate(150deg); }
  100% { transform: translate(-50%, -50%) rotate(110.5deg);
    opacity: 1; } }

@keyframes animateGraphic2-state30 { 0% { transform: translate(-50%, -50%) rotate(109.5deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-360deg);
    opacity: 1; } }

@keyframes animateGraphicMobile2-state30 { 0% { transform: translate(-50%, -50%) rotate(-135.5deg); }
  100% { transform: translate(-50%, -50%) rotate(150deg);
    opacity: 1; } }

@keyframes animateGraphic2-state31 { 0% { transform: translate(-50%, -50%) rotate(109.5deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-225deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state31 { 0% { transform: translate(-50%, -50%) rotate(-135.5deg); }
  100% { transform: translate(-50%, -50%) rotate(150deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state32 { 0% { transform: translate(-50%, -50%) rotate(109.5deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-265deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state32 { 0% { transform: translate(-50%, -50%) rotate(-135.5deg); }
  100% { transform: translate(-50%, -50%) rotate(150deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state33 { 0% { transform: translate(-50%, -50%) rotate(109.5deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-250.5deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state33 { 0% { transform: translate(-50%, -50%) rotate(-135.5deg); }
  100% { transform: translate(-50%, -50%) rotate(-135.5deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state34 { 0% { transform: translate(-50%, -50%) rotate(109.5deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-206deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state34 { 0% { transform: translate(-50%, -50%) rotate(-135.5deg); }
  100% { transform: translate(-50%, -50%) rotate(-169.5deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state35 { 0% { transform: translate(-50%, -50%) rotate(109.5deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-148deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state35 { 0% { transform: translate(-50%, -50%) rotate(-135.5deg); }
  100% { transform: translate(-50%, -50%) rotate(145deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state36 { 0% { transform: translate(-50%, -50%) rotate(109.5deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-32.5deg);
    opacity: 1; } }

@keyframes animateGraphicMobile2-state36 { 0% { transform: translate(-50%, -50%) rotate(-135.5deg); }
  100% { transform: translate(-50%, -50%) rotate(-120.3deg);
    opacity: 1; } }

@keyframes animateGraphic2-state37 { 0% { transform: translate(-50%, -50%) rotate(109.5deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-192deg);
    opacity: 1; } }

@keyframes animateGraphicMobile2-state37 { 0% { transform: translate(-50%, -50%) rotate(-135.5deg); }
  100% { transform: translate(-50%, -50%) rotate(110.5deg);
    opacity: 1; } }

@keyframes animateGraphic2-state40 { 0% { transform: translate(-50%, -50%) rotate(154deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-360deg);
    opacity: 1; } }

@keyframes animateGraphicMobile2-state40 { 0% { transform: translate(-50%, -50%) rotate(-169.5deg); }
  100% { transform: translate(-50%, -50%) rotate(150deg);
    opacity: 1; } }

@keyframes animateGraphic2-state41 { 0% { transform: translate(-50%, -50%) rotate(154deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-225deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state41 { 0% { transform: translate(-50%, -50%) rotate(-169.5deg); }
  100% { transform: translate(-50%, -50%) rotate(150deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state42 { 0% { transform: translate(-50%, -50%) rotate(154deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-265deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state42 { 0% { transform: translate(-50%, -50%) rotate(-169.5deg); }
  100% { transform: translate(-50%, -50%) rotate(150deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state43 { 0% { transform: translate(-50%, -50%) rotate(154deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-250.5deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state43 { 0% { transform: translate(-50%, -50%) rotate(-169.5deg); }
  100% { transform: translate(-50%, -50%) rotate(-135.5deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state44 { 0% { transform: translate(-50%, -50%) rotate(154deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-206deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state44 { 0% { transform: translate(-50%, -50%) rotate(-169.5deg); }
  100% { transform: translate(-50%, -50%) rotate(-169.5deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state45 { 0% { transform: translate(-50%, -50%) rotate(154deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-148deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state45 { 0% { transform: translate(-50%, -50%) rotate(-169.5deg); }
  100% { transform: translate(-50%, -50%) rotate(145deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state46 { 0% { transform: translate(-50%, -50%) rotate(154deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-32.5deg);
    opacity: 1; } }

@keyframes animateGraphicMobile2-state46 { 0% { transform: translate(-50%, -50%) rotate(-169.5deg); }
  100% { transform: translate(-50%, -50%) rotate(-120.3deg);
    opacity: 1; } }

@keyframes animateGraphic2-state47 { 0% { transform: translate(-50%, -50%) rotate(154deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-192deg);
    opacity: 1; } }

@keyframes animateGraphicMobile2-state47 { 0% { transform: translate(-50%, -50%) rotate(-169.5deg); }
  100% { transform: translate(-50%, -50%) rotate(110.5deg);
    opacity: 1; } }

@keyframes animateGraphic2-state50 { 0% { transform: translate(-50%, -50%) rotate(212deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-360deg);
    opacity: 1; } }

@keyframes animateGraphicMobile2-state50 { 0% { transform: translate(-50%, -50%) rotate(145deg); }
  100% { transform: translate(-50%, -50%) rotate(150deg);
    opacity: 1; } }

@keyframes animateGraphic2-state51 { 0% { transform: translate(-50%, -50%) rotate(212deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-225deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state51 { 0% { transform: translate(-50%, -50%) rotate(145deg); }
  100% { transform: translate(-50%, -50%) rotate(150deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state52 { 0% { transform: translate(-50%, -50%) rotate(212deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-265deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state52 { 0% { transform: translate(-50%, -50%) rotate(145deg); }
  100% { transform: translate(-50%, -50%) rotate(150deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state53 { 0% { transform: translate(-50%, -50%) rotate(212deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-250.5deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state53 { 0% { transform: translate(-50%, -50%) rotate(145deg); }
  100% { transform: translate(-50%, -50%) rotate(-135.5deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state54 { 0% { transform: translate(-50%, -50%) rotate(212deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-206deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state54 { 0% { transform: translate(-50%, -50%) rotate(145deg); }
  100% { transform: translate(-50%, -50%) rotate(-169.5deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state55 { 0% { transform: translate(-50%, -50%) rotate(212deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-148deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state55 { 0% { transform: translate(-50%, -50%) rotate(145deg); }
  100% { transform: translate(-50%, -50%) rotate(145deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state56 { 0% { transform: translate(-50%, -50%) rotate(212deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-32.5deg);
    opacity: 1; } }

@keyframes animateGraphicMobile2-state56 { 0% { transform: translate(-50%, -50%) rotate(145deg); }
  100% { transform: translate(-50%, -50%) rotate(-120.3deg);
    opacity: 1; } }

@keyframes animateGraphic2-state57 { 0% { transform: translate(-50%, -50%) rotate(212deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-192deg);
    opacity: 1; } }

@keyframes animateGraphicMobile2-state57 { 0% { transform: translate(-50%, -50%) rotate(145deg); }
  100% { transform: translate(-50%, -50%) rotate(110.5deg);
    opacity: 1; } }

@keyframes animateGraphic2-state60 { 0% { transform: translate(-50%, -50%) rotate(327.5deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(-360deg);
    opacity: 1; } }

@keyframes animateGraphicMobile2-state60 { 0% { transform: translate(-50%, -50%) rotate(-120.3deg); }
  100% { transform: translate(-50%, -50%) rotate(150deg);
    opacity: 1; } }

@keyframes animateGraphic2-state61 { 0% { transform: translate(-50%, -50%) rotate(327.5deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(-225deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state61 { 0% { transform: translate(-50%, -50%) rotate(-120.3deg); }
  100% { transform: translate(-50%, -50%) rotate(150deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state62 { 0% { transform: translate(-50%, -50%) rotate(327.5deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(-265deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state62 { 0% { transform: translate(-50%, -50%) rotate(-120.3deg); }
  100% { transform: translate(-50%, -50%) rotate(150deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state63 { 0% { transform: translate(-50%, -50%) rotate(327.5deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(-250.5deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state63 { 0% { transform: translate(-50%, -50%) rotate(-120.3deg); }
  100% { transform: translate(-50%, -50%) rotate(-135.5deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state64 { 0% { transform: translate(-50%, -50%) rotate(327.5deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(-206deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state64 { 0% { transform: translate(-50%, -50%) rotate(-120.3deg); }
  100% { transform: translate(-50%, -50%) rotate(-169.5deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state65 { 0% { transform: translate(-50%, -50%) rotate(327.5deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(-148deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state65 { 0% { transform: translate(-50%, -50%) rotate(-120.3deg); }
  100% { transform: translate(-50%, -50%) rotate(145deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state66 { 0% { transform: translate(-50%, -50%) rotate(327.5deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(-32.5deg);
    opacity: 1; } }

@keyframes animateGraphicMobile2-state66 { 0% { transform: translate(-50%, -50%) rotate(-120.3deg); }
  100% { transform: translate(-50%, -50%) rotate(-120.3deg);
    opacity: 1; } }

@keyframes animateGraphic2-state67 { 0% { transform: translate(-50%, -50%) rotate(327.5deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(-192deg);
    opacity: 1; } }

@keyframes animateGraphicMobile2-state67 { 0% { transform: translate(-50%, -50%) rotate(-120.3deg); }
  100% { transform: translate(-50%, -50%) rotate(110.5deg);
    opacity: 1; } }

@keyframes animateGraphic2-state70 { 0% { transform: translate(-50%, -50%) rotate(168deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(-360deg);
    opacity: 1; } }

@keyframes animateGraphicMobile2-state70 { 0% { transform: translate(-50%, -50%) rotate(110.5deg); }
  100% { transform: translate(-50%, -50%) rotate(150deg);
    opacity: 1; } }

@keyframes animateGraphic2-state71 { 0% { transform: translate(-50%, -50%) rotate(168deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(-225deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state71 { 0% { transform: translate(-50%, -50%) rotate(110.5deg); }
  100% { transform: translate(-50%, -50%) rotate(150deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state72 { 0% { transform: translate(-50%, -50%) rotate(168deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(-265deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state72 { 0% { transform: translate(-50%, -50%) rotate(110.5deg); }
  100% { transform: translate(-50%, -50%) rotate(150deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state73 { 0% { transform: translate(-50%, -50%) rotate(168deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(-250.5deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state73 { 0% { transform: translate(-50%, -50%) rotate(110.5deg); }
  100% { transform: translate(-50%, -50%) rotate(-135.5deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state74 { 0% { transform: translate(-50%, -50%) rotate(168deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(-206deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state74 { 0% { transform: translate(-50%, -50%) rotate(110.5deg); }
  100% { transform: translate(-50%, -50%) rotate(-169.5deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state75 { 0% { transform: translate(-50%, -50%) rotate(168deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(-148deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile2-state75 { 0% { transform: translate(-50%, -50%) rotate(110.5deg); }
  100% { transform: translate(-50%, -50%) rotate(145deg);
    opacity: 0.5; } }

@keyframes animateGraphic2-state76 { 0% { transform: translate(-50%, -50%) rotate(168deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(-32.5deg);
    opacity: 1; } }

@keyframes animateGraphicMobile2-state76 { 0% { transform: translate(-50%, -50%) rotate(110.5deg); }
  100% { transform: translate(-50%, -50%) rotate(-120.3deg);
    opacity: 1; } }

@keyframes animateGraphic2-state77 { 0% { transform: translate(-50%, -50%) rotate(168deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(-192deg);
    opacity: 1; } }

@keyframes animateGraphicMobile2-state77 { 0% { transform: translate(-50%, -50%) rotate(110.5deg); }
  100% { transform: translate(-50%, -50%) rotate(110.5deg);
    opacity: 1; } }

@keyframes animateGraphic3-state00 { 0% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; } }

@keyframes animateGraphicMobile3-state00 { 0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; } }

@keyframes animateGraphic3-state01 { 0% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(-128.5deg);
    opacity: 1; } }

@keyframes animateGraphicMobile3-state01 { 0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(-224.5deg);
    opacity: 1; } }

@keyframes animateGraphic3-state02 { 0% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(182deg);
    opacity: 1; } }

@keyframes animateGraphicMobile3-state02 { 0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(86.3deg);
    opacity: 1; } }

@keyframes animateGraphic3-state03 { 0% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(109.5deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state03 { 0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(-135.5deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state04 { 0% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(153deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state04 { 0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(-169.55deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state05 { 0% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(212deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state05 { 0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(145deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state06 { 0% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(266.5deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state06 { 0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(28deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state07 { 0% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(315deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state07 { 0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(50deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state10 { 0% { transform: translate(-50%, -50%) rotate(-128.5deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; } }

@keyframes animateGraphicMobile3-state10 { 0% { transform: translate(-50%, -50%) rotate(-224.5deg); }
  100% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; } }

@keyframes animateGraphic3-state11 { 0% { transform: translate(-50%, -50%) rotate(-128.5deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(-128.5deg);
    opacity: 1; } }

@keyframes animateGraphicMobile3-state11 { 0% { transform: translate(-50%, -50%) rotate(-224.5deg); }
  100% { transform: translate(-50%, -50%) rotate(-224.5deg);
    opacity: 1; } }

@keyframes animateGraphic3-state12 { 0% { transform: translate(-50%, -50%) rotate(-128.5deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(182deg);
    opacity: 1; } }

@keyframes animateGraphicMobile3-state12 { 0% { transform: translate(-50%, -50%) rotate(-224.5deg); }
  100% { transform: translate(-50%, -50%) rotate(86.3deg);
    opacity: 1; } }

@keyframes animateGraphic3-state13 { 0% { transform: translate(-50%, -50%) rotate(-128.5deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(109.5deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state13 { 0% { transform: translate(-50%, -50%) rotate(-224.5deg); }
  100% { transform: translate(-50%, -50%) rotate(-135.5deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state14 { 0% { transform: translate(-50%, -50%) rotate(-128.5deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(153deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state14 { 0% { transform: translate(-50%, -50%) rotate(-224.5deg); }
  100% { transform: translate(-50%, -50%) rotate(-169.55deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state15 { 0% { transform: translate(-50%, -50%) rotate(-128.5deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(212deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state15 { 0% { transform: translate(-50%, -50%) rotate(-224.5deg); }
  100% { transform: translate(-50%, -50%) rotate(145deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state16 { 0% { transform: translate(-50%, -50%) rotate(-128.5deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(266.5deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state16 { 0% { transform: translate(-50%, -50%) rotate(-224.5deg); }
  100% { transform: translate(-50%, -50%) rotate(28deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state17 { 0% { transform: translate(-50%, -50%) rotate(-128.5deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(315deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state17 { 0% { transform: translate(-50%, -50%) rotate(-224.5deg); }
  100% { transform: translate(-50%, -50%) rotate(50deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state20 { 0% { transform: translate(-50%, -50%) rotate(182deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; } }

@keyframes animateGraphicMobile3-state20 { 0% { transform: translate(-50%, -50%) rotate(86.3deg); }
  100% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; } }

@keyframes animateGraphic3-state21 { 0% { transform: translate(-50%, -50%) rotate(182deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(-128.5deg);
    opacity: 1; } }

@keyframes animateGraphicMobile3-state21 { 0% { transform: translate(-50%, -50%) rotate(86.3deg); }
  100% { transform: translate(-50%, -50%) rotate(-224.5deg);
    opacity: 1; } }

@keyframes animateGraphic3-state22 { 0% { transform: translate(-50%, -50%) rotate(182deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(182deg);
    opacity: 1; } }

@keyframes animateGraphicMobile3-state22 { 0% { transform: translate(-50%, -50%) rotate(86.3deg); }
  100% { transform: translate(-50%, -50%) rotate(86.3deg);
    opacity: 1; } }

@keyframes animateGraphic3-state23 { 0% { transform: translate(-50%, -50%) rotate(182deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(109.5deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state23 { 0% { transform: translate(-50%, -50%) rotate(86.3deg); }
  100% { transform: translate(-50%, -50%) rotate(-135.5deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state24 { 0% { transform: translate(-50%, -50%) rotate(182deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(153deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state24 { 0% { transform: translate(-50%, -50%) rotate(86.3deg); }
  100% { transform: translate(-50%, -50%) rotate(-169.55deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state25 { 0% { transform: translate(-50%, -50%) rotate(182deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(212deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state25 { 0% { transform: translate(-50%, -50%) rotate(86.3deg); }
  100% { transform: translate(-50%, -50%) rotate(145deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state26 { 0% { transform: translate(-50%, -50%) rotate(182deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(266.5deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state26 { 0% { transform: translate(-50%, -50%) rotate(86.3deg); }
  100% { transform: translate(-50%, -50%) rotate(28deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state27 { 0% { transform: translate(-50%, -50%) rotate(182deg);
    opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(315deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state27 { 0% { transform: translate(-50%, -50%) rotate(86.3deg); }
  100% { transform: translate(-50%, -50%) rotate(50deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state30 { 0% { transform: translate(-50%, -50%) rotate(109.5deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; } }

@keyframes animateGraphicMobile3-state30 { 0% { transform: translate(-50%, -50%) rotate(-135.5deg); }
  100% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; } }

@keyframes animateGraphic3-state31 { 0% { transform: translate(-50%, -50%) rotate(109.5deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-128.5deg);
    opacity: 1; } }

@keyframes animateGraphicMobile3-state31 { 0% { transform: translate(-50%, -50%) rotate(-135.5deg); }
  100% { transform: translate(-50%, -50%) rotate(-224.5deg);
    opacity: 1; } }

@keyframes animateGraphic3-state32 { 0% { transform: translate(-50%, -50%) rotate(109.5deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(182deg);
    opacity: 1; } }

@keyframes animateGraphicMobile3-state32 { 0% { transform: translate(-50%, -50%) rotate(-135.5deg); }
  100% { transform: translate(-50%, -50%) rotate(86.3deg);
    opacity: 1; } }

@keyframes animateGraphic3-state33 { 0% { transform: translate(-50%, -50%) rotate(109.5deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(109.5deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state33 { 0% { transform: translate(-50%, -50%) rotate(-135.5deg); }
  100% { transform: translate(-50%, -50%) rotate(-135.5deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state34 { 0% { transform: translate(-50%, -50%) rotate(109.5deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(153deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state34 { 0% { transform: translate(-50%, -50%) rotate(-135.5deg); }
  100% { transform: translate(-50%, -50%) rotate(-169.55deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state35 { 0% { transform: translate(-50%, -50%) rotate(109.5deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(212deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state35 { 0% { transform: translate(-50%, -50%) rotate(-135.5deg); }
  100% { transform: translate(-50%, -50%) rotate(145deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state36 { 0% { transform: translate(-50%, -50%) rotate(109.5deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(266.5deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state36 { 0% { transform: translate(-50%, -50%) rotate(-135.5deg); }
  100% { transform: translate(-50%, -50%) rotate(28deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state37 { 0% { transform: translate(-50%, -50%) rotate(109.5deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(315deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state37 { 0% { transform: translate(-50%, -50%) rotate(-135.5deg); }
  100% { transform: translate(-50%, -50%) rotate(50deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state40 { 0% { transform: translate(-50%, -50%) rotate(153deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; } }

@keyframes animateGraphicMobile3-state40 { 0% { transform: translate(-50%, -50%) rotate(-169.55deg); }
  100% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; } }

@keyframes animateGraphic3-state41 { 0% { transform: translate(-50%, -50%) rotate(153deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-128.5deg);
    opacity: 1; } }

@keyframes animateGraphicMobile3-state41 { 0% { transform: translate(-50%, -50%) rotate(-169.55deg); }
  100% { transform: translate(-50%, -50%) rotate(-224.5deg);
    opacity: 1; } }

@keyframes animateGraphic3-state42 { 0% { transform: translate(-50%, -50%) rotate(153deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(182deg);
    opacity: 1; } }

@keyframes animateGraphicMobile3-state42 { 0% { transform: translate(-50%, -50%) rotate(-169.55deg); }
  100% { transform: translate(-50%, -50%) rotate(86.3deg);
    opacity: 1; } }

@keyframes animateGraphic3-state43 { 0% { transform: translate(-50%, -50%) rotate(153deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(109.5deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state43 { 0% { transform: translate(-50%, -50%) rotate(-169.55deg); }
  100% { transform: translate(-50%, -50%) rotate(-135.5deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state44 { 0% { transform: translate(-50%, -50%) rotate(153deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(153deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state44 { 0% { transform: translate(-50%, -50%) rotate(-169.55deg); }
  100% { transform: translate(-50%, -50%) rotate(-169.55deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state45 { 0% { transform: translate(-50%, -50%) rotate(153deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(212deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state45 { 0% { transform: translate(-50%, -50%) rotate(-169.55deg); }
  100% { transform: translate(-50%, -50%) rotate(145deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state46 { 0% { transform: translate(-50%, -50%) rotate(153deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(266.5deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state46 { 0% { transform: translate(-50%, -50%) rotate(-169.55deg); }
  100% { transform: translate(-50%, -50%) rotate(28deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state47 { 0% { transform: translate(-50%, -50%) rotate(153deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(315deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state47 { 0% { transform: translate(-50%, -50%) rotate(-169.55deg); }
  100% { transform: translate(-50%, -50%) rotate(50deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state50 { 0% { transform: translate(-50%, -50%) rotate(212deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; } }

@keyframes animateGraphicMobile3-state50 { 0% { transform: translate(-50%, -50%) rotate(145deg); }
  100% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; } }

@keyframes animateGraphic3-state51 { 0% { transform: translate(-50%, -50%) rotate(212deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-128.5deg);
    opacity: 1; } }

@keyframes animateGraphicMobile3-state51 { 0% { transform: translate(-50%, -50%) rotate(145deg); }
  100% { transform: translate(-50%, -50%) rotate(-224.5deg);
    opacity: 1; } }

@keyframes animateGraphic3-state52 { 0% { transform: translate(-50%, -50%) rotate(212deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(182deg);
    opacity: 1; } }

@keyframes animateGraphicMobile3-state52 { 0% { transform: translate(-50%, -50%) rotate(145deg); }
  100% { transform: translate(-50%, -50%) rotate(86.3deg);
    opacity: 1; } }

@keyframes animateGraphic3-state53 { 0% { transform: translate(-50%, -50%) rotate(212deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(109.5deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state53 { 0% { transform: translate(-50%, -50%) rotate(145deg); }
  100% { transform: translate(-50%, -50%) rotate(-135.5deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state54 { 0% { transform: translate(-50%, -50%) rotate(212deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(153deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state54 { 0% { transform: translate(-50%, -50%) rotate(145deg); }
  100% { transform: translate(-50%, -50%) rotate(-169.55deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state55 { 0% { transform: translate(-50%, -50%) rotate(212deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(212deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state55 { 0% { transform: translate(-50%, -50%) rotate(145deg); }
  100% { transform: translate(-50%, -50%) rotate(145deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state56 { 0% { transform: translate(-50%, -50%) rotate(212deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(266.5deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state56 { 0% { transform: translate(-50%, -50%) rotate(145deg); }
  100% { transform: translate(-50%, -50%) rotate(28deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state57 { 0% { transform: translate(-50%, -50%) rotate(212deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(315deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state57 { 0% { transform: translate(-50%, -50%) rotate(145deg); }
  100% { transform: translate(-50%, -50%) rotate(50deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state60 { 0% { transform: translate(-50%, -50%) rotate(266.5deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; } }

@keyframes animateGraphicMobile3-state60 { 0% { transform: translate(-50%, -50%) rotate(28deg); }
  100% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; } }

@keyframes animateGraphic3-state61 { 0% { transform: translate(-50%, -50%) rotate(266.5deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-128.5deg);
    opacity: 1; } }

@keyframes animateGraphicMobile3-state61 { 0% { transform: translate(-50%, -50%) rotate(28deg); }
  100% { transform: translate(-50%, -50%) rotate(-224.5deg);
    opacity: 1; } }

@keyframes animateGraphic3-state62 { 0% { transform: translate(-50%, -50%) rotate(266.5deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(182deg);
    opacity: 1; } }

@keyframes animateGraphicMobile3-state62 { 0% { transform: translate(-50%, -50%) rotate(28deg); }
  100% { transform: translate(-50%, -50%) rotate(86.3deg);
    opacity: 1; } }

@keyframes animateGraphic3-state63 { 0% { transform: translate(-50%, -50%) rotate(266.5deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(109.5deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state63 { 0% { transform: translate(-50%, -50%) rotate(28deg); }
  100% { transform: translate(-50%, -50%) rotate(-135.5deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state64 { 0% { transform: translate(-50%, -50%) rotate(266.5deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(153deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state64 { 0% { transform: translate(-50%, -50%) rotate(28deg); }
  100% { transform: translate(-50%, -50%) rotate(-169.55deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state65 { 0% { transform: translate(-50%, -50%) rotate(266.5deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(212deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state65 { 0% { transform: translate(-50%, -50%) rotate(28deg); }
  100% { transform: translate(-50%, -50%) rotate(145deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state66 { 0% { transform: translate(-50%, -50%) rotate(266.5deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(266.5deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state66 { 0% { transform: translate(-50%, -50%) rotate(28deg); }
  100% { transform: translate(-50%, -50%) rotate(28deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state67 { 0% { transform: translate(-50%, -50%) rotate(266.5deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(315deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state67 { 0% { transform: translate(-50%, -50%) rotate(28deg); }
  100% { transform: translate(-50%, -50%) rotate(50deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state70 { 0% { transform: translate(-50%, -50%) rotate(315deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; } }

@keyframes animateGraphicMobile3-state70 { 0% { transform: translate(-50%, -50%) rotate(50deg); }
  100% { transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1; } }

@keyframes animateGraphic3-state71 { 0% { transform: translate(-50%, -50%) rotate(315deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(-128.5deg);
    opacity: 1; } }

@keyframes animateGraphicMobile3-state71 { 0% { transform: translate(-50%, -50%) rotate(50deg); }
  100% { transform: translate(-50%, -50%) rotate(-224.5deg);
    opacity: 1; } }

@keyframes animateGraphic3-state72 { 0% { transform: translate(-50%, -50%) rotate(315deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(182deg);
    opacity: 1; } }

@keyframes animateGraphicMobile3-state72 { 0% { transform: translate(-50%, -50%) rotate(50deg); }
  100% { transform: translate(-50%, -50%) rotate(86.3deg);
    opacity: 1; } }

@keyframes animateGraphic3-state73 { 0% { transform: translate(-50%, -50%) rotate(315deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(109.5deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state73 { 0% { transform: translate(-50%, -50%) rotate(50deg); }
  100% { transform: translate(-50%, -50%) rotate(-135.5deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state74 { 0% { transform: translate(-50%, -50%) rotate(315deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(153deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state74 { 0% { transform: translate(-50%, -50%) rotate(50deg); }
  100% { transform: translate(-50%, -50%) rotate(-169.55deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state75 { 0% { transform: translate(-50%, -50%) rotate(315deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(212deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state75 { 0% { transform: translate(-50%, -50%) rotate(50deg); }
  100% { transform: translate(-50%, -50%) rotate(145deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state76 { 0% { transform: translate(-50%, -50%) rotate(315deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(266.5deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state76 { 0% { transform: translate(-50%, -50%) rotate(50deg); }
  100% { transform: translate(-50%, -50%) rotate(28deg);
    opacity: 0.5; } }

@keyframes animateGraphic3-state77 { 0% { transform: translate(-50%, -50%) rotate(315deg);
    opacity: 0.5; }
  100% { transform: translate(-50%, -50%) rotate(315deg);
    opacity: 0.5; } }

@keyframes animateGraphicMobile3-state77 { 0% { transform: translate(-50%, -50%) rotate(50deg); }
  100% { transform: translate(-50%, -50%) rotate(50deg);
    opacity: 0.5; } }

@keyframes slideLinks-toPosition-state1 { 0% { right: auto;
    left: 28%;
    top: 0px; }
  90% { white-space: nowrap; }
  100% { right: auto;
    left: 35%;
    top: 65%;
    width: 100%;
    max-width: 220px;
    white-space: initial; } }

@keyframes slideLinks-toDefault-state1 { 0% { right: auto;
    left: 35%;
    top: 65%;
    width: 100%;
    max-width: 220px;
    white-space: initial; }
  90% { white-space: nowrap; }
  100% { right: auto;
    left: 28%;
    top: 0px; } }

@keyframes slideLinks-toPosition-state2 { 0% { right: auto;
    left: 73%;
    top: 0px; }
  90% { white-space: nowrap; }
  100% { right: auto;
    left: 68%;
    top: 43%;
    width: 100%;
    max-width: 220px;
    white-space: initial; } }

@keyframes slideLinks-toDefault-state2 { 0% { right: auto;
    left: 68%;
    top: 43%;
    width: 100%;
    max-width: 220px;
    white-space: initial; }
  90% { white-space: nowrap; }
  100% { right: auto;
    left: 73%;
    top: 0px; } }

@keyframes slideLinks-toPosition-state3 { 0% { right: auto;
    left: 13%;
    top: 86%; }
  90% { white-space: nowrap; }
  100% { right: auto;
    left: 16%;
    top: -50%;
    width: 100%;
    max-width: 220px;
    white-space: initial; } }

@keyframes slideLinks-toDefault-state3 { 0% { right: auto;
    left: 16%;
    top: -50%;
    width: 100%;
    max-width: 220px;
    white-space: initial; }
  90% { white-space: nowrap; }
  100% { right: auto;
    left: 13%;
    top: 86%; } }

@keyframes slideLinks-toPosition-state4 { 0% { right: auto;
    left: 50%;
    top: 86%; }
  90% { white-space: nowrap; }
  100% { right: auto;
    left: 44%;
    top: -5%;
    width: 100%;
    max-width: 220px;
    white-space: initial; } }

@keyframes slideLinks-toDefault-state4 { 0% { right: auto;
    left: 44%;
    top: -5%;
    width: 100%;
    max-width: 220px;
    white-space: initial; }
  90% { white-space: nowrap; }
  100% { right: auto;
    left: 50%;
    top: 86%; } }

@keyframes slideLinks-toPosition-state5 { 0% { right: -27%;
    left: auto;
    top: 86%; }
  90% { white-space: nowrap; }
  100% { right: auto;
    left: 86.5%;
    top: -5%;
    width: 100%;
    max-width: 220px;
    white-space: initial; } }

@keyframes slideLinks-toDefault-state5 { 0% { right: auto;
    left: 86.5%;
    top: -5%;
    width: 100%;
    max-width: 220px;
    white-space: initial; }
  90% { white-space: nowrap; }
  100% { right: -27%;
    left: auto;
    top: 86%; } }

@keyframes slideLinks-toPosition-state6 { 0% { right: auto;
    left: 23%;
    top: 0px; }
  90% { white-space: nowrap; }
  100% { right: auto;
    left: 28%;
    top: 25%;
    width: 100%;
    max-width: 220px;
    white-space: initial; } }

@keyframes slideLinks-toDefault-state6 { 0% { right: auto;
    left: 28%;
    top: 25%;
    width: 100%;
    max-width: 220px;
    white-space: initial; }
  90% { white-space: nowrap; }
  100% { right: auto;
    left: 23%;
    top: 0px; } }

@keyframes slideLinks-toPosition-state7 { 0% { right: auto;
    left: 73%;
    top: 0px; }
  90% { white-space: nowrap; }
  100% { right: auto;
    left: 68%;
    top: 50%;
    width: 100%;
    max-width: 220px;
    white-space: initial; } }

@keyframes slideLinks-toDefault-state7 { 0% { right: auto;
    left: 68%;
    top: 50%;
    width: 100%;
    max-width: 220px;
    white-space: initial; }
  90% { white-space: nowrap; }
  100% { right: auto;
    left: 73%;
    top: 0px; } }

@keyframes animateActiveLinks { 0% { transform: scale(1); }
  50% { transform: scale(1.08); }
  100% { transform: scale(1); } }

@keyframes shineText { 0% { background-position: 0 0; }
  100% { background-position: 100% 0; } }

@keyframes animateOpacity { 0% { opacity: 0; }
  75% { opacity: 0; }
  100% { opacity: 1; } }

#animation { display: flex; justify-content: center; padding: 25px 0px; }

#animation > div { width: 100%; max-width: 650px; position: relative; margin: 0 50px; padding: 20px 0px; }

#animation > div > img.bg, #animation > div > picture.bg { width: 100%; }

#animation > div > img.bg.fixed, #animation > div > picture.bg.fixed { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#animation > div > img.bg.fixed#circle3, #animation > div > picture.bg.fixed#circle3 { transform: translate(-50%, -50%) rotate(0deg); }

#animation > div > img.bg.fixed#circle2, #animation > div > picture.bg.fixed#circle2 { transform: translate(-50%, -50%) rotate(150deg); }

#animation > div > img.bg.fixed#circle1, #animation > div > picture.bg.fixed#circle1 { transform: translate(-50%, -50%) rotate(275deg); }

#animation > div > img.bg.line, #animation > div > picture.bg.line { opacity: 0; width: 100%; }

#animation > div > img.bg.line img, #animation > div > picture.bg.line img { width: 100%; height: auto; }

#animation > div img.logo { width: 25%; max-width: 130px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#animation > div .link { font-size: 16px; line-height: 1.2; font-weight: bold; position: absolute; z-index: 2; cursor: pointer; }

#animation > div .link a { display: inline-block; text-decoration: none; color: #1f334a; }

#animation > div .link:after { content: ""; position: absolute; width: 5px; height: 5px; border-radius: 5px; border: 2px solid #1f334a; }

#animation > div .link.left { text-align: right; }

#animation > div .link.left a { transform-origin: right center; }

#animation > div .link.left:after { top: 7.5px; right: -15px; }

#animation > div .link.right a { transform-origin: left center; }

#animation > div .link.right:after { top: 6.5px; left: -15px; }

#animation > div .link.state1 { top: 4.6%; right: -17.8%; left: auto; width: 195px; }

#animation > div.state1 .link.state1 a { color: transparent; background-image: linear-gradient(100deg, #1f334a 0%, #1f334a 48%, #fff 50%, #faa352 52%, #faa352 100%); background-size: 300% 100%; background-position: 0 0; -webkit-background-clip: text; background-clip: text; animation: animateActiveLinks 1s ease-out forwards, shineText 1s ease-out forwards; }

#animation > div.state1 .line.state1 { opacity: 1; animation: animateOpacity 1s ease-out forwards; }

#animation > div .link.state2 { top: 33.3%; right: auto; left: 100.3%; width: 120px; }

#animation > div.state2 .link.state2 a { color: transparent; background-image: linear-gradient(100deg, #1f334a 0%, #1f334a 48%, #fff 50%, #faa352 52%, #faa352 100%); background-size: 300% 100%; background-position: 0 0; -webkit-background-clip: text; background-clip: text; animation: animateActiveLinks 1s ease-out forwards, shineText 1s ease-out forwards; }

#animation > div.state2 .line.state2 { opacity: 1; animation: animateOpacity 1s ease-out forwards; }

#animation > div .link.state3 { top: 63.4%; right: auto; left: 98.3%; width: 165px; }

#animation > div.state3 .link.state3 a { color: transparent; background-image: linear-gradient(100deg, #1f334a 0%, #1f334a 48%, #fff 50%, #faa352 52%, #faa352 100%); background-size: 300% 100%; background-position: 0 0; -webkit-background-clip: text; background-clip: text; animation: animateActiveLinks 1s ease-out forwards, shineText 1s ease-out forwards; }

#animation > div.state3 .line.state3 { opacity: 1; animation: animateOpacity 1s ease-out forwards; }

#animation > div .link.state4 { top: 92%; right: auto; left: 79.3%; width: 260px; }

#animation > div.state4 .link.state4 a { color: transparent; background-image: linear-gradient(100deg, #1f334a 0%, #1f334a 48%, #fff 50%, #faa352 52%, #faa352 100%); background-size: 300% 100%; background-position: 0 0; -webkit-background-clip: text; background-clip: text; animation: animateActiveLinks 1s ease-out forwards, shineText 1s ease-out forwards; }

#animation > div.state4 .line.state4 { opacity: 1; animation: animateOpacity 1s ease-out forwards; }

#animation > div .link.state5 { top: 91.7%; right: 79.6%; left: auto; width: 187px; }

#animation > div.state5 .link.state5 a { color: transparent; background-image: linear-gradient(100deg, #1f334a 0%, #1f334a 48%, #fff 50%, #faa352 52%, #faa352 100%); background-size: 300% 100%; background-position: 0 0; -webkit-background-clip: text; background-clip: text; animation: animateActiveLinks 1s ease-out forwards, shineText 1s ease-out forwards; }

#animation > div.state5 .line.state5 { opacity: 1; animation: animateOpacity 1s ease-out forwards; }

#animation > div .link.state6 { top: 47.5%; right: 99.5%; left: auto; width: 170px; }

#animation > div.state6 .link.state6 a { color: transparent; background-image: linear-gradient(100deg, #1f334a 0%, #1f334a 48%, #fff 50%, #faa352 52%, #faa352 100%); background-size: 300% 100%; background-position: 0 0; -webkit-background-clip: text; background-clip: text; animation: animateActiveLinks 1s ease-out forwards, shineText 1s ease-out forwards; }

#animation > div.state6 .line.state6 { opacity: 1; animation: animateOpacity 1s ease-out forwards; }

#animation > div .link.state7 { top: 4.4%; right: 87.2%; left: auto; width: 208px; }

#animation > div.state7 .link.state7 a { color: transparent; background-image: linear-gradient(100deg, #1f334a 0%, #1f334a 48%, #fff 50%, #faa352 52%, #faa352 100%); background-size: 300% 100%; background-position: 0 0; -webkit-background-clip: text; background-clip: text; animation: animateActiveLinks 1s ease-out forwards, shineText 1s ease-out forwards; }

#animation > div.state7 .line.state7 { opacity: 1; animation: animateOpacity 1s ease-out forwards; }

#animation > div.source0.state0 #circle1 { animation: animateGraphic1-state00 1s ease-in-out forwards; }

#animation > div.source0.state0 #circle2 { animation: animateGraphic2-state00 1s ease-in-out forwards; }

#animation > div.source0.state0 #circle3 { animation: animateGraphic3-state00 1s ease-in-out forwards; }

#animation > div.source0.state1 #circle1 { animation: animateGraphic1-state01 1s ease-in-out forwards; }

#animation > div.source0.state1 #circle2 { animation: animateGraphic2-state01 1s ease-in-out forwards; }

#animation > div.source0.state1 #circle3 { animation: animateGraphic3-state01 1s ease-in-out forwards; }

#animation > div.source0.state2 #circle1 { animation: animateGraphic1-state02 1s ease-in-out forwards; }

#animation > div.source0.state2 #circle2 { animation: animateGraphic2-state02 1s ease-in-out forwards; }

#animation > div.source0.state2 #circle3 { animation: animateGraphic3-state02 1s ease-in-out forwards; }

#animation > div.source0.state3 #circle1 { animation: animateGraphic1-state03 1s ease-in-out forwards; }

#animation > div.source0.state3 #circle2 { animation: animateGraphic2-state03 1s ease-in-out forwards; }

#animation > div.source0.state3 #circle3 { animation: animateGraphic3-state03 1s ease-in-out forwards; }

#animation > div.source0.state4 #circle1 { animation: animateGraphic1-state04 1s ease-in-out forwards; }

#animation > div.source0.state4 #circle2 { animation: animateGraphic2-state04 1s ease-in-out forwards; }

#animation > div.source0.state4 #circle3 { animation: animateGraphic3-state04 1s ease-in-out forwards; }

#animation > div.source0.state5 #circle1 { animation: animateGraphic1-state05 1s ease-in-out forwards; }

#animation > div.source0.state5 #circle2 { animation: animateGraphic2-state05 1s ease-in-out forwards; }

#animation > div.source0.state5 #circle3 { animation: animateGraphic3-state05 1s ease-in-out forwards; }

#animation > div.source0.state6 #circle1 { animation: animateGraphic1-state06 1s ease-in-out forwards; }

#animation > div.source0.state6 #circle2 { animation: animateGraphic2-state06 1s ease-in-out forwards; }

#animation > div.source0.state6 #circle3 { animation: animateGraphic3-state06 1s ease-in-out forwards; }

#animation > div.source0.state7 #circle1 { animation: animateGraphic1-state07 1s ease-in-out forwards; }

#animation > div.source0.state7 #circle2 { animation: animateGraphic2-state07 1s ease-in-out forwards; }

#animation > div.source0.state7 #circle3 { animation: animateGraphic3-state07 1s ease-in-out forwards; }

#animation > div.source1.state0 #circle1 { animation: animateGraphic1-state10 1s ease-in-out forwards; }

#animation > div.source1.state0 #circle2 { animation: animateGraphic2-state10 1s ease-in-out forwards; }

#animation > div.source1.state0 #circle3 { animation: animateGraphic3-state10 1s ease-in-out forwards; }

#animation > div.source1.state1 #circle1 { animation: animateGraphic1-state11 1s ease-in-out forwards; }

#animation > div.source1.state1 #circle2 { animation: animateGraphic2-state11 1s ease-in-out forwards; }

#animation > div.source1.state1 #circle3 { animation: animateGraphic3-state11 1s ease-in-out forwards; }

#animation > div.source1.state2 #circle1 { animation: animateGraphic1-state12 1s ease-in-out forwards; }

#animation > div.source1.state2 #circle2 { animation: animateGraphic2-state12 1s ease-in-out forwards; }

#animation > div.source1.state2 #circle3 { animation: animateGraphic3-state12 1s ease-in-out forwards; }

#animation > div.source1.state3 #circle1 { animation: animateGraphic1-state13 1s ease-in-out forwards; }

#animation > div.source1.state3 #circle2 { animation: animateGraphic2-state13 1s ease-in-out forwards; }

#animation > div.source1.state3 #circle3 { animation: animateGraphic3-state13 1s ease-in-out forwards; }

#animation > div.source1.state4 #circle1 { animation: animateGraphic1-state14 1s ease-in-out forwards; }

#animation > div.source1.state4 #circle2 { animation: animateGraphic2-state14 1s ease-in-out forwards; }

#animation > div.source1.state4 #circle3 { animation: animateGraphic3-state14 1s ease-in-out forwards; }

#animation > div.source1.state5 #circle1 { animation: animateGraphic1-state15 1s ease-in-out forwards; }

#animation > div.source1.state5 #circle2 { animation: animateGraphic2-state15 1s ease-in-out forwards; }

#animation > div.source1.state5 #circle3 { animation: animateGraphic3-state15 1s ease-in-out forwards; }

#animation > div.source1.state6 #circle1 { animation: animateGraphic1-state16 1s ease-in-out forwards; }

#animation > div.source1.state6 #circle2 { animation: animateGraphic2-state16 1s ease-in-out forwards; }

#animation > div.source1.state6 #circle3 { animation: animateGraphic3-state16 1s ease-in-out forwards; }

#animation > div.source1.state7 #circle1 { animation: animateGraphic1-state17 1s ease-in-out forwards; }

#animation > div.source1.state7 #circle2 { animation: animateGraphic2-state17 1s ease-in-out forwards; }

#animation > div.source1.state7 #circle3 { animation: animateGraphic3-state17 1s ease-in-out forwards; }

#animation > div.source2.state0 #circle1 { animation: animateGraphic1-state20 1s ease-in-out forwards; }

#animation > div.source2.state0 #circle2 { animation: animateGraphic2-state20 1s ease-in-out forwards; }

#animation > div.source2.state0 #circle3 { animation: animateGraphic3-state20 1s ease-in-out forwards; }

#animation > div.source2.state1 #circle1 { animation: animateGraphic1-state21 1s ease-in-out forwards; }

#animation > div.source2.state1 #circle2 { animation: animateGraphic2-state21 1s ease-in-out forwards; }

#animation > div.source2.state1 #circle3 { animation: animateGraphic3-state21 1s ease-in-out forwards; }

#animation > div.source2.state2 #circle1 { animation: animateGraphic1-state22 1s ease-in-out forwards; }

#animation > div.source2.state2 #circle2 { animation: animateGraphic2-state22 1s ease-in-out forwards; }

#animation > div.source2.state2 #circle3 { animation: animateGraphic3-state22 1s ease-in-out forwards; }

#animation > div.source2.state3 #circle1 { animation: animateGraphic1-state23 1s ease-in-out forwards; }

#animation > div.source2.state3 #circle2 { animation: animateGraphic2-state23 1s ease-in-out forwards; }

#animation > div.source2.state3 #circle3 { animation: animateGraphic3-state23 1s ease-in-out forwards; }

#animation > div.source2.state4 #circle1 { animation: animateGraphic1-state24 1s ease-in-out forwards; }

#animation > div.source2.state4 #circle2 { animation: animateGraphic2-state24 1s ease-in-out forwards; }

#animation > div.source2.state4 #circle3 { animation: animateGraphic3-state24 1s ease-in-out forwards; }

#animation > div.source2.state5 #circle1 { animation: animateGraphic1-state25 1s ease-in-out forwards; }

#animation > div.source2.state5 #circle2 { animation: animateGraphic2-state25 1s ease-in-out forwards; }

#animation > div.source2.state5 #circle3 { animation: animateGraphic3-state25 1s ease-in-out forwards; }

#animation > div.source2.state6 #circle1 { animation: animateGraphic1-state26 1s ease-in-out forwards; }

#animation > div.source2.state6 #circle2 { animation: animateGraphic2-state26 1s ease-in-out forwards; }

#animation > div.source2.state6 #circle3 { animation: animateGraphic3-state26 1s ease-in-out forwards; }

#animation > div.source2.state7 #circle1 { animation: animateGraphic1-state27 1s ease-in-out forwards; }

#animation > div.source2.state7 #circle2 { animation: animateGraphic2-state27 1s ease-in-out forwards; }

#animation > div.source2.state7 #circle3 { animation: animateGraphic3-state27 1s ease-in-out forwards; }

#animation > div.source3.state0 #circle1 { animation: animateGraphic1-state30 1s ease-in-out forwards; }

#animation > div.source3.state0 #circle2 { animation: animateGraphic2-state30 1s ease-in-out forwards; }

#animation > div.source3.state0 #circle3 { animation: animateGraphic3-state30 1s ease-in-out forwards; }

#animation > div.source3.state1 #circle1 { animation: animateGraphic1-state31 1s ease-in-out forwards; }

#animation > div.source3.state1 #circle2 { animation: animateGraphic2-state31 1s ease-in-out forwards; }

#animation > div.source3.state1 #circle3 { animation: animateGraphic3-state31 1s ease-in-out forwards; }

#animation > div.source3.state2 #circle1 { animation: animateGraphic1-state32 1s ease-in-out forwards; }

#animation > div.source3.state2 #circle2 { animation: animateGraphic2-state32 1s ease-in-out forwards; }

#animation > div.source3.state2 #circle3 { animation: animateGraphic3-state32 1s ease-in-out forwards; }

#animation > div.source3.state3 #circle1 { animation: animateGraphic1-state33 1s ease-in-out forwards; }

#animation > div.source3.state3 #circle2 { animation: animateGraphic2-state33 1s ease-in-out forwards; }

#animation > div.source3.state3 #circle3 { animation: animateGraphic3-state33 1s ease-in-out forwards; }

#animation > div.source3.state4 #circle1 { animation: animateGraphic1-state34 1s ease-in-out forwards; }

#animation > div.source3.state4 #circle2 { animation: animateGraphic2-state34 1s ease-in-out forwards; }

#animation > div.source3.state4 #circle3 { animation: animateGraphic3-state34 1s ease-in-out forwards; }

#animation > div.source3.state5 #circle1 { animation: animateGraphic1-state35 1s ease-in-out forwards; }

#animation > div.source3.state5 #circle2 { animation: animateGraphic2-state35 1s ease-in-out forwards; }

#animation > div.source3.state5 #circle3 { animation: animateGraphic3-state35 1s ease-in-out forwards; }

#animation > div.source3.state6 #circle1 { animation: animateGraphic1-state36 1s ease-in-out forwards; }

#animation > div.source3.state6 #circle2 { animation: animateGraphic2-state36 1s ease-in-out forwards; }

#animation > div.source3.state6 #circle3 { animation: animateGraphic3-state36 1s ease-in-out forwards; }

#animation > div.source3.state7 #circle1 { animation: animateGraphic1-state37 1s ease-in-out forwards; }

#animation > div.source3.state7 #circle2 { animation: animateGraphic2-state37 1s ease-in-out forwards; }

#animation > div.source3.state7 #circle3 { animation: animateGraphic3-state37 1s ease-in-out forwards; }

#animation > div.source4.state0 #circle1 { animation: animateGraphic1-state40 1s ease-in-out forwards; }

#animation > div.source4.state0 #circle2 { animation: animateGraphic2-state40 1s ease-in-out forwards; }

#animation > div.source4.state0 #circle3 { animation: animateGraphic3-state40 1s ease-in-out forwards; }

#animation > div.source4.state1 #circle1 { animation: animateGraphic1-state41 1s ease-in-out forwards; }

#animation > div.source4.state1 #circle2 { animation: animateGraphic2-state41 1s ease-in-out forwards; }

#animation > div.source4.state1 #circle3 { animation: animateGraphic3-state41 1s ease-in-out forwards; }

#animation > div.source4.state2 #circle1 { animation: animateGraphic1-state42 1s ease-in-out forwards; }

#animation > div.source4.state2 #circle2 { animation: animateGraphic2-state42 1s ease-in-out forwards; }

#animation > div.source4.state2 #circle3 { animation: animateGraphic3-state42 1s ease-in-out forwards; }

#animation > div.source4.state3 #circle1 { animation: animateGraphic1-state43 1s ease-in-out forwards; }

#animation > div.source4.state3 #circle2 { animation: animateGraphic2-state43 1s ease-in-out forwards; }

#animation > div.source4.state3 #circle3 { animation: animateGraphic3-state43 1s ease-in-out forwards; }

#animation > div.source4.state4 #circle1 { animation: animateGraphic1-state44 1s ease-in-out forwards; }

#animation > div.source4.state4 #circle2 { animation: animateGraphic2-state44 1s ease-in-out forwards; }

#animation > div.source4.state4 #circle3 { animation: animateGraphic3-state44 1s ease-in-out forwards; }

#animation > div.source4.state5 #circle1 { animation: animateGraphic1-state45 1s ease-in-out forwards; }

#animation > div.source4.state5 #circle2 { animation: animateGraphic2-state45 1s ease-in-out forwards; }

#animation > div.source4.state5 #circle3 { animation: animateGraphic3-state45 1s ease-in-out forwards; }

#animation > div.source4.state6 #circle1 { animation: animateGraphic1-state46 1s ease-in-out forwards; }

#animation > div.source4.state6 #circle2 { animation: animateGraphic2-state46 1s ease-in-out forwards; }

#animation > div.source4.state6 #circle3 { animation: animateGraphic3-state46 1s ease-in-out forwards; }

#animation > div.source4.state7 #circle1 { animation: animateGraphic1-state47 1s ease-in-out forwards; }

#animation > div.source4.state7 #circle2 { animation: animateGraphic2-state47 1s ease-in-out forwards; }

#animation > div.source4.state7 #circle3 { animation: animateGraphic3-state47 1s ease-in-out forwards; }

#animation > div.source5.state0 #circle1 { animation: animateGraphic1-state50 1s ease-in-out forwards; }

#animation > div.source5.state0 #circle2 { animation: animateGraphic2-state50 1s ease-in-out forwards; }

#animation > div.source5.state0 #circle3 { animation: animateGraphic3-state50 1s ease-in-out forwards; }

#animation > div.source5.state1 #circle1 { animation: animateGraphic1-state51 1s ease-in-out forwards; }

#animation > div.source5.state1 #circle2 { animation: animateGraphic2-state51 1s ease-in-out forwards; }

#animation > div.source5.state1 #circle3 { animation: animateGraphic3-state51 1s ease-in-out forwards; }

#animation > div.source5.state2 #circle1 { animation: animateGraphic1-state52 1s ease-in-out forwards; }

#animation > div.source5.state2 #circle2 { animation: animateGraphic2-state52 1s ease-in-out forwards; }

#animation > div.source5.state2 #circle3 { animation: animateGraphic3-state52 1s ease-in-out forwards; }

#animation > div.source5.state3 #circle1 { animation: animateGraphic1-state53 1s ease-in-out forwards; }

#animation > div.source5.state3 #circle2 { animation: animateGraphic2-state53 1s ease-in-out forwards; }

#animation > div.source5.state3 #circle3 { animation: animateGraphic3-state53 1s ease-in-out forwards; }

#animation > div.source5.state4 #circle1 { animation: animateGraphic1-state54 1s ease-in-out forwards; }

#animation > div.source5.state4 #circle2 { animation: animateGraphic2-state54 1s ease-in-out forwards; }

#animation > div.source5.state4 #circle3 { animation: animateGraphic3-state54 1s ease-in-out forwards; }

#animation > div.source5.state5 #circle1 { animation: animateGraphic1-state55 1s ease-in-out forwards; }

#animation > div.source5.state5 #circle2 { animation: animateGraphic2-state55 1s ease-in-out forwards; }

#animation > div.source5.state5 #circle3 { animation: animateGraphic3-state55 1s ease-in-out forwards; }

#animation > div.source5.state6 #circle1 { animation: animateGraphic1-state56 1s ease-in-out forwards; }

#animation > div.source5.state6 #circle2 { animation: animateGraphic2-state56 1s ease-in-out forwards; }

#animation > div.source5.state6 #circle3 { animation: animateGraphic3-state56 1s ease-in-out forwards; }

#animation > div.source5.state7 #circle1 { animation: animateGraphic1-state57 1s ease-in-out forwards; }

#animation > div.source5.state7 #circle2 { animation: animateGraphic2-state57 1s ease-in-out forwards; }

#animation > div.source5.state7 #circle3 { animation: animateGraphic3-state57 1s ease-in-out forwards; }

#animation > div.source6.state0 #circle1 { animation: animateGraphic1-state60 1s ease-in-out forwards; }

#animation > div.source6.state0 #circle2 { animation: animateGraphic2-state60 1s ease-in-out forwards; }

#animation > div.source6.state0 #circle3 { animation: animateGraphic3-state60 1s ease-in-out forwards; }

#animation > div.source6.state1 #circle1 { animation: animateGraphic1-state61 1s ease-in-out forwards; }

#animation > div.source6.state1 #circle2 { animation: animateGraphic2-state61 1s ease-in-out forwards; }

#animation > div.source6.state1 #circle3 { animation: animateGraphic3-state61 1s ease-in-out forwards; }

#animation > div.source6.state2 #circle1 { animation: animateGraphic1-state62 1s ease-in-out forwards; }

#animation > div.source6.state2 #circle2 { animation: animateGraphic2-state62 1s ease-in-out forwards; }

#animation > div.source6.state2 #circle3 { animation: animateGraphic3-state62 1s ease-in-out forwards; }

#animation > div.source6.state3 #circle1 { animation: animateGraphic1-state63 1s ease-in-out forwards; }

#animation > div.source6.state3 #circle2 { animation: animateGraphic2-state63 1s ease-in-out forwards; }

#animation > div.source6.state3 #circle3 { animation: animateGraphic3-state63 1s ease-in-out forwards; }

#animation > div.source6.state4 #circle1 { animation: animateGraphic1-state64 1s ease-in-out forwards; }

#animation > div.source6.state4 #circle2 { animation: animateGraphic2-state64 1s ease-in-out forwards; }

#animation > div.source6.state4 #circle3 { animation: animateGraphic3-state64 1s ease-in-out forwards; }

#animation > div.source6.state5 #circle1 { animation: animateGraphic1-state65 1s ease-in-out forwards; }

#animation > div.source6.state5 #circle2 { animation: animateGraphic2-state65 1s ease-in-out forwards; }

#animation > div.source6.state5 #circle3 { animation: animateGraphic3-state65 1s ease-in-out forwards; }

#animation > div.source6.state6 #circle1 { animation: animateGraphic1-state66 1s ease-in-out forwards; }

#animation > div.source6.state6 #circle2 { animation: animateGraphic2-state66 1s ease-in-out forwards; }

#animation > div.source6.state6 #circle3 { animation: animateGraphic3-state66 1s ease-in-out forwards; }

#animation > div.source6.state7 #circle1 { animation: animateGraphic1-state67 1s ease-in-out forwards; }

#animation > div.source6.state7 #circle2 { animation: animateGraphic2-state67 1s ease-in-out forwards; }

#animation > div.source6.state7 #circle3 { animation: animateGraphic3-state67 1s ease-in-out forwards; }

#animation > div.source7.state0 #circle1 { animation: animateGraphic1-state70 1s ease-in-out forwards; }

#animation > div.source7.state0 #circle2 { animation: animateGraphic2-state70 1s ease-in-out forwards; }

#animation > div.source7.state0 #circle3 { animation: animateGraphic3-state70 1s ease-in-out forwards; }

#animation > div.source7.state1 #circle1 { animation: animateGraphic1-state71 1s ease-in-out forwards; }

#animation > div.source7.state1 #circle2 { animation: animateGraphic2-state71 1s ease-in-out forwards; }

#animation > div.source7.state1 #circle3 { animation: animateGraphic3-state71 1s ease-in-out forwards; }

#animation > div.source7.state2 #circle1 { animation: animateGraphic1-state72 1s ease-in-out forwards; }

#animation > div.source7.state2 #circle2 { animation: animateGraphic2-state72 1s ease-in-out forwards; }

#animation > div.source7.state2 #circle3 { animation: animateGraphic3-state72 1s ease-in-out forwards; }

#animation > div.source7.state3 #circle1 { animation: animateGraphic1-state73 1s ease-in-out forwards; }

#animation > div.source7.state3 #circle2 { animation: animateGraphic2-state73 1s ease-in-out forwards; }

#animation > div.source7.state3 #circle3 { animation: animateGraphic3-state73 1s ease-in-out forwards; }

#animation > div.source7.state4 #circle1 { animation: animateGraphic1-state74 1s ease-in-out forwards; }

#animation > div.source7.state4 #circle2 { animation: animateGraphic2-state74 1s ease-in-out forwards; }

#animation > div.source7.state4 #circle3 { animation: animateGraphic3-state74 1s ease-in-out forwards; }

#animation > div.source7.state5 #circle1 { animation: animateGraphic1-state75 1s ease-in-out forwards; }

#animation > div.source7.state5 #circle2 { animation: animateGraphic2-state75 1s ease-in-out forwards; }

#animation > div.source7.state5 #circle3 { animation: animateGraphic3-state75 1s ease-in-out forwards; }

#animation > div.source7.state6 #circle1 { animation: animateGraphic1-state76 1s ease-in-out forwards; }

#animation > div.source7.state6 #circle2 { animation: animateGraphic2-state76 1s ease-in-out forwards; }

#animation > div.source7.state6 #circle3 { animation: animateGraphic3-state76 1s ease-in-out forwards; }

#animation > div.source7.state7 #circle1 { animation: animateGraphic1-state77 1s ease-in-out forwards; }

#animation > div.source7.state7 #circle2 { animation: animateGraphic2-state77 1s ease-in-out forwards; }

#animation > div.source7.state7 #circle3 { animation: animateGraphic3-state77 1s ease-in-out forwards; }

@media screen and (max-width: 992px) { #animation { overflow: hidden; } #animation > div { min-height: calc(85vw); max-width: calc(80vw); margin: 0; } #animation > div > picture.bg.state1 { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #animation > div > picture.bg.state1#circle3 { transform: translate(-50%, -50%) rotate(0deg); } #animation > div > picture.bg.state1#circle2 { transform: translate(-50%, -50%) rotate(150deg); } #animation > div > picture.bg.state1#circle1 { transform: translate(-50%, -50%) rotate(275deg); } #animation > div .productGroup .line { display: none; } #animation > div .productGroup { position: absolute; width: 110%; display: flex; flex-direction: row; gap: 0px 5px; z-index: 2; } #animation > div .productGroup[data-circle='3'], #animation > div .productGroup[data-circle='2'] { top: -10px; max-width: 60%; height: 20%; align-items: flex-end; } #animation > div .productGroup[data-circle='3'] .link:after, #animation > div .productGroup[data-circle='2'] .link:after { top: auto; bottom: 0px; } #animation > div .productGroup[data-circle='1'] { width: 100%; height: 9%; bottom: 5%; left: 50%; align-items: flex-start; justify-content: space-between; transform: translateX(-50%); } #animation > div .productGroup[data-circle='1'] .link { max-width: 30%; padding-top: 22px; } #animation > div .productGroup[data-circle='1'] .link:after { bottom: auto; top: 0px; } #animation > div .productGroup[data-circle='1'] .line { display: block; } #animation > div .productGroup[data-circle='2'] { right: calc(-10% - 5px); } #animation > div .productGroup[data-circle='3'] { left: calc(-10% - 5px); } #animation > div .productGroup .link { width: fit-content; max-width: 45%; z-index: 2; padding: 15px; font-size: 1.2em; border-width: 1px; border-color: #1f334a; } #animation > div .productGroup .link a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; white-space: normal; } #animation > div .productGroup .link:after { border: 3px solid #1f334a; background-color: #fff; right: auto; left: 50%; transform: translateX(-50%); opacity: 0.5; } #animation > div .productGroup .link.left, #animation > div .productGroup .link.right { text-align: center; } #animation > div .productGroup .link.state1 { top: 0px; right: auto; left: 28%; transform: translateX(-50%); } #animation > div .productGroup .link.state2 { top: 0px; right: auto; left: 73%; transform: translateX(-50%); } #animation > div .productGroup .link.state3 { top: 86%; right: auto; left: 13%; transform: translateX(-50%); } #animation > div .productGroup .link.state4 { top: 86%; right: auto; left: 50%; transform: translateX(-50%); } #animation > div .productGroup .link.state5 { top: 86%; right: -27%; left: auto; transform: translateX(-50%); } #animation > div .productGroup .link.state6 { top: 0px; right: auto; left: 23%; transform: translateX(-50%); } #animation > div .productGroup .link.state7 { top: 0px; right: auto; left: 73%; transform: translateX(-50%); } #animation > div.source0.state0 #circle1 { animation: animateGraphicMobile1-state00 1s ease-in-out forwards; } #animation > div.source0.state0 #circle2 { animation: animateGraphicMobile2-state00 1s ease-in-out forwards; } #animation > div.source0.state0 #circle3 { animation: animateGraphicMobile3-state00 1s ease-in-out forwards; } #animation > div.source0.state0 .link.state0 { max-height: initial; animation: slideLinks-toPosition-state0 1s ease-out forwards; } #animation > div.source0.state0 .link.state0:after { opacity: 0; } #animation > div.source0.state0 .link.state0 { animation: slideLinks-toDefault-state0 1s ease-out forwards; } #animation > div.source0.state1 #circle1 { animation: animateGraphicMobile1-state01 1s ease-in-out forwards; } #animation > div.source0.state1 #circle2 { animation: animateGraphicMobile2-state01 1s ease-in-out forwards; } #animation > div.source0.state1 #circle3 { animation: animateGraphicMobile3-state01 1s ease-in-out forwards; } #animation > div.source0.state1 .link.state1 { max-height: initial; animation: slideLinks-toPosition-state1 1s ease-out forwards; } #animation > div.source0.state1 .link.state1:after { opacity: 0; } #animation > div.source0.state1 .link.state0 { animation: slideLinks-toDefault-state0 1s ease-out forwards; } #animation > div.source0.state2 #circle1 { animation: animateGraphicMobile1-state02 1s ease-in-out forwards; } #animation > div.source0.state2 #circle2 { animation: animateGraphicMobile2-state02 1s ease-in-out forwards; } #animation > div.source0.state2 #circle3 { animation: animateGraphicMobile3-state02 1s ease-in-out forwards; } #animation > div.source0.state2 .link.state2 { max-height: initial; animation: slideLinks-toPosition-state2 1s ease-out forwards; } #animation > div.source0.state2 .link.state2:after { opacity: 0; } #animation > div.source0.state2 .link.state0 { animation: slideLinks-toDefault-state0 1s ease-out forwards; } #animation > div.source0.state3 #circle1 { animation: animateGraphicMobile1-state03 1s ease-in-out forwards; } #animation > div.source0.state3 #circle2 { animation: animateGraphicMobile2-state03 1s ease-in-out forwards; } #animation > div.source0.state3 #circle3 { animation: animateGraphicMobile3-state03 1s ease-in-out forwards; } #animation > div.source0.state3 .link.state3 { max-height: initial; animation: slideLinks-toPosition-state3 1s ease-out forwards; } #animation > div.source0.state3 .link.state3:after { opacity: 0; } #animation > div.source0.state3 .link.state0 { animation: slideLinks-toDefault-state0 1s ease-out forwards; } #animation > div.source0.state4 #circle1 { animation: animateGraphicMobile1-state04 1s ease-in-out forwards; } #animation > div.source0.state4 #circle2 { animation: animateGraphicMobile2-state04 1s ease-in-out forwards; } #animation > div.source0.state4 #circle3 { animation: animateGraphicMobile3-state04 1s ease-in-out forwards; } #animation > div.source0.state4 .link.state4 { max-height: initial; animation: slideLinks-toPosition-state4 1s ease-out forwards; } #animation > div.source0.state4 .link.state4:after { opacity: 0; } #animation > div.source0.state4 .link.state0 { animation: slideLinks-toDefault-state0 1s ease-out forwards; } #animation > div.source0.state5 #circle1 { animation: animateGraphicMobile1-state05 1s ease-in-out forwards; } #animation > div.source0.state5 #circle2 { animation: animateGraphicMobile2-state05 1s ease-in-out forwards; } #animation > div.source0.state5 #circle3 { animation: animateGraphicMobile3-state05 1s ease-in-out forwards; } #animation > div.source0.state5 .link.state5 { max-height: initial; animation: slideLinks-toPosition-state5 1s ease-out forwards; } #animation > div.source0.state5 .link.state5:after { opacity: 0; } #animation > div.source0.state5 .link.state0 { animation: slideLinks-toDefault-state0 1s ease-out forwards; } #animation > div.source0.state6 #circle1 { animation: animateGraphicMobile1-state06 1s ease-in-out forwards; } #animation > div.source0.state6 #circle2 { animation: animateGraphicMobile2-state06 1s ease-in-out forwards; } #animation > div.source0.state6 #circle3 { animation: animateGraphicMobile3-state06 1s ease-in-out forwards; } #animation > div.source0.state6 .link.state6 { max-height: initial; animation: slideLinks-toPosition-state6 1s ease-out forwards; } #animation > div.source0.state6 .link.state6:after { opacity: 0; } #animation > div.source0.state6 .link.state0 { animation: slideLinks-toDefault-state0 1s ease-out forwards; } #animation > div.source0.state7 #circle1 { animation: animateGraphicMobile1-state07 1s ease-in-out forwards; } #animation > div.source0.state7 #circle2 { animation: animateGraphicMobile2-state07 1s ease-in-out forwards; } #animation > div.source0.state7 #circle3 { animation: animateGraphicMobile3-state07 1s ease-in-out forwards; } #animation > div.source0.state7 .link.state7 { max-height: initial; animation: slideLinks-toPosition-state7 1s ease-out forwards; } #animation > div.source0.state7 .link.state7:after { opacity: 0; } #animation > div.source0.state7 .link.state0 { animation: slideLinks-toDefault-state0 1s ease-out forwards; } #animation > div.source1.state0 #circle1 { animation: animateGraphicMobile1-state10 1s ease-in-out forwards; } #animation > div.source1.state0 #circle2 { animation: animateGraphicMobile2-state10 1s ease-in-out forwards; } #animation > div.source1.state0 #circle3 { animation: animateGraphicMobile3-state10 1s ease-in-out forwards; } #animation > div.source1.state0 .link.state0 { max-height: initial; animation: slideLinks-toPosition-state0 1s ease-out forwards; } #animation > div.source1.state0 .link.state0:after { opacity: 0; } #animation > div.source1.state0 .link.state1 { animation: slideLinks-toDefault-state1 1s ease-out forwards; } #animation > div.source1.state1 #circle1 { animation: animateGraphicMobile1-state11 1s ease-in-out forwards; } #animation > div.source1.state1 #circle2 { animation: animateGraphicMobile2-state11 1s ease-in-out forwards; } #animation > div.source1.state1 #circle3 { animation: animateGraphicMobile3-state11 1s ease-in-out forwards; } #animation > div.source1.state1 .link.state1 { max-height: initial; animation: slideLinks-toPosition-state1 1s ease-out forwards; } #animation > div.source1.state1 .link.state1:after { opacity: 0; } #animation > div.source1.state1 .link.state1 { animation: slideLinks-toDefault-state1 1s ease-out forwards; } #animation > div.source1.state2 #circle1 { animation: animateGraphicMobile1-state12 1s ease-in-out forwards; } #animation > div.source1.state2 #circle2 { animation: animateGraphicMobile2-state12 1s ease-in-out forwards; } #animation > div.source1.state2 #circle3 { animation: animateGraphicMobile3-state12 1s ease-in-out forwards; } #animation > div.source1.state2 .link.state2 { max-height: initial; animation: slideLinks-toPosition-state2 1s ease-out forwards; } #animation > div.source1.state2 .link.state2:after { opacity: 0; } #animation > div.source1.state2 .link.state1 { animation: slideLinks-toDefault-state1 1s ease-out forwards; } #animation > div.source1.state3 #circle1 { animation: animateGraphicMobile1-state13 1s ease-in-out forwards; } #animation > div.source1.state3 #circle2 { animation: animateGraphicMobile2-state13 1s ease-in-out forwards; } #animation > div.source1.state3 #circle3 { animation: animateGraphicMobile3-state13 1s ease-in-out forwards; } #animation > div.source1.state3 .link.state3 { max-height: initial; animation: slideLinks-toPosition-state3 1s ease-out forwards; } #animation > div.source1.state3 .link.state3:after { opacity: 0; } #animation > div.source1.state3 .link.state1 { animation: slideLinks-toDefault-state1 1s ease-out forwards; } #animation > div.source1.state4 #circle1 { animation: animateGraphicMobile1-state14 1s ease-in-out forwards; } #animation > div.source1.state4 #circle2 { animation: animateGraphicMobile2-state14 1s ease-in-out forwards; } #animation > div.source1.state4 #circle3 { animation: animateGraphicMobile3-state14 1s ease-in-out forwards; } #animation > div.source1.state4 .link.state4 { max-height: initial; animation: slideLinks-toPosition-state4 1s ease-out forwards; } #animation > div.source1.state4 .link.state4:after { opacity: 0; } #animation > div.source1.state4 .link.state1 { animation: slideLinks-toDefault-state1 1s ease-out forwards; } #animation > div.source1.state5 #circle1 { animation: animateGraphicMobile1-state15 1s ease-in-out forwards; } #animation > div.source1.state5 #circle2 { animation: animateGraphicMobile2-state15 1s ease-in-out forwards; } #animation > div.source1.state5 #circle3 { animation: animateGraphicMobile3-state15 1s ease-in-out forwards; } #animation > div.source1.state5 .link.state5 { max-height: initial; animation: slideLinks-toPosition-state5 1s ease-out forwards; } #animation > div.source1.state5 .link.state5:after { opacity: 0; } #animation > div.source1.state5 .link.state1 { animation: slideLinks-toDefault-state1 1s ease-out forwards; } #animation > div.source1.state6 #circle1 { animation: animateGraphicMobile1-state16 1s ease-in-out forwards; } #animation > div.source1.state6 #circle2 { animation: animateGraphicMobile2-state16 1s ease-in-out forwards; } #animation > div.source1.state6 #circle3 { animation: animateGraphicMobile3-state16 1s ease-in-out forwards; } #animation > div.source1.state6 .link.state6 { max-height: initial; animation: slideLinks-toPosition-state6 1s ease-out forwards; } #animation > div.source1.state6 .link.state6:after { opacity: 0; } #animation > div.source1.state6 .link.state1 { animation: slideLinks-toDefault-state1 1s ease-out forwards; } #animation > div.source1.state7 #circle1 { animation: animateGraphicMobile1-state17 1s ease-in-out forwards; } #animation > div.source1.state7 #circle2 { animation: animateGraphicMobile2-state17 1s ease-in-out forwards; } #animation > div.source1.state7 #circle3 { animation: animateGraphicMobile3-state17 1s ease-in-out forwards; } #animation > div.source1.state7 .link.state7 { max-height: initial; animation: slideLinks-toPosition-state7 1s ease-out forwards; } #animation > div.source1.state7 .link.state7:after { opacity: 0; } #animation > div.source1.state7 .link.state1 { animation: slideLinks-toDefault-state1 1s ease-out forwards; } #animation > div.source2.state0 #circle1 { animation: animateGraphicMobile1-state20 1s ease-in-out forwards; } #animation > div.source2.state0 #circle2 { animation: animateGraphicMobile2-state20 1s ease-in-out forwards; } #animation > div.source2.state0 #circle3 { animation: animateGraphicMobile3-state20 1s ease-in-out forwards; } #animation > div.source2.state0 .link.state0 { max-height: initial; animation: slideLinks-toPosition-state0 1s ease-out forwards; } #animation > div.source2.state0 .link.state0:after { opacity: 0; } #animation > div.source2.state0 .link.state2 { animation: slideLinks-toDefault-state2 1s ease-out forwards; } #animation > div.source2.state1 #circle1 { animation: animateGraphicMobile1-state21 1s ease-in-out forwards; } #animation > div.source2.state1 #circle2 { animation: animateGraphicMobile2-state21 1s ease-in-out forwards; } #animation > div.source2.state1 #circle3 { animation: animateGraphicMobile3-state21 1s ease-in-out forwards; } #animation > div.source2.state1 .link.state1 { max-height: initial; animation: slideLinks-toPosition-state1 1s ease-out forwards; } #animation > div.source2.state1 .link.state1:after { opacity: 0; } #animation > div.source2.state1 .link.state2 { animation: slideLinks-toDefault-state2 1s ease-out forwards; } #animation > div.source2.state2 #circle1 { animation: animateGraphicMobile1-state22 1s ease-in-out forwards; } #animation > div.source2.state2 #circle2 { animation: animateGraphicMobile2-state22 1s ease-in-out forwards; } #animation > div.source2.state2 #circle3 { animation: animateGraphicMobile3-state22 1s ease-in-out forwards; } #animation > div.source2.state2 .link.state2 { max-height: initial; animation: slideLinks-toPosition-state2 1s ease-out forwards; } #animation > div.source2.state2 .link.state2:after { opacity: 0; } #animation > div.source2.state2 .link.state2 { animation: slideLinks-toDefault-state2 1s ease-out forwards; } #animation > div.source2.state3 #circle1 { animation: animateGraphicMobile1-state23 1s ease-in-out forwards; } #animation > div.source2.state3 #circle2 { animation: animateGraphicMobile2-state23 1s ease-in-out forwards; } #animation > div.source2.state3 #circle3 { animation: animateGraphicMobile3-state23 1s ease-in-out forwards; } #animation > div.source2.state3 .link.state3 { max-height: initial; animation: slideLinks-toPosition-state3 1s ease-out forwards; } #animation > div.source2.state3 .link.state3:after { opacity: 0; } #animation > div.source2.state3 .link.state2 { animation: slideLinks-toDefault-state2 1s ease-out forwards; } #animation > div.source2.state4 #circle1 { animation: animateGraphicMobile1-state24 1s ease-in-out forwards; } #animation > div.source2.state4 #circle2 { animation: animateGraphicMobile2-state24 1s ease-in-out forwards; } #animation > div.source2.state4 #circle3 { animation: animateGraphicMobile3-state24 1s ease-in-out forwards; } #animation > div.source2.state4 .link.state4 { max-height: initial; animation: slideLinks-toPosition-state4 1s ease-out forwards; } #animation > div.source2.state4 .link.state4:after { opacity: 0; } #animation > div.source2.state4 .link.state2 { animation: slideLinks-toDefault-state2 1s ease-out forwards; } #animation > div.source2.state5 #circle1 { animation: animateGraphicMobile1-state25 1s ease-in-out forwards; } #animation > div.source2.state5 #circle2 { animation: animateGraphicMobile2-state25 1s ease-in-out forwards; } #animation > div.source2.state5 #circle3 { animation: animateGraphicMobile3-state25 1s ease-in-out forwards; } #animation > div.source2.state5 .link.state5 { max-height: initial; animation: slideLinks-toPosition-state5 1s ease-out forwards; } #animation > div.source2.state5 .link.state5:after { opacity: 0; } #animation > div.source2.state5 .link.state2 { animation: slideLinks-toDefault-state2 1s ease-out forwards; } #animation > div.source2.state6 #circle1 { animation: animateGraphicMobile1-state26 1s ease-in-out forwards; } #animation > div.source2.state6 #circle2 { animation: animateGraphicMobile2-state26 1s ease-in-out forwards; } #animation > div.source2.state6 #circle3 { animation: animateGraphicMobile3-state26 1s ease-in-out forwards; } #animation > div.source2.state6 .link.state6 { max-height: initial; animation: slideLinks-toPosition-state6 1s ease-out forwards; } #animation > div.source2.state6 .link.state6:after { opacity: 0; } #animation > div.source2.state6 .link.state2 { animation: slideLinks-toDefault-state2 1s ease-out forwards; } #animation > div.source2.state7 #circle1 { animation: animateGraphicMobile1-state27 1s ease-in-out forwards; } #animation > div.source2.state7 #circle2 { animation: animateGraphicMobile2-state27 1s ease-in-out forwards; } #animation > div.source2.state7 #circle3 { animation: animateGraphicMobile3-state27 1s ease-in-out forwards; } #animation > div.source2.state7 .link.state7 { max-height: initial; animation: slideLinks-toPosition-state7 1s ease-out forwards; } #animation > div.source2.state7 .link.state7:after { opacity: 0; } #animation > div.source2.state7 .link.state2 { animation: slideLinks-toDefault-state2 1s ease-out forwards; } #animation > div.source3.state0 #circle1 { animation: animateGraphicMobile1-state30 1s ease-in-out forwards; } #animation > div.source3.state0 #circle2 { animation: animateGraphicMobile2-state30 1s ease-in-out forwards; } #animation > div.source3.state0 #circle3 { animation: animateGraphicMobile3-state30 1s ease-in-out forwards; } #animation > div.source3.state0 .link.state0 { max-height: initial; animation: slideLinks-toPosition-state0 1s ease-out forwards; } #animation > div.source3.state0 .link.state0:after { opacity: 0; } #animation > div.source3.state0 .link.state3 { animation: slideLinks-toDefault-state3 1s ease-out forwards; } #animation > div.source3.state1 #circle1 { animation: animateGraphicMobile1-state31 1s ease-in-out forwards; } #animation > div.source3.state1 #circle2 { animation: animateGraphicMobile2-state31 1s ease-in-out forwards; } #animation > div.source3.state1 #circle3 { animation: animateGraphicMobile3-state31 1s ease-in-out forwards; } #animation > div.source3.state1 .link.state1 { max-height: initial; animation: slideLinks-toPosition-state1 1s ease-out forwards; } #animation > div.source3.state1 .link.state1:after { opacity: 0; } #animation > div.source3.state1 .link.state3 { animation: slideLinks-toDefault-state3 1s ease-out forwards; } #animation > div.source3.state2 #circle1 { animation: animateGraphicMobile1-state32 1s ease-in-out forwards; } #animation > div.source3.state2 #circle2 { animation: animateGraphicMobile2-state32 1s ease-in-out forwards; } #animation > div.source3.state2 #circle3 { animation: animateGraphicMobile3-state32 1s ease-in-out forwards; } #animation > div.source3.state2 .link.state2 { max-height: initial; animation: slideLinks-toPosition-state2 1s ease-out forwards; } #animation > div.source3.state2 .link.state2:after { opacity: 0; } #animation > div.source3.state2 .link.state3 { animation: slideLinks-toDefault-state3 1s ease-out forwards; } #animation > div.source3.state3 #circle1 { animation: animateGraphicMobile1-state33 1s ease-in-out forwards; } #animation > div.source3.state3 #circle2 { animation: animateGraphicMobile2-state33 1s ease-in-out forwards; } #animation > div.source3.state3 #circle3 { animation: animateGraphicMobile3-state33 1s ease-in-out forwards; } #animation > div.source3.state3 .link.state3 { max-height: initial; animation: slideLinks-toPosition-state3 1s ease-out forwards; } #animation > div.source3.state3 .link.state3:after { opacity: 0; } #animation > div.source3.state3 .link.state3 { animation: slideLinks-toDefault-state3 1s ease-out forwards; } #animation > div.source3.state4 #circle1 { animation: animateGraphicMobile1-state34 1s ease-in-out forwards; } #animation > div.source3.state4 #circle2 { animation: animateGraphicMobile2-state34 1s ease-in-out forwards; } #animation > div.source3.state4 #circle3 { animation: animateGraphicMobile3-state34 1s ease-in-out forwards; } #animation > div.source3.state4 .link.state4 { max-height: initial; animation: slideLinks-toPosition-state4 1s ease-out forwards; } #animation > div.source3.state4 .link.state4:after { opacity: 0; } #animation > div.source3.state4 .link.state3 { animation: slideLinks-toDefault-state3 1s ease-out forwards; } #animation > div.source3.state5 #circle1 { animation: animateGraphicMobile1-state35 1s ease-in-out forwards; } #animation > div.source3.state5 #circle2 { animation: animateGraphicMobile2-state35 1s ease-in-out forwards; } #animation > div.source3.state5 #circle3 { animation: animateGraphicMobile3-state35 1s ease-in-out forwards; } #animation > div.source3.state5 .link.state5 { max-height: initial; animation: slideLinks-toPosition-state5 1s ease-out forwards; } #animation > div.source3.state5 .link.state5:after { opacity: 0; } #animation > div.source3.state5 .link.state3 { animation: slideLinks-toDefault-state3 1s ease-out forwards; } #animation > div.source3.state6 #circle1 { animation: animateGraphicMobile1-state36 1s ease-in-out forwards; } #animation > div.source3.state6 #circle2 { animation: animateGraphicMobile2-state36 1s ease-in-out forwards; } #animation > div.source3.state6 #circle3 { animation: animateGraphicMobile3-state36 1s ease-in-out forwards; } #animation > div.source3.state6 .link.state6 { max-height: initial; animation: slideLinks-toPosition-state6 1s ease-out forwards; } #animation > div.source3.state6 .link.state6:after { opacity: 0; } #animation > div.source3.state6 .link.state3 { animation: slideLinks-toDefault-state3 1s ease-out forwards; } #animation > div.source3.state7 #circle1 { animation: animateGraphicMobile1-state37 1s ease-in-out forwards; } #animation > div.source3.state7 #circle2 { animation: animateGraphicMobile2-state37 1s ease-in-out forwards; } #animation > div.source3.state7 #circle3 { animation: animateGraphicMobile3-state37 1s ease-in-out forwards; } #animation > div.source3.state7 .link.state7 { max-height: initial; animation: slideLinks-toPosition-state7 1s ease-out forwards; } #animation > div.source3.state7 .link.state7:after { opacity: 0; } #animation > div.source3.state7 .link.state3 { animation: slideLinks-toDefault-state3 1s ease-out forwards; } #animation > div.source4.state0 #circle1 { animation: animateGraphicMobile1-state40 1s ease-in-out forwards; } #animation > div.source4.state0 #circle2 { animation: animateGraphicMobile2-state40 1s ease-in-out forwards; } #animation > div.source4.state0 #circle3 { animation: animateGraphicMobile3-state40 1s ease-in-out forwards; } #animation > div.source4.state0 .link.state0 { max-height: initial; animation: slideLinks-toPosition-state0 1s ease-out forwards; } #animation > div.source4.state0 .link.state0:after { opacity: 0; } #animation > div.source4.state0 .link.state4 { animation: slideLinks-toDefault-state4 1s ease-out forwards; } #animation > div.source4.state1 #circle1 { animation: animateGraphicMobile1-state41 1s ease-in-out forwards; } #animation > div.source4.state1 #circle2 { animation: animateGraphicMobile2-state41 1s ease-in-out forwards; } #animation > div.source4.state1 #circle3 { animation: animateGraphicMobile3-state41 1s ease-in-out forwards; } #animation > div.source4.state1 .link.state1 { max-height: initial; animation: slideLinks-toPosition-state1 1s ease-out forwards; } #animation > div.source4.state1 .link.state1:after { opacity: 0; } #animation > div.source4.state1 .link.state4 { animation: slideLinks-toDefault-state4 1s ease-out forwards; } #animation > div.source4.state2 #circle1 { animation: animateGraphicMobile1-state42 1s ease-in-out forwards; } #animation > div.source4.state2 #circle2 { animation: animateGraphicMobile2-state42 1s ease-in-out forwards; } #animation > div.source4.state2 #circle3 { animation: animateGraphicMobile3-state42 1s ease-in-out forwards; } #animation > div.source4.state2 .link.state2 { max-height: initial; animation: slideLinks-toPosition-state2 1s ease-out forwards; } #animation > div.source4.state2 .link.state2:after { opacity: 0; } #animation > div.source4.state2 .link.state4 { animation: slideLinks-toDefault-state4 1s ease-out forwards; } #animation > div.source4.state3 #circle1 { animation: animateGraphicMobile1-state43 1s ease-in-out forwards; } #animation > div.source4.state3 #circle2 { animation: animateGraphicMobile2-state43 1s ease-in-out forwards; } #animation > div.source4.state3 #circle3 { animation: animateGraphicMobile3-state43 1s ease-in-out forwards; } #animation > div.source4.state3 .link.state3 { max-height: initial; animation: slideLinks-toPosition-state3 1s ease-out forwards; } #animation > div.source4.state3 .link.state3:after { opacity: 0; } #animation > div.source4.state3 .link.state4 { animation: slideLinks-toDefault-state4 1s ease-out forwards; } #animation > div.source4.state4 #circle1 { animation: animateGraphicMobile1-state44 1s ease-in-out forwards; } #animation > div.source4.state4 #circle2 { animation: animateGraphicMobile2-state44 1s ease-in-out forwards; } #animation > div.source4.state4 #circle3 { animation: animateGraphicMobile3-state44 1s ease-in-out forwards; } #animation > div.source4.state4 .link.state4 { max-height: initial; animation: slideLinks-toPosition-state4 1s ease-out forwards; } #animation > div.source4.state4 .link.state4:after { opacity: 0; } #animation > div.source4.state4 .link.state4 { animation: slideLinks-toDefault-state4 1s ease-out forwards; } #animation > div.source4.state5 #circle1 { animation: animateGraphicMobile1-state45 1s ease-in-out forwards; } #animation > div.source4.state5 #circle2 { animation: animateGraphicMobile2-state45 1s ease-in-out forwards; } #animation > div.source4.state5 #circle3 { animation: animateGraphicMobile3-state45 1s ease-in-out forwards; } #animation > div.source4.state5 .link.state5 { max-height: initial; animation: slideLinks-toPosition-state5 1s ease-out forwards; } #animation > div.source4.state5 .link.state5:after { opacity: 0; } #animation > div.source4.state5 .link.state4 { animation: slideLinks-toDefault-state4 1s ease-out forwards; } #animation > div.source4.state6 #circle1 { animation: animateGraphicMobile1-state46 1s ease-in-out forwards; } #animation > div.source4.state6 #circle2 { animation: animateGraphicMobile2-state46 1s ease-in-out forwards; } #animation > div.source4.state6 #circle3 { animation: animateGraphicMobile3-state46 1s ease-in-out forwards; } #animation > div.source4.state6 .link.state6 { max-height: initial; animation: slideLinks-toPosition-state6 1s ease-out forwards; } #animation > div.source4.state6 .link.state6:after { opacity: 0; } #animation > div.source4.state6 .link.state4 { animation: slideLinks-toDefault-state4 1s ease-out forwards; } #animation > div.source4.state7 #circle1 { animation: animateGraphicMobile1-state47 1s ease-in-out forwards; } #animation > div.source4.state7 #circle2 { animation: animateGraphicMobile2-state47 1s ease-in-out forwards; } #animation > div.source4.state7 #circle3 { animation: animateGraphicMobile3-state47 1s ease-in-out forwards; } #animation > div.source4.state7 .link.state7 { max-height: initial; animation: slideLinks-toPosition-state7 1s ease-out forwards; } #animation > div.source4.state7 .link.state7:after { opacity: 0; } #animation > div.source4.state7 .link.state4 { animation: slideLinks-toDefault-state4 1s ease-out forwards; } #animation > div.source5.state0 #circle1 { animation: animateGraphicMobile1-state50 1s ease-in-out forwards; } #animation > div.source5.state0 #circle2 { animation: animateGraphicMobile2-state50 1s ease-in-out forwards; } #animation > div.source5.state0 #circle3 { animation: animateGraphicMobile3-state50 1s ease-in-out forwards; } #animation > div.source5.state0 .link.state0 { max-height: initial; animation: slideLinks-toPosition-state0 1s ease-out forwards; } #animation > div.source5.state0 .link.state0:after { opacity: 0; } #animation > div.source5.state0 .link.state5 { animation: slideLinks-toDefault-state5 1s ease-out forwards; } #animation > div.source5.state1 #circle1 { animation: animateGraphicMobile1-state51 1s ease-in-out forwards; } #animation > div.source5.state1 #circle2 { animation: animateGraphicMobile2-state51 1s ease-in-out forwards; } #animation > div.source5.state1 #circle3 { animation: animateGraphicMobile3-state51 1s ease-in-out forwards; } #animation > div.source5.state1 .link.state1 { max-height: initial; animation: slideLinks-toPosition-state1 1s ease-out forwards; } #animation > div.source5.state1 .link.state1:after { opacity: 0; } #animation > div.source5.state1 .link.state5 { animation: slideLinks-toDefault-state5 1s ease-out forwards; } #animation > div.source5.state2 #circle1 { animation: animateGraphicMobile1-state52 1s ease-in-out forwards; } #animation > div.source5.state2 #circle2 { animation: animateGraphicMobile2-state52 1s ease-in-out forwards; } #animation > div.source5.state2 #circle3 { animation: animateGraphicMobile3-state52 1s ease-in-out forwards; } #animation > div.source5.state2 .link.state2 { max-height: initial; animation: slideLinks-toPosition-state2 1s ease-out forwards; } #animation > div.source5.state2 .link.state2:after { opacity: 0; } #animation > div.source5.state2 .link.state5 { animation: slideLinks-toDefault-state5 1s ease-out forwards; } #animation > div.source5.state3 #circle1 { animation: animateGraphicMobile1-state53 1s ease-in-out forwards; } #animation > div.source5.state3 #circle2 { animation: animateGraphicMobile2-state53 1s ease-in-out forwards; } #animation > div.source5.state3 #circle3 { animation: animateGraphicMobile3-state53 1s ease-in-out forwards; } #animation > div.source5.state3 .link.state3 { max-height: initial; animation: slideLinks-toPosition-state3 1s ease-out forwards; } #animation > div.source5.state3 .link.state3:after { opacity: 0; } #animation > div.source5.state3 .link.state5 { animation: slideLinks-toDefault-state5 1s ease-out forwards; } #animation > div.source5.state4 #circle1 { animation: animateGraphicMobile1-state54 1s ease-in-out forwards; } #animation > div.source5.state4 #circle2 { animation: animateGraphicMobile2-state54 1s ease-in-out forwards; } #animation > div.source5.state4 #circle3 { animation: animateGraphicMobile3-state54 1s ease-in-out forwards; } #animation > div.source5.state4 .link.state4 { max-height: initial; animation: slideLinks-toPosition-state4 1s ease-out forwards; } #animation > div.source5.state4 .link.state4:after { opacity: 0; } #animation > div.source5.state4 .link.state5 { animation: slideLinks-toDefault-state5 1s ease-out forwards; } #animation > div.source5.state5 #circle1 { animation: animateGraphicMobile1-state55 1s ease-in-out forwards; } #animation > div.source5.state5 #circle2 { animation: animateGraphicMobile2-state55 1s ease-in-out forwards; } #animation > div.source5.state5 #circle3 { animation: animateGraphicMobile3-state55 1s ease-in-out forwards; } #animation > div.source5.state5 .link.state5 { max-height: initial; animation: slideLinks-toPosition-state5 1s ease-out forwards; } #animation > div.source5.state5 .link.state5:after { opacity: 0; } #animation > div.source5.state5 .link.state5 { animation: slideLinks-toDefault-state5 1s ease-out forwards; } #animation > div.source5.state6 #circle1 { animation: animateGraphicMobile1-state56 1s ease-in-out forwards; } #animation > div.source5.state6 #circle2 { animation: animateGraphicMobile2-state56 1s ease-in-out forwards; } #animation > div.source5.state6 #circle3 { animation: animateGraphicMobile3-state56 1s ease-in-out forwards; } #animation > div.source5.state6 .link.state6 { max-height: initial; animation: slideLinks-toPosition-state6 1s ease-out forwards; } #animation > div.source5.state6 .link.state6:after { opacity: 0; } #animation > div.source5.state6 .link.state5 { animation: slideLinks-toDefault-state5 1s ease-out forwards; } #animation > div.source5.state7 #circle1 { animation: animateGraphicMobile1-state57 1s ease-in-out forwards; } #animation > div.source5.state7 #circle2 { animation: animateGraphicMobile2-state57 1s ease-in-out forwards; } #animation > div.source5.state7 #circle3 { animation: animateGraphicMobile3-state57 1s ease-in-out forwards; } #animation > div.source5.state7 .link.state7 { max-height: initial; animation: slideLinks-toPosition-state7 1s ease-out forwards; } #animation > div.source5.state7 .link.state7:after { opacity: 0; } #animation > div.source5.state7 .link.state5 { animation: slideLinks-toDefault-state5 1s ease-out forwards; } #animation > div.source6.state0 #circle1 { animation: animateGraphicMobile1-state60 1s ease-in-out forwards; } #animation > div.source6.state0 #circle2 { animation: animateGraphicMobile2-state60 1s ease-in-out forwards; } #animation > div.source6.state0 #circle3 { animation: animateGraphicMobile3-state60 1s ease-in-out forwards; } #animation > div.source6.state0 .link.state0 { max-height: initial; animation: slideLinks-toPosition-state0 1s ease-out forwards; } #animation > div.source6.state0 .link.state0:after { opacity: 0; } #animation > div.source6.state0 .link.state6 { animation: slideLinks-toDefault-state6 1s ease-out forwards; } #animation > div.source6.state1 #circle1 { animation: animateGraphicMobile1-state61 1s ease-in-out forwards; } #animation > div.source6.state1 #circle2 { animation: animateGraphicMobile2-state61 1s ease-in-out forwards; } #animation > div.source6.state1 #circle3 { animation: animateGraphicMobile3-state61 1s ease-in-out forwards; } #animation > div.source6.state1 .link.state1 { max-height: initial; animation: slideLinks-toPosition-state1 1s ease-out forwards; } #animation > div.source6.state1 .link.state1:after { opacity: 0; } #animation > div.source6.state1 .link.state6 { animation: slideLinks-toDefault-state6 1s ease-out forwards; } #animation > div.source6.state2 #circle1 { animation: animateGraphicMobile1-state62 1s ease-in-out forwards; } #animation > div.source6.state2 #circle2 { animation: animateGraphicMobile2-state62 1s ease-in-out forwards; } #animation > div.source6.state2 #circle3 { animation: animateGraphicMobile3-state62 1s ease-in-out forwards; } #animation > div.source6.state2 .link.state2 { max-height: initial; animation: slideLinks-toPosition-state2 1s ease-out forwards; } #animation > div.source6.state2 .link.state2:after { opacity: 0; } #animation > div.source6.state2 .link.state6 { animation: slideLinks-toDefault-state6 1s ease-out forwards; } #animation > div.source6.state3 #circle1 { animation: animateGraphicMobile1-state63 1s ease-in-out forwards; } #animation > div.source6.state3 #circle2 { animation: animateGraphicMobile2-state63 1s ease-in-out forwards; } #animation > div.source6.state3 #circle3 { animation: animateGraphicMobile3-state63 1s ease-in-out forwards; } #animation > div.source6.state3 .link.state3 { max-height: initial; animation: slideLinks-toPosition-state3 1s ease-out forwards; } #animation > div.source6.state3 .link.state3:after { opacity: 0; } #animation > div.source6.state3 .link.state6 { animation: slideLinks-toDefault-state6 1s ease-out forwards; } #animation > div.source6.state4 #circle1 { animation: animateGraphicMobile1-state64 1s ease-in-out forwards; } #animation > div.source6.state4 #circle2 { animation: animateGraphicMobile2-state64 1s ease-in-out forwards; } #animation > div.source6.state4 #circle3 { animation: animateGraphicMobile3-state64 1s ease-in-out forwards; } #animation > div.source6.state4 .link.state4 { max-height: initial; animation: slideLinks-toPosition-state4 1s ease-out forwards; } #animation > div.source6.state4 .link.state4:after { opacity: 0; } #animation > div.source6.state4 .link.state6 { animation: slideLinks-toDefault-state6 1s ease-out forwards; } #animation > div.source6.state5 #circle1 { animation: animateGraphicMobile1-state65 1s ease-in-out forwards; } #animation > div.source6.state5 #circle2 { animation: animateGraphicMobile2-state65 1s ease-in-out forwards; } #animation > div.source6.state5 #circle3 { animation: animateGraphicMobile3-state65 1s ease-in-out forwards; } #animation > div.source6.state5 .link.state5 { max-height: initial; animation: slideLinks-toPosition-state5 1s ease-out forwards; } #animation > div.source6.state5 .link.state5:after { opacity: 0; } #animation > div.source6.state5 .link.state6 { animation: slideLinks-toDefault-state6 1s ease-out forwards; } #animation > div.source6.state6 #circle1 { animation: animateGraphicMobile1-state66 1s ease-in-out forwards; } #animation > div.source6.state6 #circle2 { animation: animateGraphicMobile2-state66 1s ease-in-out forwards; } #animation > div.source6.state6 #circle3 { animation: animateGraphicMobile3-state66 1s ease-in-out forwards; } #animation > div.source6.state6 .link.state6 { max-height: initial; animation: slideLinks-toPosition-state6 1s ease-out forwards; } #animation > div.source6.state6 .link.state6:after { opacity: 0; } #animation > div.source6.state6 .link.state6 { animation: slideLinks-toDefault-state6 1s ease-out forwards; } #animation > div.source6.state7 #circle1 { animation: animateGraphicMobile1-state67 1s ease-in-out forwards; } #animation > div.source6.state7 #circle2 { animation: animateGraphicMobile2-state67 1s ease-in-out forwards; } #animation > div.source6.state7 #circle3 { animation: animateGraphicMobile3-state67 1s ease-in-out forwards; } #animation > div.source6.state7 .link.state7 { max-height: initial; animation: slideLinks-toPosition-state7 1s ease-out forwards; } #animation > div.source6.state7 .link.state7:after { opacity: 0; } #animation > div.source6.state7 .link.state6 { animation: slideLinks-toDefault-state6 1s ease-out forwards; } #animation > div.source7.state0 #circle1 { animation: animateGraphicMobile1-state70 1s ease-in-out forwards; } #animation > div.source7.state0 #circle2 { animation: animateGraphicMobile2-state70 1s ease-in-out forwards; } #animation > div.source7.state0 #circle3 { animation: animateGraphicMobile3-state70 1s ease-in-out forwards; } #animation > div.source7.state0 .link.state0 { max-height: initial; animation: slideLinks-toPosition-state0 1s ease-out forwards; } #animation > div.source7.state0 .link.state0:after { opacity: 0; } #animation > div.source7.state0 .link.state7 { animation: slideLinks-toDefault-state7 1s ease-out forwards; } #animation > div.source7.state1 #circle1 { animation: animateGraphicMobile1-state71 1s ease-in-out forwards; } #animation > div.source7.state1 #circle2 { animation: animateGraphicMobile2-state71 1s ease-in-out forwards; } #animation > div.source7.state1 #circle3 { animation: animateGraphicMobile3-state71 1s ease-in-out forwards; } #animation > div.source7.state1 .link.state1 { max-height: initial; animation: slideLinks-toPosition-state1 1s ease-out forwards; } #animation > div.source7.state1 .link.state1:after { opacity: 0; } #animation > div.source7.state1 .link.state7 { animation: slideLinks-toDefault-state7 1s ease-out forwards; } #animation > div.source7.state2 #circle1 { animation: animateGraphicMobile1-state72 1s ease-in-out forwards; } #animation > div.source7.state2 #circle2 { animation: animateGraphicMobile2-state72 1s ease-in-out forwards; } #animation > div.source7.state2 #circle3 { animation: animateGraphicMobile3-state72 1s ease-in-out forwards; } #animation > div.source7.state2 .link.state2 { max-height: initial; animation: slideLinks-toPosition-state2 1s ease-out forwards; } #animation > div.source7.state2 .link.state2:after { opacity: 0; } #animation > div.source7.state2 .link.state7 { animation: slideLinks-toDefault-state7 1s ease-out forwards; } #animation > div.source7.state3 #circle1 { animation: animateGraphicMobile1-state73 1s ease-in-out forwards; } #animation > div.source7.state3 #circle2 { animation: animateGraphicMobile2-state73 1s ease-in-out forwards; } #animation > div.source7.state3 #circle3 { animation: animateGraphicMobile3-state73 1s ease-in-out forwards; } #animation > div.source7.state3 .link.state3 { max-height: initial; animation: slideLinks-toPosition-state3 1s ease-out forwards; } #animation > div.source7.state3 .link.state3:after { opacity: 0; } #animation > div.source7.state3 .link.state7 { animation: slideLinks-toDefault-state7 1s ease-out forwards; } #animation > div.source7.state4 #circle1 { animation: animateGraphicMobile1-state74 1s ease-in-out forwards; } #animation > div.source7.state4 #circle2 { animation: animateGraphicMobile2-state74 1s ease-in-out forwards; } #animation > div.source7.state4 #circle3 { animation: animateGraphicMobile3-state74 1s ease-in-out forwards; } #animation > div.source7.state4 .link.state4 { max-height: initial; animation: slideLinks-toPosition-state4 1s ease-out forwards; } #animation > div.source7.state4 .link.state4:after { opacity: 0; } #animation > div.source7.state4 .link.state7 { animation: slideLinks-toDefault-state7 1s ease-out forwards; } #animation > div.source7.state5 #circle1 { animation: animateGraphicMobile1-state75 1s ease-in-out forwards; } #animation > div.source7.state5 #circle2 { animation: animateGraphicMobile2-state75 1s ease-in-out forwards; } #animation > div.source7.state5 #circle3 { animation: animateGraphicMobile3-state75 1s ease-in-out forwards; } #animation > div.source7.state5 .link.state5 { max-height: initial; animation: slideLinks-toPosition-state5 1s ease-out forwards; } #animation > div.source7.state5 .link.state5:after { opacity: 0; } #animation > div.source7.state5 .link.state7 { animation: slideLinks-toDefault-state7 1s ease-out forwards; } #animation > div.source7.state6 #circle1 { animation: animateGraphicMobile1-state76 1s ease-in-out forwards; } #animation > div.source7.state6 #circle2 { animation: animateGraphicMobile2-state76 1s ease-in-out forwards; } #animation > div.source7.state6 #circle3 { animation: animateGraphicMobile3-state76 1s ease-in-out forwards; } #animation > div.source7.state6 .link.state6 { max-height: initial; animation: slideLinks-toPosition-state6 1s ease-out forwards; } #animation > div.source7.state6 .link.state6:after { opacity: 0; } #animation > div.source7.state6 .link.state7 { animation: slideLinks-toDefault-state7 1s ease-out forwards; } #animation > div.source7.state7 #circle1 { animation: animateGraphicMobile1-state77 1s ease-in-out forwards; } #animation > div.source7.state7 #circle2 { animation: animateGraphicMobile2-state77 1s ease-in-out forwards; } #animation > div.source7.state7 #circle3 { animation: animateGraphicMobile3-state77 1s ease-in-out forwards; } #animation > div.source7.state7 .link.state7 { max-height: initial; animation: slideLinks-toPosition-state7 1s ease-out forwards; } #animation > div.source7.state7 .link.state7:after { opacity: 0; } #animation > div.source7.state7 .link.state7 { animation: slideLinks-toDefault-state7 1s ease-out forwards; } }

@media screen and (max-width: 576px) { #animation { display: none; } }

@media (prefers-reduced-motion: reduce) { #animation * { animation: none !important; } }

/*# sourceMappingURL=animation.css.map */