.confirm-dialog {
  --modal-size-md: 480px;
}
.confirm-dialog--wide {
  --modal-size-md: 540px;
}
.confirm-dialog::part(body) {
  border-top: 0;
  padding-top: 12px;
}
.confirm-dialog__close {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-flex;
  padding: 4px;
  border: 0;
  background: transparent;
  color: inherit;
  opacity: 0.7;
  cursor: pointer;
}
.confirm-dialog__close:hover:not(:disabled) {
  opacity: 1;
}
.confirm-dialog__header {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.confirm-dialog__title {
  display: block;
}
.confirm-dialog__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.confirm-dialog--warning .confirm-dialog__badge {
  color: #c98a00;
  background: #fff6dc;
}
.confirm-dialog--danger .confirm-dialog__badge {
  color: #c7012b;
  background: #fdeef0;
}
.confirm-dialog__body p {
  margin: 0 0 8px;
}
.confirm-dialog__muted {
  opacity: 0.7;
}
.confirm-dialog__error {
  color: var(--motif-color-error, #b9251c);
}
.confirm-dialog__impacts {
  margin-top: 12px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
  border-radius: 4px;
  background: color-mix(in srgb, currentColor 5%, transparent);
}
.confirm-dialog__impacts ul {
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
  max-height: 148px;
  overflow: auto;
}
.confirm-dialog__impacts li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  padding: 4px 0;
  line-height: 18px;
}
.confirm-dialog__impacts-title {
  display: block;
}
.confirm-dialog__footer {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.confirm-dialog__footer motif-button {
  flex: none;
  white-space: nowrap;
}
.confirm-dialog__discard {
  margin-right: auto;
}
.confirm-dialog--danger .confirm-dialog__primary {
  --button-primary-warn-bg-color: #c7012b;
  --button-primary-warn-hover-bg-color: #a3001f;
  --button-primary-warn-focus-bg-color: #a3001f;
  --button-primary-warn-active-bg-color: #8a001a;
}