.swal-modal {
  max-width: var(--s28);
  border-radius: var(--s8);
  margin: var(--s12) auto;
}

@media all and (max-width: 900px) {
  .swal-modal {
    width: calc(100% - var(--s12));
  }
}

.swal-title {
  padding: var(--s4);
  font-size: var(--s16);
  line-height: calc(var(--ratio)*2);
}

.swal-title:not(:last-child) {
  margin-bottom: var(--s12);
}

.swal-text {
  font-size: var(--base);
  line-height: calc(var(--ratio)*2);
  padding: 0 var(--s18);
  max-width: none;
}

.swal-icon:first-child {
  margin-top: var(--s16);
}

.swal-footer {
  margin-top: var(--s12);
  padding: var(--s12);
  padding-top: var(--s12);
}

.swal-button-container {
  margin: var(--s8);
}

.swal-button {
  padding: var(--s11) var(--s15);
  font-size: var(--s13);
  line-height: calc(var(--ratio)*2);
  border-radius: var(--s8);
}

.swal-button__loader {
  width: 100%;
}

.swal-button__loader div {
  width: var(--s10);
  height: var(--s10);
  margin: var(--s3);
  border-radius: 50%;
}
.swal-icon--success__ring {
  width: var(--s20);
  height: var(--s20);
  border: var(--s4) solid currentColor;
  top: auto;
  left: auto;
}