.loading-dots{align-items:center;gap:6px;height:24px;padding:0 16px;display:flex}.loading-dots .dot{background-color:var(--color-neutral-300);border-radius:50%;width:6px;height:6px;transition:all .3s}.loading-dots .dot:first-child{animation:.9s ease-in-out infinite dotPulse}.loading-dots .dot:nth-child(2){animation:.9s ease-in-out .3s infinite dotPulse}.loading-dots .dot:nth-child(3){animation:.9s ease-in-out .6s infinite dotPulse}@keyframes dotPulse{0%,to{background-color:var(--color-neutral-300);width:6px;height:6px}50%{background-color:var(--color-neutral-500);width:8px;height:8px}}
@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutToRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(50px)}}.slide-in{animation:.3s ease-out forwards slideInFromLeft}.slide-out{animation:.3s ease-out forwards slideOutToRight}