/* In order to use this import, make sure you have the bourbon setting on "true" in
 * gulpfile.js/theming.config.js
 * @import "bourbon";
 */
/* In order to use this import, make sure you have the bourbonneat setting on "true" in
 * gulpfile.js/theming.config.js
 * @import "neat";
 */
/* In order to use this import, make sure you have the breakpoint setting on "true" in
 * gulpfile.js/theming.config.js
 * @import "breakpoint";
 */
/* Animation definitions */
.status-message {
  margin-bottom: 30px;
  padding: 15px 15px 15px 60px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 20px center;
  background-color: #F99D25;
  color: #fff;
}

.status-message.status-message--error {
  background-image: url("/themes/custom/compony/components/status-messages/dist/sad.svg");
  background-color: red;
}

.status-message.status-message--status {
  background-image: url("/themes/custom/compony/components/status-messages/dist/smile.svg");
}

.status-message.status-message--warning {
  background-image: url("/themes/custom/compony/components/status-messages/dist/meh.svg");
  background-color: #46AEF8;
}

/*# sourceMappingURL=maps/status-messages.css.map */