@keyframes fadeFromTransparent{from{opacity:0}}@keyframes slideFromTop{from{transform:translateY(-100%)}}#errors-container{--color-success: hsl(160, 60%, 45%);--color-error: hsl(357, 68%, 58%)}#errors-container .error-message,#errors-container .success-message{position:absolute;display:none;margin-top:.375rem;font-size:.75rem}@media(min-width: 1024px){#errors-container .error-message,#errors-container .success-message{margin-top:.75rem}}#errors-container .error-message.active,#errors-container .success-message.active{display:block;transform:translateY(0%);opacity:1;animation:fadeFromTransparent 400ms ease,slideFromTop 300ms ease}#errors-container .error-message{color:var(--color-error)}#errors-container .success-message{color:var(--color-success)}/*# sourceMappingURL=error-messages.css.map */