.mailpoet-automation-errors {
  padding: 8px 0;
  width: 280px;
}

.mailpoet-automation-errors-header {
  font-weight: 600;
  padding: 8px 12px;
}

.mailpoet-automation-step-error {
  align-items: center;
  appearance: none;
  background: none;
  border: none;
  cursor: pointer;
  display: grid;
  gap: 12px;
  grid-template-columns: auto 1fr;
  padding: 9px 12px;
  text-align: left;
  width: 100%;

  &:hover {
    background: #f6f7f7;
  }

  &:focus-visible {
    box-shadow: inset 0 0 0 1.5px #2271b1;
    outline: none;
  }
}

.mailpoet-automation-field__error {
  position: relative;

  input:not([type='radio'])
  select,
  textarea,
  input[type='text'].components-form-token-field__input {
    background: right top/26px no-repeat url('../../img/icons/alert.svg');
    padding-right: 26px;
  }

  select,
  input[type=number] {
    background-position-x: calc(100% - 26px);
    padding-right: 8px !important;
  }

  .components-base-control__help,
  .mailpoet-automation-field-message {
    color: #d63638;
  }

  .components-button.mailpoet-automation-button-sidebar-primary,
  .components-button.mailpoet-automation-button-sidebar-primary.has-text,
  .components-button.mailpoet-automation-button-sidebar-primary.has-icon {
    background: #d63638;
  }
}