.messages {
  margin-bottom: distance(1);
  padding: distance(2);
  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: distance(1); }
    .messages__item:first-child {
      margin-top: 0; }

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