.swal2-popup.swal2-toast {
    background-color: var(--color-background);
    color: var(--color-text);
    border-radius: var(--card-radius);
}
.swal2-popup.swal2-toast .swal2-success {
  border-color: var(--color-success);
}

div:where(.swal2-container) div:where(.swal2-popup) {
  border-radius: var(--card-radius);
  background: var(--color-background);
  color:var(--color-text);
}

div:where(.swal2-container) div:where(.swal2-loader) {
  border-color: var(--color-secondary) transparent var(--color-secondary) transparent;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
  background-color: var(--color-secondary);
  color:var(--color-on-secondary);
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):focus-visible {
  box-shadow: 0 0 0 3px rgba(var(--color-secondary-rgb), 0.5);
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny) {
  background-color: var(--color-danger);
  color: var(--color-on-danger);
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):focus-visible {
  box-shadow: 0 0 0 3px rgba(var(--color-danger-rgb), 0.5);
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel) {
  background-color: var(--color-muted);
  color: var(--color-on-muted);
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):focus-visible {
  box-shadow: 0 0 0 3px rgba(var(--color-muted-rgb), 0.5);
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus-visible {
  box-shadow: 0 0 0 3px rgba(var(--color-muted-rgb), 0.5);
}
div:where(.swal2-container) div:where(.swal2-footer) {
  border-top: 1px solid var(--border-color);
}
div:where(.swal2-container) button:where(.swal2-close) {
  color: var(--color-muted);
}
div:where(.swal2-container) button:where(.swal2-close):hover {
  transform: none;
  background: transparent;
  color: var(--color-accent);
}
div:where(.swal2-container) button:where(.swal2-close):focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 3px rgba(var(--color-muted-rgb), 0.5);
}
div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) input:where(.swal2-file),
div:where(.swal2-container) textarea:where(.swal2-textarea) {
  border: 1px solid var(--color-accent);
}
div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,
div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,
div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror {
  border-color: var(--color-error) !important;
  box-shadow: 0 0 2px var(--color-error) !important;
}
div:where(.swal2-container) input:where(.swal2-input)::placeholder,
div:where(.swal2-container) input:where(.swal2-file)::placeholder,
div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder {
  color: var(--color-muted);
}
div:where(.swal2-container) .swal2-range {
  background: var(--color-background);
}
div:where(.swal2-container) div:where(.swal2-validation-message) {
  background: var(--faded-label-color);
  color: var(--color-on-muted);
}
div:where(.swal2-container) div:where(.swal2-validation-message)::before {
  background-color: var(--color-error);
  color: var(--color-on-error);
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step {
  background: var(--color-secondary);
  color: var(--color-on-secondary);
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: var(--color-secondary);
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
  background: var(--color-primary);
  color: var(--color-on-primary);
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
  background: var(--color-primary);
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line {
  background: var(--color-secondary);
}
div:where(.swal2-icon) {
  border-color: var(--color-text);
}
div:where(.swal2-icon).swal2-error {
  border-color: var(--color-error);
  color: var(--color-error);
}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
  background-color: var(--color-error);
}
div:where(.swal2-icon).swal2-warning {
  border-color: var(--color-warning);
  color: var(--color-warning);
}
div:where(.swal2-icon).swal2-info {
  border-color: var(--color-info);
  color: var(--color-info);
}
div:where(.swal2-icon).swal2-question {
  border-color: var(--color-accent);
  color: var(--color-accent);
}
div:where(.swal2-icon).swal2-success {
  border-color: var(--color-success);
  color: var(--color-success);
}
div:where(.swal2-icon).swal2-success .swal2-success-ring {
  border: 0.25em solid rgba(var(--color-success-rgb), 0.3);
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
  background-color: var(--color-success);
}