.anvil2{@layer starter, reset, base, state, application;._messages_1jce7_1 {
  --a2-mod-field-message-error-foreground-color: var(--a2-field-message-error-foreground-color, var(--a2-foreground-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))));
  --a2-mod-field-message-warning-foreground-color: var(--a2-field-message-warning-foreground-color, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
  --a2-mod-field-message-foreground-color: var(--a2-field-message-foreground-color, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
  --a2-mod-icon-padding-block-start: var(--a2-size-quarter, 0.0625rem);
  all: unset;
  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
  font-size: 100%;
  color: inherit;
  margin: 0;
  padding: 0;
  border-style: none;
  border-width: 0;
  border-color: transparent;
  box-sizing: border-box;
  display: flex;
  color: var(--a2-mod-field-message-foreground-color);
  flex: 1;
  flex-direction: column;
  font-size: var(--a2-font-size-300, 0.875rem);
  gap: var(--a2-size-1, 0.25rem);
}._error-container_1jce7_24 {
  align-items: flex-start;
  color: var(--a2-mod-field-message-error-foreground-color);
  display: flex;
  gap: var(--a2-size-1, 0.25rem);
}._warning-container_1jce7_31 {
  align-items: flex-start;
  color: var(--a2-mod-field-message-warning-foreground-color);
  display: flex;
  gap: var(--a2-size-1, 0.25rem);
}._status-icon_1jce7_38 {
  padding-top: var(--a2-size-quarter, 0.0625rem);
}
}