/*=============== Toast ================*/

#toast-container .toast {
    position: relative;
    overflow: hidden;
    margin: 0 0 0px;
    padding: 14px 15px 15px 50px;
    min-width: 300px;
    width: auto;
    max-width: 350px;
    border-radius: 12px;
    background-position: 15px 15px;
    background-repeat: no-repeat;
    background-size: 24px;
    backdrop-filter: blur(4px);
    box-shadow: unset;
    color: var(--font-black);
    opacity: 1;
}

    #toast-container .toast:hover {
        box-shadow: unset;
        opacity: 1;
        cursor: pointer;
    }

    #toast-container .toast.toast-success {
        background-color: rgb(163 250 208 / 80%);
        border: 1px solid #37dea6;
        border-left: 4px solid #24be8a;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTMiIGhlaWdodD0iOTMiIHZpZXdCb3g9IjAgMCA5MyA5MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNDUuNSAwQzIwLjgxOTYgMCAwIDIwLjgxOTYgMCA0Ni41QzAgNzIuMTgwNCAyMC44MTk2IDkzIDQ2LjUgOTNDNzIuMTgwNCA5MyA5MyA3Mi4xODA0IDkzIDQ2LjVDOTMgMjAuODE5NiA3Mi4xODA0IDAgNDYuNSAwWk02OS4wOTc5IDM4LjE0NDVMNDMuMDQ4OCA2NC4yMDA5TDQyLjk4ODkgNjQuMjYwOEM0Mi4zNzkxIDY0Ljg3MDcgNDEuNjU1MiA2NS4zNTQ1IDQwLjg1ODQgNjUuNjg0NkM0MC4wNjE3IDY2LjAxNDcgMzkuMjA3NyA2Ni4xODQ2IDM4LjM0NTIgNjYuMTg0NkMzNy40ODI4IDY2LjE4NDYgMzYuNjI4OCA2Ni4wMTQ3IDM1LjgzMjEgNjUuNjg0NkMzNS4wMzUzIDY1LjM1NDUgMzQuMzExNCA2NC44NzA3IDMzLjcwMTYgNjQuMjYwOEwzMy41ODM1IDY0LjE0MDlMMjMuOTI3NSA1NC40OTIyQzIzLjMwOTYgNTMuODc0NiAyMi44MTk0IDUzLjE0MTQgMjIuNDg1IDUyLjMzNDNDMjIuMTUwNSA1MS41MjczIDIxLjk3ODQgNTAuNjYyMiAyMS45Nzg0IDQ5Ljc4ODZDMjEuOTc4NCA0OC45MTUgMjIuMTUwNSA0OC4wNDk5IDIyLjQ4NSA0Ny4yNDI5QzIyLjgxOTQgNDYuNDM1OCAyMy4zMDk2IDQ1LjcwMjYgMjMuOTI3NSA0NS4wODVDMjQuNTQ1IDQ0LjQ2NzQgMjUuMjc4MiA0My45Nzc0IDI2LjA4NTEgNDMuNjQzMUMyNi44OTIgNDMuMzA4OSAyNy43NTY4IDQzLjEzNjggMjguNjMwMiA0My4xMzY4QzI5LjUwMzYgNDMuMTM2OCAzMC4zNjg0IDQzLjMwODkgMzEuMTc1MyA0My42NDMxQzMxLjk4MjIgNDMuOTc3NCAzMi43MTU0IDQ0LjQ2NzQgMzMuMzMyOSA0NS4wODVMMzguMzQwNyA1MC4wOTI5TDU5LjY5MDcgMjguNzM5MkM2MC4zMDA3IDI4LjEyOTIgNjEuMDI0NyAyNy42NDU0IDYxLjgyMTcgMjcuMzE1M0M2Mi42MTg2IDI2Ljk4NTEgNjMuNDcyNyAyNi44MTUyIDY0LjMzNTMgMjYuODE1MkM2NS4xOTc5IDI2LjgxNTIgNjYuMDUyIDI2Ljk4NTEgNjYuODQ4OSAyNy4zMTUzQzY3LjY0NTggMjcuNjQ1NCA2OC4zNjk5IDI4LjEyOTIgNjguOTc5OCAyOC43MzkyTDY5LjA5NzkgMjguODU5MUM3MC4zMjkxIDMwLjA5MDUgNzEuMDIwOCAzMS43NjA1IDcxLjAyMDggMzMuNTAxOEM3MS4wMjA4IDM1LjI0MzEgNzAuMzI5MSAzNi45MTMxIDY5LjA5NzkgMzguMTQ0NVoiIGZpbGw9IiMyNEJFOEEiLz48L3N2Zz4=") !important;
    }

    #toast-container .toast.toast-error {
        background-color: rgb(252 215 212 / 84%);
        border: 1px solid #ffa3a3;
        border-left: 4px solid #ff6161;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTExIiBoZWlnaHQ9IjExMSIgdmlld0JveD0iMCAwIDExMSAxMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTU1LjAxOTMgMTEwLjAzOUM4NS40MDU3IDExMC4wMzkgMTEwLjAzOSA4NS40MDU3IDExMC4wMzkgNTUuMDE5M0MxMTAuMDM5IDI0LjYzMyA4NS40MDU3IDAgNTUuMDE5MyAwQzI0LjYzMyAwIDAgMjQuNjMzIDAgNTUuMDE5M0MwIDg1LjQwNTcgMjQuNjMzIDExMC4wMzkgNTUuMDE5MyAxMTAuMDM5WiIgZmlsbD0iI0ZGNjE2MSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNzEuNzY5NCA3OS41NDg3TDMyLjg3NjEgNDAuNjU1NEMzMC43MzQgMzguNTEzNyAzMC43MzQgMzUuMDE5NiAzMi44NzYxIDMyLjg3NzVDMzUuMDE4MiAzMC43MzU0IDM4LjUxMjggMzAuNzM1IDQwLjY1NDQgMzIuODc3MUw3OS41NDc3IDcxLjc3MDRDODEuNjg5OCA3My45MTIgODEuNjg5OCA3Ny40MDYyIDc5LjU0NzcgNzkuNTQ4M0M3Ny40MDU3IDgxLjY5MDMgNzMuOTExMSA4MS42OTA4IDcxLjc2OTQgNzkuNTQ4N1oiIGZpbGw9IndoaXRlIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMi44NzYxIDcxLjc3MDRMNzEuNzY5NCAzMi44NzcxQzczLjkxMTEgMzAuNzM1IDc3LjQwNTIgMzAuNzM1IDc5LjU0NzMgMzIuODc3MUM4MS42ODk0IDM1LjAxOTEgODEuNjg5OCAzOC41MTM3IDc5LjU0NzcgNDAuNjU1NEw0MC42NTQ0IDc5LjU0ODdDMzguNTEyOCA4MS42OTA4IDM1LjAxODYgODEuNjkwOCAzMi44NzY1IDc5LjU0ODdDMzAuNzM0NCA3Ny40MDY2IDMwLjczNCA3My45MTIgMzIuODc2MSA3MS43NzA0WiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=") !important;
    }

    #toast-container .toast.toast-info {
        background-color: rgb(181 226 254 / 82%);
        border: 1px solid rgb(101, 180, 240);
        border-left: 4px solid rgb(50, 132, 196);
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTUiIGhlaWdodD0iOTUiIHZpZXdCb3g9IjAgMCA5NSA5NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNDcuNDcwNiA5NC45OTc1QzIwLjU5NTkgOTQuODkwNiAtMC43NTg0ODIgNzIuODgzOCAwLjAyMDY2MjEgNDYuMDc0MkMwLjc2NDkyIDIwLjQ2MDEgMjEuNzM2NyAtMC4xODAyMjUgNDcuODQ5NyAwLjAwMTE4Njc0Qzc0LjE0ODcgMC4xODQ5MjUgOTUuMjIwNSAyMS42NzE5IDk0Ljk2IDQ3Ljg4MzdDOTQuNjk5NSA3NC4wMTUzIDczLjI4MjQgOTUuMjYyNyA0Ny40NzA2IDk0Ljk5NzVaTTQ4LjQ3NzcgNDAuNzM4OEM0My42NjQ0IDQwLjg5NyAzOS4zNjA1IDQyLjU2MzQgMzUuMzg2OSA0NS4xOTA0QzM1LjA1MDggNDUuNDEyNSAzNC43Mjg3IDQ1LjY4NyAzNC40NzQgNDUuOTk3NUMzMy41NjY5IDQ3LjEwNDYgMzMuODc3NCA0OC4wNDE5IDM1LjI0NSA0OC4zOTg5QzM1Ljc3MDYgNDguNTM2MSAzNi4zMTAyIDQ4LjYzMDMgMzYuODI2NSA0OC43OTU0QzM5LjAxMDUgNDkuNDkyIDM5LjU5ODkgNTAuNTYzIDM5LjA0NTMgNTIuODI3MkMzNy42OTg3IDU4LjMzMTIgMzYuMzI1MyA2My44Mjk0IDM1LjAwMTkgNjkuMzM5M0MzNC4wMjA0IDczLjQyOCAzNi4wOTE2IDc2Ljc3MTQgNDAuMDE2NCA3Ny4wNzQ5QzQ1LjgyNTEgNzcuNTIyNiA1MS4wMDkzIDc1LjYwNjEgNTUuNjcyNSA3Mi4yNDA3QzU2LjE2NjggNzEuODg0OSA1Ni41NDk0IDcwLjk5ODcgNTYuNDk3IDcwLjQwMUM1Ni40NjU2IDcwLjAzODIgNTUuNTA4NiA2OS43MzkzIDU0Ljk0OCA2OS40NDg2QzU0LjcxMiA2OS4zMjY1IDU0LjQyNTkgNjkuMzAzMiA1NC4xNjMxIDY5LjIzMjNDNTEuNTY1MiA2OC41MzggNTAuODg5NSA2Ny40NTE5IDUxLjUxODYgNjQuODU5OEM1Mi44MjExIDU5LjQ4NDggNTQuMjA2MSA1NC4xMjk3IDU1LjQyMjUgNDguNzM1QzU1LjcxMDkgNDcuNDU4MSA1NS43MzA3IDQ1Ljk5MDUgNTUuNDA3NCA0NC43MzExQzU0LjY4MjkgNDEuOTI2MiA1Mi4yMjggNDAuNjI5NSA0OC40Nzc3IDQwLjczODhaTTYwLjU2MjUgMjQuMjc1NkM2MC41Njk1IDE5LjMxNDcgNTYuNzM1NCAxNS40MDAzIDUxLjgzNjEgMTUuMzY3OEM0Ni44NTQyIDE1LjMzNDEgNDIuODUzOSAxOS4yOTQ5IDQyLjg5NTcgMjQuMjE3NUM0Mi45Mzc2IDI5LjEyMzggNDYuODM2OCAzMi45NzUzIDUxLjc4MDMgMzIuOTkxNkM1Ni42MDA1IDMzLjAwNzkgNjAuNTU0NCAyOS4wODMxIDYwLjU2MjUgMjQuMjc1NloiIGZpbGw9IiMzMjg0QzQiLz48L3N2Zz4=") !important;
    }

    #toast-container .toast.toast-warning {
        background-color: rgb(252 251 212 / 84%);
        border: 1px solid #ffdd7b;
        border-left: 4px solid #efaa03;
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22110%22%20height%3D%2298%22%20viewBox%3D%220%200%20110%2098%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M46.8759%204.70243L1.25807%2083.8891C0.43405%2085.3191%200.000152508%2086.9413%204.0196e-08%2088.5927C-0.000152428%2090.244%200.433445%2091.8663%201.2572%2093.2965C2.08096%2094.7266%203.26584%2095.9142%204.69273%2096.7399C6.11962%2097.5655%207.73823%2098.0001%209.38584%2098H100.614C102.262%2098.0001%20103.88%2097.5655%20105.307%2096.7399C106.734%2095.9142%20107.919%2094.7266%20108.743%2093.2965C109.567%2091.8663%20110%2090.244%20110%2088.5927C110%2086.9413%20109.566%2085.3191%20108.742%2083.8891L63.129%204.70243C62.3054%203.27271%2061.1208%202.08546%2059.6943%201.26001C58.2678%200.434561%2056.6496%200%2055.0024%200C53.3553%200%2051.7371%200.434561%2050.3106%201.26001C48.8841%202.08546%2047.6995%203.27271%2046.8759%204.70243Z%22%20fill%3D%22%23EFAA03%22/%3E%3Cpath%20d%3D%22M55.6051%2029H54.3949C51.4154%2029%2049%2031.3773%2049%2034.3099V59.6901C49%2062.6227%2051.4154%2065%2054.3949%2065H55.6051C58.5846%2065%2061%2062.6227%2061%2059.6901V34.3099C61%2031.3773%2058.5846%2029%2055.6051%2029Z%22%20fill%3D%22%23FCF4D9%22/%3E%3Cpath%20d%3D%22M55%2085C58.3137%2085%2061%2082.5376%2061%2079.5C61%2076.4624%2058.3137%2074%2055%2074C51.6863%2074%2049%2076.4624%2049%2079.5C49%2082.5376%2051.6863%2085%2055%2085Z%22%20fill%3D%22%23FCF4D9%22/%3E%3C/svg%3E") !important;
    }

.toast.toast-error {
    .toast-title {
        color: #ff6161;
    }
}

.toast.toast-success {
    .toast-title {
        color: #24be8a;
    }
}

.toast.toast-info {
    .toast-title {
        color: rgb(50, 132, 196);
    }
}

.toast.toast-warning {
    .toast-title {
        color: #efaa03;
    }
}

.toast-title {
    font-family: var(--font-semibold);
    text-transform: uppercase;
    margin-bottom: 4px;
    font-size: clamp(10px, 1vw, 14px);
}

.toast-message {
    opacity: 0.9;
    font-family: var(--font-medium);
    font-size: clamp(10px, 1vw, 14px);
    line-height: 1.3;
}

.toast-close-button {
    position: relative;
    right: -0.2em;
    top: -0.4em;
    float: right;
    font-size: 22px;
    font-weight: 600;
    color: var(--font-light-black);
    text-shadow: unset;
}

    .toast-close-button:hover, .toast-close-button:focus {
        color: var(--font-black);
        text-decoration: none;
        cursor: pointer;
        opacity: 0.8;
    }