.rank-difference-icon-container{text-align:center;display:inline-block;position:relative}.rank-difference-text-down{color:red;font-size:small;position:absolute;top:25%;left:50%;transform:translate(-50%,-50%)}.rank-difference-text-up{color:green;font-size:small;position:absolute;top:75%;left:50%;transform:translate(-50%,-50%)}
.MatchingGrid-node{fill:#fff;stroke:#fff}.MatchingGrid-node:hover,.MatchingGrid-node-active{fill:#ff0;stroke:#ff0}.MatchingGrid-node-correct{fill:#90ee90;stroke:#90ee90;opacity:.25}.MatchingGrid-node-answer{fill:#90ee90;stroke:#90ee90;opacity:1}.MatchingGrid-text{fill:#fff;opacity:1}.MatchingGrid-text-active,.MatchingGrid-text-hoverable:hover{fill:#ff0}.MatchingGrid-text-correct{fill:#90ee90;opacity:.25}.MatchingGrid-text-answer{fill:#90ee90;opacity:1}.MatchingGrid-edge{fill:#ff0;stroke:#ff0;animation:1s ease-in-out infinite activeEdgeGlow}.MatchingGrid-edge:hover{opacity:.5}.MatchingGrid-edge-correct{fill:#90ee90;stroke:#90ee90;opacity:.25}.MatchingGrid-edge-correct:hover{opacity:1}.MatchingGrid-edge-new-correct{fill:#90ee90;stroke:#90ee90;opacity:.25;animation:1s ease-in-out newCorrectEdgeGlow}.MatchingGrid-edge-new-correct:hover{opacity:1}.MatchingGrid-edge-incorrect{fill:red;stroke:red;opacity:.25}.MatchingGrid-edge-incorrect:hover{opacity:1}.MatchingGrid-edge-new-incorrect{fill:red;stroke:red;opacity:.25;animation:.1s 5 newIncorrectEdgeBlink}.MatchingGrid-edge-new-incorrect:hover{opacity:1}.MatchingGrid-edge-answer{fill:#90ee90;stroke:#90ee90;opacity:1}@keyframes activeEdgeGlow{0%{stroke:#ff0;filter:drop-shadow(0 0 2px #ff0)}50%{stroke:#ff0;filter:drop-shadow(0 0 3px #ff0)}to{stroke:#ff0;filter:drop-shadow(0 0 2px #ff0)}}@keyframes newIncorrectEdgeBlink{0%{stroke:red;filter:drop-shadow(0 0 4px red);opacity:1}to{filter:none}}@keyframes newCorrectEdgeGlow{0%{stroke:#90ee90;filter:drop-shadow(0 0 2px #90ee90);opacity:1}to{filter:none}}