#root{display:flex;justify-content:center;align-items:center;margin:0;padding:0;width:100%;height:100%;text-align:center}body{margin:0}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.loading-dot{animation:pulse 1.5s ease-in-out infinite}.loading-dot:nth-child(1){animation-delay:0s}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes bounce{0%,80%,to{transform:scale(.8);opacity:.4}40%{transform:scale(1.2);opacity:1}}v .message-box{display:none}.message-box.show{display:block;animation:slideFromIcon .3s ease-in-out forwards}.message-box.hide{animation:slideBackToIcon .3s ease-in-out forwards}@keyframes slideFromIcon{0%{transform:translate(120px) scale(.2);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes slideBackToIcon{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(120px) scale(.2);opacity:0}}
