/**
 * ACCORDING TO PRIMAVERA DESIGN SYSTEM:
 * https://design.primaverabss.com/5db52be82/p/0695e1-estilo
 *
 * These variables must follow the defined on the PRIMAVERA Design System,
 * including their naming.
 */
.cma-messages,
.messages_holder.general {
  position: fixed;
  top: 100px !important;
  right: 65px !important;
  display: table;
  margin: 0;
  width: 360px !important;
}
.cma-messages.messages_holder.general,
.messages_holder.general.messages_holder.general {
  top: 80px !important;
  opacity: 0;
  transition: all 0.4s;
}
.cma-messages.messages_holder.general.active,
.messages_holder.general.messages_holder.general.active {
  top: 120px !important;
  opacity: 1;
}
.cma-messages > .cma-flash-message, .cma-messages > div,
.messages_holder.general > .cma-flash-message,
.messages_holder.general > div {
  padding: 10px 10px 10px 44px !important;
  font-size: 14px;
  font-weight: 500;
  color: var(--grey-8);
  border: 0;
  border-radius: 4px !important;
  overflow: hidden;
}
.cma-messages > .cma-flash-message:before, .cma-messages > div:before,
.messages_holder.general > .cma-flash-message:before,
.messages_holder.general > div:before {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 10px;
  width: 40px;
  height: calc(100% - 10px);
  font-family: "pollen-terial-lithium" !important;
  font-size: 22px;
  text-align: center;
  background: transparent;
  border-left: 4px solid;
  border-radius: 4px 0 0 4px;
}
.cma-messages > .cma-flash-message.cma_error, .cma-messages > .cma-flash-message.msg_error, .cma-messages > div.cma_error, .cma-messages > div.msg_error,
.messages_holder.general > .cma-flash-message.cma_error,
.messages_holder.general > .cma-flash-message.msg_error,
.messages_holder.general > div.cma_error,
.messages_holder.general > div.msg_error {
  background-color: var(--error-20) !important;
}
.cma-messages > .cma-flash-message.cma_error:before, .cma-messages > .cma-flash-message.msg_error:before, .cma-messages > div.cma_error:before, .cma-messages > div.msg_error:before,
.messages_holder.general > .cma-flash-message.cma_error:before,
.messages_holder.general > .cma-flash-message.msg_error:before,
.messages_holder.general > div.cma_error:before,
.messages_holder.general > div.msg_error:before {
  content: "\e94a";
  color: var(--error-100);
  border-color: var(--error-100);
}
.cma-messages > .cma-flash-message.cma_success, .cma-messages > .cma-flash-message.msg_success, .cma-messages > div.cma_success, .cma-messages > div.msg_success,
.messages_holder.general > .cma-flash-message.cma_success,
.messages_holder.general > .cma-flash-message.msg_success,
.messages_holder.general > div.cma_success,
.messages_holder.general > div.msg_success {
  background-color: var(--success-20) !important;
}
.cma-messages > .cma-flash-message.cma_success:before, .cma-messages > .cma-flash-message.msg_success:before, .cma-messages > div.cma_success:before, .cma-messages > div.msg_success:before,
.messages_holder.general > .cma-flash-message.cma_success:before,
.messages_holder.general > .cma-flash-message.msg_success:before,
.messages_holder.general > div.cma_success:before,
.messages_holder.general > div.msg_success:before {
  content: "\e979";
  color: var(--success-100);
  border-color: var(--success-100);
}/*# sourceMappingURL=styles.css.map */