/*!
 * Toastify js 1.12.0
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */

.toastify {
    padding: 14px 18px;
    color: var(--spd-toast-text, #ffffff);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    box-shadow: var(--spd-toast-shadow, 0 10px 30px rgba(15, 23, 42, 0.16));
    background: var(--spd-toast-bg, rgba(55, 65, 81, 0.82));
    border: var(--spd-toast-border, 1px solid rgba(255, 255, 255, 0.22));
    position: fixed;
    opacity: 0;
    transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
    border-radius: var(--spd-toast-radius, 8px);
    cursor: pointer;
    text-decoration: none;
    max-width: min(420px, calc(100% - 32px));
    z-index: 2147483647;
    font-size: var(--spd-toast-font-size, 14px);
    line-height: 1.5;
    letter-spacing: 0.01em;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.toastify.on {
    opacity: 1;
}

.toastify.spd-toast-success {
    background: var(--spd-toast-success-bg, rgba(34, 160, 94, 0.86));
}

.toastify.spd-toast-error {
    background: var(--spd-toast-error-bg, rgba(220, 68, 68, 0.86));
}

.toastify .toast-close {
    all: unset;
    box-sizing: border-box;
    flex-shrink: 0;
    margin: 0 -2px 0 2px;
    padding: 0 2px;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: inherit;
    font-family: inherit;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
}

.toastify .toast-close:hover,
.toastify .toast-close:focus,
.toastify .toast-close:active {
    background: transparent !important;
    box-shadow: none !important;
    outline: none;
}

.toastify-right {
    right: 16px;
}

.toastify-left {
    left: 16px;
}

.toastify-top {
    top: -150px;
}

.toastify-bottom {
    bottom: -150px;
}

.toastify-rounded {
    border-radius: 999px;
}

.toastify-avatar {
    width: 1.5em;
    height: 1.5em;
    margin: -7px 5px;
    border-radius: var(--spd-toast-radius, 8px);
}

.toastify-center {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: fit-content;
    max-width: -moz-fit-content;
}

@media only screen and (max-width: 360px) {
    .toastify-right,
    .toastify-left {
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        max-width: calc(100% - 24px);
    }
}