html,body,#root{width:100%;height:100%;margin:0}@font-face{font-family:Roboto;src:url(/Roboto-Bold.ttf)}.info{cursor:help}.info .dot{position:absolute;background-color:#f5f5f5;border-radius:100%;transition:all .5s ease-in-out;will-change:transform;width:12px;height:12px;animation:vibrate 3s cubic-bezier(.075,.82,.165,1) infinite,scaling 40s cubic-bezier(.075,.82,.165,1) 20s infinite}.info .text{position:absolute;font-family:Roboto;color:#fff;padding:15px;min-width:300px;font-size:14px;transform:scale(0);overflow:hidden;transition:all .5s ease-in-out;transform-origin:top left;will-change:transform}.info:hover .dot{opacity:0;transform:scale(0)}.info:hover .text{background-color:#34343477;transform:scale(1);border-radius:4px}@keyframes vibrate{0%{box-shadow:0}25%{box-shadow:0 0 0 2px #fff4,0 0 0 6px #fff4}50%{box-shadow:0}75%{box-shadow:0 0 0 2px #fff4,0 0 0 6px #fff4}to{box-shadow:0 0 #fff4,0 0 #fff4}}@keyframes scaling{0%{transform:scale(1)}2%{transform:scale(2)}6%{transform:scale(1)}}