/* =========================================================
   FLASH MESSAGES
========================================================= */

.flash {

  margin-bottom: 18px;

  padding:
    12px 14px;

  border:
    1px solid;

  border-radius:
    var(--radius-sm);

}


.flash-success {

  color:
    var(--success);

  background:
    var(--success-soft);

  border-color:
    color-mix(
      in srgb,
      var(--success) 25%,
      transparent
    );

}


.flash-error {

  color:
    var(--danger);

  background:
    var(--danger-soft);

  border-color:
    color-mix(
      in srgb,
      var(--danger) 25%,
      transparent
    );

}