.swal2-popup {
	font-family: var(--bs-body-font-family);
}

.swal2-shown {
    overflow: hidden !important;
    padding-right: 0px !important;
}

div:where(.swal2-icon.swal2-icon-show){
    font-size: 0.8rem;
}

div:where(.swal2-container) div:where(.swal2-popup) {
	display: none;
    position: relative;
    box-sizing: border-box;
    grid-template-columns: minmax(0, 100%);
    width: 25em;
    max-width: 100%;
    padding: 0 0 0.5em;
    border-radius: 5px;
    background: #fff;
    color: #9DC5E6;
    font-family: var(--bs-body-font-family);
    font-size: 1rem;
    background-color: var(--color-bg-swal2);
    border: 1.5px solid var(--color-border-swal2);
}

div:where(.swal2-icon) {
  position: relative;
  box-sizing: content-box;
  justify-content: center;
  width: 5em;
  height: 5em;
  margin: 1em auto 0.6em;
  border: 0.25em solid transparent;
  border-radius: 50%;
  border-color: #000;
  font-family: var(--bs-body-font-family);
  line-height: 5em;
  cursor: default;
  user-select: none;
}

div:where(.swal2-container) .swal2-html-container {
    z-index: 1;
    justify-content: center;
    margin: 0.5em 1.6em 0.3em;
    padding: 0;
    overflow: hidden;
    color: inherit;
    font-size: 1.125em;
    font-weight: normal;
    line-height: 1.35;
    text-align: center;
    word-wrap: break-word;
    word-break: break-word;
}

div:where(.swal2-container) div:where(.swal2-actions) {
    display: inline-flex;
    flex-wrap: nowrap !important;
    z-index: 1;
    box-sizing: border-box;
    align-items: center;
    justify-content: flex-end;
    margin: 1em auto 0;
    padding: 0 0.5em;
    width: 100%;
	border-left: 0;
    border-right: 0;
    border-width: 2px;
    border-bottom-width: 0;
    border-style: solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(90deg, rgb(255 0 0 / 0%) 0%, var(--theme-color-line) 53.13%, rgb(255 0 0 / 0%) 100%);
}

div:where(.swal2-container) div:where(.swal2-actions.swal2-loading) {
	justify-content:center;
	padding-top: 1rem;
    padding-bottom: 1rem;
}

div:where(.swal2-container) [type=button]:not(:disabled), div:where(.swal2-container) [type=reset]:not(:disabled), div:where(.swal2-container) [type=submit]:not(:disabled), div:where(.swal2-container) button:not(:disabled) {
    cursor: pointer;
	width: 100%;
	padding-top: .25rem;
    padding-bottom: .25rem;
	margin-left: .1rem;
    margin-right: .1rem;
}

div:where(.swal2-container) h2:where(.swal2-title) {
    position: relative;
    max-width: 100%;
    margin: 0;
    padding: 0.8em 1em 0;
    color: inherit;
    font-size: 1.3em;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    word-wrap: break-word;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    border: 0;
    border-radius: 20em;
    background: linear-gradient(180deg, rgba(50, 199, 82, 1), rgba(50, 169, 82, 1));
    color: #fff;
    font-size: 1em;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-deny {
    border: 0;
    border-radius: 20em;
    background: linear-gradient(180deg, rgba(239, 110, 95, 1), rgba(237, 86, 69, 1));
    color: #fff;
    font-size: 1em;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
    border: 0;
    border-radius: 20em;
    background: linear-gradient(180deg, rgba(92, 99, 106, 1), rgba(67, 72, 77, 1));
    color: #fff;
    font-size: 1em;
}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-confirm.swal2-styled:hover {
    background: linear-gradient(180deg, rgba(50, 179, 82, 1), rgba(50, 149, 82, 1));
	color: #e5e5e5;
}
div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-deny.swal2-styled:hover {
    background: linear-gradient(180deg, rgba(217, 90, 75, 1), rgba(215, 70, 54, 1));
	color: #e5e5e5;
}
div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-cancel.swal2-styled:hover {
    background: linear-gradient(180deg, rgba(79, 85, 91, 1), rgba(56, 60, 65, 1));
	color: #e5e5e5;
}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover {
    background-image: linear-gradient(rgba(33, 150, 243, 0.1), rgba(33, 150, 243, 0.1));
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:hover {
    background: linear-gradient(180deg, rgba(50, 199, 82, 1), rgba(50, 169, 82, 1));
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-deny:hover {
    background: linear-gradient(180deg, rgba(234, 58, 61, 1), rgba(234, 38, 61, 1));
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:hover {
    background: linear-gradient(180deg, rgba(92, 79, 106, 1), rgba(92, 59, 106, 1));
}

div:where(.swal2-container).swal2-backdrop-show, div:where(.swal2-container).swal2-noanimation {
    background: rgba(0, 0, 0, 0.7);
}

.swal2-popup.swal2-toast {
    box-sizing: border-box;
    grid-column: 1 / 4 !important;
    grid-row: 1 / 4 !important;
    grid-template-columns: min-content auto min-content;
    padding: 1em;
    overflow-y: hidden;
    background: linear-gradient(180deg, #0268c5, #013D74);
    box-shadow: 0 0.15rem 0.2rem rgba(0, 0, 0, 0.15);
    pointer-events: all;
}

.swal2-success-circular-line-left,
.swal2-success-circular-line-right,
.swal2-success-fix {
	background-color: transparent;
}