/* TOAST */
div#swal2-html-container {
    font-size: 12px!important;
    margin: 0px!important;
    color: #2F3F53!important;
}

#swal2-title {margin: .3rem 0px!important;}

.swal2-container {
    left: 50%!important;
    transform: translate(-50%, 20%)!important;
    padding: unset!important;
    width: fit-content!important;
    min-width: 400px!important;
    height: max-content!important;
    border-radius: 4px!important;
    overflow: hidden!important;
    z-index: 999999999!important;
}
.swal2-center {
    width: 100vw!important;
    height: 100vh!important;
    z-index: 9999999!important;
    position: fixed!important;
    transform: none!important;
    left: 0!important;
}

.swal2-popup.swal2-toast.swal2-show{
    box-shadow: none!important;
    filter: drop-shadow(0px 0px 9px #9993)!important;
    border-radius: 4px;
    border: 1px solid;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
    top: 1.125em;
    left: .1875em;
    width: .55em;
}
.swal2-toast .swal2-success-ring {display: none;}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
    top: 1.125em;
    left: .1875em;
    width: .5em;
    height: .1rem;
}
.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
    font-size: 1.2rem;
}

.swal2-icon.swal2-question.swal2-icon-show {
    background: var(--toast-progress, linear-gradient(180deg, #FF8C04 -18.75%, #F8B806 116.67%));
    color: white;
}


.swal2-toast {

    border-radius: 4px;
    border: 1px solid;

    &.swal2-icon-info {border-color: #9DC0EE!important;}
    &.swal2-icon-error {border-color: #F4B0A1!important;}
    &.swal2-icon-success {border-color: #48C1B5!important;}
    &.swal2-icon-warning {border-color: #F7D9A4!important;}

    .swal2-success {
        border:unset!important;
        background-color: white;
        background: var(--toast-progress, linear-gradient(180deg, #32BB71 -18.75%, #2A9D8F 116.67%));
    }
    .swal2-info {
        border:unset!important;
        background: var(--toast-progress, linear-gradient(180deg, #4DCAFF -18.75%, #4EA3E0 116.67%));
        color: white;
    }
    .swal2-error {
        border:unset!important;
        background-color: white;
        background: var(--toast-progress, linear-gradient(180deg, #CA5048 -18.75%, #E88B76 116.67%));
    }

}
.swal2-popup.swal2-toast.swal2-icon-error.swal2-show {
    background: radial-gradient(circle, rgb(202 80 72 / 10%) 0%, rgb(232 139 118 / 10%) 100%)!important;
    background-color: white!important;
}
.swal2-popup.swal2-toast.swal2-icon-success.swal2-show {background: #ffffff !important;}
.swal2-timer-progress-bar-container {
    overflow: visible!important;
}
.swal2-popup.swal2-toast .swal2-close {
    display: block!important;
    position: absolute!important;
    top: 0!important;
    height: 50px!important;
    line-height: 50px!important;
    align-self: unset!important;
    grid-row: unset!important;
}
.swal2-popup.swal2-toast .swal2-close:hover {
    color:#FFF
}
span.swal2-success-line-tip, span.swal2-success-line-long {
    background-color: #ffffffd4 !important;
    height: .1rem!important;
}
.swal2-timer-progress-bar {
    height: 6px!important;
    background-color: #01E17B!important;
    border-bottom-right-radius: 10px!important;
    border-top-right-radius: 10px!important;
}
.swal2-icon-error .swal2-timer-progress-bar {
    background-color: #F04248!important;
}

h2#swal2-title {
    color: #27303A!important;
    font-size: 17px!important;
}

div:where(.swal2-container) div:where(.swal2-icon) {}
.swal2-icon  div {background-color: transparent!important;}
.swal2-icon-error div:where(.swal2-container) div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
    background-color: #ef4348!important;
}

div:where(.swal2-container) div:where(.swal2-icon):before{
}
div:where(.swal2-container) div:where(.swal2-icon).swal2-error:before {
}
div:where(.swal2-container) div:where(.swal2-icon).swal2-success:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect width='24' height='24' rx='6' fill='url(%23paint0_linear_33_14278)'/%3E%3Cpath d='M8.5 12.5L10.5 14.5L15.5 9.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_33_14278' x1='-1.08455' y1='-7.80723' x2='29.9336' y2='-5.22063' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.182952' stop-color='%2332BB71'/%3E%3Cstop offset='1' stop-color='%232A9D8F'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")!important;
}

div:where(.swal2-container) div:where(.swal2-icon) {
    border: none!important;
    border-radius: 6px;
}

div:where(.swal2-container) div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
    background-color: #ffffff!important;
    font-weight: lighter!important;
    height: .12rem;
    border-radius: 100px!important;
}
.swal2-popup.swal2-toast.swal2-icon-info.swal2-show .swal2-timer-progress-bar {
    background-color: #40c3ed !important;
}
.swal2-icon.swal2-warning.swal2-icon-show {
    background-color: #FFD21F!important;
    border-color: #ffeda5!important;
    color: #ffffff!important;
}

.swal2-icon-warning  .swal2-timer-progress-bar {
    background-color: #ffd21f !important;
}

button.swal2-confirm.swal2-styled.swal2-default-outline {
    background-color: #183e6a!important;
    margin: 0px!important;
    width: 100%!important;
}

button.swal2-cancel.swal2-styled.swal2-default-outline {
    margin: 0px!important;
    width: 100%!important;
    border: 1px solid #98a2b369 !important;
    background-color: #98a2b32e!important;
    color: #98A2B3!important;
}

.swal2-actions {
    width: 80%!important;
    flex-wrap: nowrap!important;
    padding: 10px!important;
    gap: 16px!important;
    justify-content: center!important;
    flex-direction: row-reverse!important;
}


/* DARK */

body.dark {

    .swal2-icon.swal2-warning.swal2-icon-show {
        background-color: #FFD21F!important;
        border-color: #FFD21F!important;
        color: #252c32!important;
        filter: drop-shadow(0px 0px 26px #FFD21F)!important;
    }

    div#swal2-html-container  { color: var(--bs-gray-300)!important;}

    .swal2-popup.swal2-toast.swal2-icon-error.swal2-show {
        background: linear-gradient(90deg, rgba(246,116,62,1) 26%, rgba(212,37,37,1) 100%)!important;
        background-color: black;
    }
    .swal2-popup.swal2-toast.swal2-icon-info.swal2-show {
        background: var(--toast-progress, linear-gradient(180deg, #4DCAFF -18.75%, #4EA3E0 116.67%));
        background-color: black;
    }
    .swal2-popup.swal2-toast.swal2-icon-success.swal2-show {
        background: linear-gradient(90deg, rgba(50,187,113,1) 26%, rgba(42,157,143,1) 100%)!important;
        background-color: black;
    }
    span.swal2-success-line-tip, span.swal2-success-line-long {
    }
    h2#swal2-title {
        color: #FFF!important;
    }
    .swal2-popup.swal2-toast.swal2-show {
        border:none!important;
    }

    div:where(.swal2-container) div:where(.swal2-icon):not(.swal2-question) {
        background: #0000006e !important;
    }

    .swal2-icon.swal2-question.swal2-icon-show {
        background: #0000006e !important;
        color: white;
    }

    div:where(.swal2-container) div:where(.swal2-icon).swal2-success {
    }
    .swal2-icon-error .swal2-timer-progress-bar,  .swal2-icon-success .swal2-timer-progress-bar, .swal2-icon-info .swal2-timer-progress-bar {
        background-color: #ffffff54 !important;
    }
    div:where(.swal2-container) div:where(.swal2-icon).swal2-error {}
    div:where(.swal2-container) div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
    }
}