/*
 * DO NOT EDIT THIS FILE.
 * It's generated automatically by 'yarn build' command.
 * @preserve
 */

.m-status-messages {
  --m-status-messages-background-color: var(--color-ghost-saint-gobain-blue);
  --m-status-messages-text-color: var(--color-text-stroke-primary);
  --outline-color: var(--m-status-messages-text-color);

  position: fixed;
  z-index: 1259;
  right: var(--layout-horizontal-gap);
  bottom: 1rem;
  left: var(--layout-horizontal-gap);
  display: flex;
  width: calc(100% - (var(--layout-horizontal-gap) * 2));
  max-width: 22.5rem;
  padding: 0.5rem 0.875rem;
  transition: transform var(--transition-duration-0-35)
    var(--transition-timing-function-cubic-bezier);
  color: var(--m-status-messages-text-color);
  border-radius: var(--border-radius-6);
  background-color: var(--m-status-messages-background-color);
  margin-inline: auto;
  gap: 0.75rem;
}

@media (min-width: 1025px) {
  .m-status-messages {
    width: 26.25rem;
    max-width: none;
  }
}

@media (scripting: enabled) {
  .m-status-messages {
    display: none;
  }
}

.m-status-messages--status {
  --m-status-messages-background-color: var(--color-secondary-success);
  --m-status-messages-text-color: var(--color-text-stroke-light);
}

.m-status-messages--warning {
  --m-status-messages-background-color: var(--color-secondary-warning);
  --m-status-messages-text-color: var(--color-text-stroke-light);
}

.m-status-messages--error {
  --m-status-messages-background-color: var(--color-secondary-error);
  --m-status-messages-text-color: var(--color-text-stroke-light);
}

.m-status-messages__icon {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-top: 0.25rem;
  fill: currentColor;
}

.m-status-messages__content {
  flex-grow: 1;
}

.m-status-messages__content a {
  color: inherit;
}

.m-status-messages__list {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 0.5rem;
}