.errornote {
  align-items: flex-start;
  background: var(--ege-danger-soft) !important;
  border: 1px solid var(--ege-danger) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ege-danger) 14%, transparent);
  color: var(--ege-danger) !important;
  display: flex !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
  margin: 0 0 16px !important;
  padding: 12px 14px !important;
}

.errornote:focus {
  outline: 2px solid var(--ege-danger);
  outline-offset: 2px;
}

.inline-group .tabular td > ul.errorlist {
  background: var(--ege-danger-soft) !important;
  border: 1px solid var(--ege-danger);
  border-radius: var(--ege-radius-sm);
  color: var(--ege-danger) !important;
  display: block !important;
  font-weight: 800;
  line-height: 1.35;
  margin: 0 0 8px !important;
  min-width: 180px;
  padding: 8px 10px !important;
  position: relative;
  text-align: left;
  white-space: normal;
  z-index: 2;
}

.inline-group .tabular td > ul.errorlist li {
  color: inherit !important;
  display: block !important;
  font-size: 12px !important;
  margin: 0 !important;
}

.inline-group .tabular tr:has(td > ul.errorlist) td:not(.original) {
  background: color-mix(in srgb, var(--ege-danger) 7%, var(--ege-surface));
  vertical-align: top !important;
}