:root{--counter-blue:#035eb9;--counter-white:#ffffff;--counter-black:#000;--counter-yellow:#e8b809;--counter-orange:#e07e0d;--counter-red:#cc0c08;--counter-violet:#6e12c4;--counter-green:#119e18}.counters{display:flex;flex-direction:row;width:700px;justify-content:space-between;flex-wrap:wrap}.counter{font-family:sans-serif;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border:5px solid var(--counter-blue);border-radius:100%;font-size:30px;font-weight:bolder;margin:3px 0}.arrow-up{border-bottom:45px solid #00008f}.arrow-down{border-top:45px solid #00008f}.arrow>span{display:block}.arrow-up>span{padding-top:5px;font-size:30px;margin-left:-9px}.arrow-down>span{margin-top:-45px;font-size:30px;margin-left:-5px}.arrow{width:0;height:0;border-left:45px solid transparent;border-right:45px solid transparent;color:#fff;cursor:pointer;user-select:none}.break-line{flex-basis:100%;height:0;margin-top:20px}.center-counter{display:flex;align-items:center;justify-content:center;width:100%}#counter1{border:5px solid var(--counter-yellow)}.wrap1>.arrow-up{border-bottom:45px solid var(--counter-yellow)}.wrap1>.arrow-down{border-top:45px solid var(--counter-yellow)}#counter2{border:5px solid var(--counter-orange)}.wrap2>.arrow-up{border-bottom:45px solid var(--counter-orange)}.wrap2>.arrow-down{border-top:45px solid var(--counter-orange)}#counter3{border:5px solid var(--counter-red)}.wrap3>.arrow-up{border-bottom:45px solid var(--counter-red)}.wrap3>.arrow-down{border-top:45px solid var(--counter-red)}#counter4{border:5px solid var(--counter-blue)}.wrap4>.arrow-up{border-bottom:45px solid var(--counter-blue)}.wrap4>.arrow-down{border-top:45px solid var(--counter-blue)}#counter5{border:5px solid var(--counter-violet)}.wrap5>.arrow-up{border-bottom:45px solid var(--counter-violet)}.wrap5>.arrow-down{border-top:45px solid var(--counter-violet)}#counter6{border:5px solid var(--counter-green)}.wrap6>.arrow-up{border-bottom:45px solid var(--counter-green)}.wrap6>.arrow-down{border-top:45px solid var(--counter-green)}#counter7{border:5px solid var(--counter-black)}.wrap7>.arrow-up{border-bottom:45px solid var(--counter-black)}.wrap7>.arrow-down{border-top:45px solid var(--counter-black)}