@-webkit-keyframes fade-in-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@keyframes fade-in-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@-webkit-keyframes fade-in-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(30px);
            transform: translateX(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@keyframes fade-in-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(30px);
            transform: translateX(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@-webkit-keyframes fade-in-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes fade-in-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

.messages {
  margin-bottom: 8px;
  padding: 16px;
  border: 1px solid; }
  .messages--status {
    border-color: #00cc00;
    background-color: #cfc; }
  .messages--warning {
    border-color: #cccc00;
    background-color: #ffc; }
  .messages--error {
    border-color: #cc0000;
    background-color: #fcc; }
  .messages__list {
    margin: 0;
    padding: 0;
    list-style: none; }
  .messages__item {
    margin-top: 8px; }
    .messages__item:first-child {
      margin-top: 0; }

/*# sourceMappingURL=../_maps/components/messages.css.map */