:root {
    --umay-toast-accent: #7c32ff;
    --umay-toast-success: #15803d;
    --umay-toast-warning: #d97706;
    --umay-toast-error: #dc264f;
    --umay-toast-info: #7c32ff;
    --umay-toast-question: #2563eb;
    --umay-toast-shadow:
        0 6px 14px rgba(31, 41, 55, .16),
        0 2px 5px rgba(31, 41, 55, .1);
    --umay-toast-side-gap: clamp(12px, 2.6vw, 28px);
    --umay-toast-top-gap: clamp(32px, 4vw, 42px);
}

.swal2-container.ma-notification-toast-container {
    z-index: 10080 !important;
    padding: var(--umay-toast-top-gap) var(--umay-toast-side-gap) var(--umay-toast-side-gap) !important;
    background: transparent !important;
    overflow: visible !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html.ma-responsive-swal-active .swal2-container.ma-notification-toast-container {
    padding: var(--umay-toast-top-gap) var(--umay-toast-side-gap) var(--umay-toast-side-gap) !important;
    overflow: visible !important;
}

html.ma-responsive-swal-active .swal2-popup.swal2-toast {
    max-height: none !important;
    overflow: visible !important;
    zoom: 1 !important;
}

.swal2-popup.swal2-toast {
    --umay-toast-card: color-mix(in srgb, var(--umay-toast-accent) 72%, #fff 28%);
    box-sizing: border-box !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: min(390px, calc(100vw - 24px)) !important;
    min-height: 88px !important;
    padding: 22px 22px 20px 92px !important;
    overflow: visible !important;
    border: 1px solid rgba(255, 255, 255, .2) !important;
    border-radius: 22px !important;
    color: #fff !important;
    background:
        radial-gradient(circle at 18px 61px, var(--umay-toast-accent) 0 4px, transparent 5px),
        radial-gradient(circle at 49px 69px, var(--umay-toast-accent) 0 8px, transparent 9px),
        radial-gradient(circle at 70px 80px, var(--umay-toast-accent) 0 3px, transparent 4px),
        radial-gradient(ellipse at 8px 108%, var(--umay-toast-accent) 0 42px, transparent 43px),
        var(--umay-toast-card) !important;
    box-shadow:
        0 0 14px color-mix(in srgb, var(--umay-toast-accent) 28%, transparent),
        var(--umay-toast-shadow) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    font-family: var(--ma-ui-font-family, var(--base_font, 'Poppins', sans-serif)) !important;
    transform-origin: top right;
    will-change: transform, opacity;
}

.swal2-popup.swal2-toast.ma-notification-kind-success,
.swal2-popup.swal2-toast[data-ma-notification-type='success'] {
    --umay-toast-accent: var(--umay-toast-success);
}
.swal2-popup.swal2-toast.ma-notification-kind-warning,
.swal2-popup.swal2-toast[data-ma-notification-type='warning'] {
    --umay-toast-accent: var(--umay-toast-warning);
}
.swal2-popup.swal2-toast.ma-notification-kind-error,
.swal2-popup.swal2-toast[data-ma-notification-type='error'] {
    --umay-toast-accent: var(--umay-toast-error);
}
.swal2-popup.swal2-toast.ma-notification-kind-info,
.swal2-popup.swal2-toast[data-ma-notification-type='info'] {
    --umay-toast-accent: var(--umay-toast-info);
}
.swal2-popup.swal2-toast.ma-notification-kind-question,
.swal2-popup.swal2-toast[data-ma-notification-type='question'] {
    --umay-toast-accent: var(--umay-toast-question);
}

@supports selector(:has(*)) {
    .swal2-container:has(> .swal2-popup.swal2-toast) {
        z-index: 10080 !important;
        padding: var(--umay-toast-top-gap) var(--umay-toast-side-gap) var(--umay-toast-side-gap) !important;
        background: transparent !important;
        overflow: visible !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .swal2-popup.swal2-toast:has(.swal2-success) { --umay-toast-accent: var(--umay-toast-success); }
    .swal2-popup.swal2-toast:has(.swal2-warning) { --umay-toast-accent: var(--umay-toast-warning); }
    .swal2-popup.swal2-toast:has(.swal2-error) { --umay-toast-accent: var(--umay-toast-error); }
    .swal2-popup.swal2-toast:has(.swal2-info) { --umay-toast-accent: var(--umay-toast-info); }
    .swal2-popup.swal2-toast:has(.swal2-question) { --umay-toast-accent: var(--umay-toast-question); }
}

.swal2-popup.swal2-toast .swal2-header {
    position: absolute !important;
    top: -29px !important;
    left: 18px !important;
    z-index: 2;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 58px !important;
    height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: var(--umay-toast-accent) !important;
    box-shadow: 0 3px 7px rgba(31, 41, 55, .16) !important;
}

.swal2-popup.swal2-toast .swal2-header::before {
    position: relative;
    z-index: 2;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 29px;
    font-weight: 800;
    line-height: 1;
    content: 'i';
}

.swal2-popup.swal2-toast .swal2-header::after {
    display: none !important;
    content: none !important;
}

.swal2-popup.swal2-toast.ma-notification-kind-success .swal2-header::before { content: '\2713'; }
.swal2-popup.swal2-toast.ma-notification-kind-error .swal2-header::before { content: '\00d7'; font-size: 38px; font-weight: 500; }
.swal2-popup.swal2-toast.ma-notification-kind-warning .swal2-header::before { content: '!'; font-size: 36px; }
.swal2-popup.swal2-toast.ma-notification-kind-question .swal2-header::before { content: '?'; font-size: 34px; }

.swal2-popup.swal2-toast .swal2-title {
    display: none !important;
}

.swal2-popup.swal2-toast .swal2-content {
    display: flex !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.swal2-popup.swal2-toast .swal2-content,
.swal2-popup.swal2-toast #swal2-content,
.swal2-popup.swal2-toast .swal2-html-container {
    color: #fff !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    text-align: left !important;
    text-shadow: 0 1px 2px rgba(31, 41, 55, .18);
}

.swal2-popup.swal2-toast .swal2-icon {
    display: none !important;
}

.swal2-popup.swal2-toast .swal2-actions,
.swal2-popup.swal2-toast .swal2-footer,
.swal2-popup.swal2-toast .swal2-close {
    display: none !important;
}

.swal2-popup.swal2-toast .swal2-timer-progress-bar {
    display: none !important;
}

.swal2-popup.swal2-toast.swal2-show {
    animation: umay-toast-show .44s cubic-bezier(.2, .8, .2, 1) both !important;
}

.swal2-popup.swal2-toast.swal2-hide {
    animation: umay-toast-hide .22s ease-in both !important;
}

#toast-container {
    z-index: 10080 !important;
    overflow: visible !important;
    font-family: var(--ma-ui-font-family, var(--base_font, 'Poppins', sans-serif)) !important;
}

#toast-container.toast-top-right {
    top: var(--umay-toast-top-gap) !important;
    right: var(--umay-toast-side-gap) !important;
}

#toast-container.toast-top-left {
    top: var(--umay-toast-top-gap) !important;
    left: var(--umay-toast-side-gap) !important;
}

#toast-container > .toast {
    --umay-toast-card: color-mix(in srgb, var(--umay-toast-accent) 72%, #fff 28%);
    box-sizing: border-box !important;
    position: relative !important;
    width: min(390px, calc(100vw - 24px)) !important;
    min-height: 88px !important;
    margin: 0 0 20px !important;
    padding: 22px 22px 20px 92px !important;
    overflow: visible !important;
    border: 1px solid rgba(255, 255, 255, .2) !important;
    border-radius: 22px !important;
    color: #fff !important;
    background:
        radial-gradient(circle at 18px 61px, var(--umay-toast-accent) 0 4px, transparent 5px),
        radial-gradient(circle at 49px 69px, var(--umay-toast-accent) 0 8px, transparent 9px),
        radial-gradient(circle at 70px 80px, var(--umay-toast-accent) 0 3px, transparent 4px),
        radial-gradient(ellipse at 8px 108%, var(--umay-toast-accent) 0 42px, transparent 43px),
        var(--umay-toast-card) !important;
    box-shadow:
        0 0 14px color-mix(in srgb, var(--umay-toast-accent) 28%, transparent),
        var(--umay-toast-shadow) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    opacity: 1;
    filter: none !important;
    transform-origin: top right;
    will-change: transform, opacity;
    animation: umay-toast-show .44s cubic-bezier(.2, .8, .2, 1) both;
}

#toast-container > .toast:hover {
    color: #fff !important;
    box-shadow:
        0 0 14px color-mix(in srgb, var(--umay-toast-accent) 28%, transparent),
        var(--umay-toast-shadow) !important;
    opacity: 1;
}

#toast-container > .toast-success { --umay-toast-accent: var(--umay-toast-success); }
#toast-container > .toast-warning { --umay-toast-accent: var(--umay-toast-warning); }
#toast-container > .toast-error { --umay-toast-accent: var(--umay-toast-error); }
#toast-container > .toast-info { --umay-toast-accent: var(--umay-toast-info); }

#toast-container > .toast::before {
    position: absolute;
    top: -29px;
    left: 18px;
    z-index: 2;
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: var(--umay-toast-accent);
    box-shadow: 0 3px 7px rgba(31, 41, 55, .16);
    font-family: Arial, sans-serif;
    font-size: 29px;
    font-weight: 800;
    line-height: 1;
    content: 'i';
}

#toast-container > .toast::after {
    display: none !important;
    content: none !important;
}

#toast-container > .toast-success::before { content: '\2713'; }
#toast-container > .toast-warning::before { content: '!'; font-size: 36px; }
#toast-container > .toast-error::before { content: '\00d7'; font-size: 38px; font-weight: 500; }

#toast-container .toast-title {
    display: none !important;
}

#toast-container .toast-message {
    color: #fff !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    text-align: left !important;
    text-shadow: 0 1px 2px rgba(31, 41, 55, .18);
}

#toast-container .toast-close-button {
    color: #fff !important;
    text-shadow: none !important;
}

#toast-container .toast-progress {
    height: 3px;
    background: var(--umay-toast-accent) !important;
    opacity: .3;
}

[dir='rtl'] #toast-container > .toast,
#toast-container > .toast.rtl {
    padding-right: 92px !important;
    padding-left: 22px !important;
    border: 1px solid rgba(255, 255, 255, .2) !important;
    transform-origin: top left;
}

[dir='rtl'] .swal2-popup.swal2-toast {
    padding-right: 92px !important;
    padding-left: 22px !important;
    transform-origin: top left;
}

[dir='rtl'] .swal2-popup.swal2-toast .swal2-header {
    right: 18px !important;
    left: auto !important;
}

[dir='rtl'] #toast-container > .toast::before,
#toast-container > .toast.rtl::before {
    right: 18px;
    left: auto;
}

[dir='rtl'] #toast-container .toast-message,
#toast-container > .toast.rtl .toast-message {
    text-align: right !important;
}

@keyframes umay-toast-show {
    0% {
        transform: translate3d(0, -12px, 0) scale(.92);
        opacity: 0;
    }
    58% {
        transform: translate3d(0, 3px, 0) scale(1.018);
        opacity: 1;
    }
    80% {
        transform: translate3d(0, -2px, 0) scale(.995);
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 1;
    }
}

@keyframes umay-toast-hide {
    0% {
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translate3d(0, -10px, 0) scale(.94);
        opacity: 0;
    }
}

@media (max-width: 420px) {
    #toast-container.toast-top-right,
    #toast-container.toast-top-left {
        right: 12px !important;
        left: 12px !important;
        width: auto !important;
    }

    #toast-container > .toast {
        width: 100% !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .swal2-popup.swal2-toast.swal2-show,
    .swal2-popup.swal2-toast.swal2-hide,
    #toast-container > .toast {
        animation-duration: .18s !important;
        animation-timing-function: ease-out !important;
    }
}