.Vue-Toastification__container {
    z-index: 9999;
    position: fixed;
    padding: 0.25rem;
    width: 37.5rem;
    box-sizing: border-box;
    display: flex;
    min-height: 100%;
    color: white;
    flex-direction: column;
    pointer-events: none;
}

@media only screen and (min-width: 600px) {
    .Vue-Toastification__container.top-left, .Vue-Toastification__container.top-right, .Vue-Toastification__container.top-center {
        top: 1em;
    }

    .Vue-Toastification__container.bottom-left, .Vue-Toastification__container.bottom-right, .Vue-Toastification__container.bottom-center {
        bottom: 1em;
        flex-direction: column-reverse;
    }

    .Vue-Toastification__container.top-left, .Vue-Toastification__container.bottom-left {
        left: 1em;
    }

    .Vue-Toastification__container.top-left .Vue-Toastification__toast, .Vue-Toastification__container.bottom-left .Vue-Toastification__toast {
        margin-right: auto;
    }

    @supports not (-moz-appearance: none) {
        .Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl, .Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl {
            margin-right: unset;
            margin-left: auto;
        }
    }
    .Vue-Toastification__container.top-right, .Vue-Toastification__container.bottom-right {
        right: 1em;
    }

    .Vue-Toastification__container.top-right .Vue-Toastification__toast, .Vue-Toastification__container.bottom-right .Vue-Toastification__toast {
        margin-left: auto;
    }

    @supports not (-moz-appearance: none) {
        .Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl, .Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl {
            margin-left: unset;
            margin-right: auto;
        }
    }
    .Vue-Toastification__container.top-center, .Vue-Toastification__container.bottom-center {
        left: 50%;
        margin-left: -18.75rem;
    }

    .Vue-Toastification__container.top-center .Vue-Toastification__toast, .Vue-Toastification__container.bottom-center .Vue-Toastification__toast {
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (max-width: 600px) {
    .Vue-Toastification__container {
        width: 100vw;
        padding: 0;
        left: 0;
        margin: 0;
    }

    .Vue-Toastification__container .Vue-Toastification__toast {
        width: 100%;
    }

    .Vue-Toastification__container.top-left, .Vue-Toastification__container.top-right, .Vue-Toastification__container.top-center {
        top: 0;
    }

    .Vue-Toastification__container.bottom-left, .Vue-Toastification__container.bottom-right, .Vue-Toastification__container.bottom-center {
        bottom: 0;
        flex-direction: column-reverse;
    }
}

.Vue-Toastification__toast {
    display: inline-flex;
    position: relative;
    max-height: 50rem;
    min-height: 4rem;
    box-sizing: border-box;
    /* margin-bottom: 1rem; */
    /* padding: 1.375rem 1.5rem; */
    padding: 0.75rem 0;
    border-radius: 0.5rem;
    box-shadow: var(--box-shadow-default);
    justify-content: space-between;
    font-family: "Lato", Helvetica, "Roboto", Arial, sans-serif;
    max-width: 37.5rem;
    min-width: 326px;
    pointer-events: auto;
    overflow: hidden;
    transform: translateZ(0);
    direction: ltr;
}

.Vue-Toastification__toast--rtl {
    direction: rtl;
}

.Vue-Toastification__toast--default {
    background-color: white;
    color: var(--color-neutral-grey-100);
}

.Vue-Toastification__toast--info {
    background-color: white;
    color: var(--color-neutral-grey-100);
}

.Vue-Toastification__toast--success {
    background-color: white;
    color: var(--color-neutral-grey-100);
    border: 0.125rem solid var(--color-green-default-100);
}

.Vue-Toastification__toast--error {
    background-color: white;
    color: var(--color-neutral-grey-100);
    border: 0.125rem solid var(--color-red-default-100);
}

.Vue-Toastification__toast--warning {
    background-color: var(--color-yellow-sun-100);
    color: white;
}

@media only screen and (max-width: 600px) {
    .Vue-Toastification__toast {
        border-radius: 0rem;
        margin-bottom: 0.5rem;
    }
}

.Vue-Toastification__toast-body {
    flex: 1;
    line-height: 1.5rem;
    font-size: 1rem;
    word-break: break-word;
    white-space: pre-wrap;
}

.Vue-Toastification__toast-component-body {
    flex: 1;
}

.Vue-Toastification__toast.disable-transition {
    transition: none !important;
    animation: none !important;
}

.Vue-Toastification__close-button {
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.5rem;
    background: transparent;
    outline: none;
    border: none;
    padding: 0;
    padding-left: 0.625rem;
    cursor: pointer;
    transition: 0.3s ease;
    align-items: center;
    color: var(--color-neutral-grey-100);
    opacity: 0.3;
    transition: visibility 0s, opacity 0.2s linear;
    position: absolute;
    top: 0.625rem;
    right: 0.625rem;
}

.Vue-Toastification__close-button:hover, .Vue-Toastification__close-button:focus {
    opacity: 1;
}

.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover {
    opacity: 0;
}

.Vue-Toastification__toast--rtl .Vue-Toastification__close-button {
    padding-left: unset;
    padding-right: 0.625rem;
}

@keyframes scale-x-frames {
    0% {
        transform: scaleX(1);
    }
    100% {
        transform: scaleX(0);
    }
}

.Vue-Toastification__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.3125rem;
    z-index: 10000;
    background-color: var(--color-neutral-grey-100);
    transform-origin: left;
    animation: scale-x-frames linear 1 forwards;
}

.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar {
    right: 0;
    left: unset;
    transform-origin: right;
}

.Vue-Toastification__icon {
    margin: auto 1.125rem auto 0rem;
    background: transparent;
    outline: none;
    border: none;
    padding: 0;
    transition: 0.3s ease;
    align-items: center;
    width: 1.25rem;
    height: 100%;
}

.Vue-Toastification__toast--rtl .Vue-Toastification__icon {
    margin: auto 0rem auto 1.125rem;
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        transform: translate3d(10px, 0, 0);
    }
    90% {
        transform: translate3d(-5px, 0, 0);
    }
    to {
        transform: none;
    }
}

@keyframes bounceOutRight {
    40% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(1000px, 0, 0);
    }
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }
    75% {
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        transform: translate3d(5px, 0, 0);
    }
    to {
        transform: none;
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -1.25rem, 0);
    }
    75% {
        transform: translate3d(0, 0.625rem, 0);
    }
    90% {
        transform: translate3d(0, -0.3125rem, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -0.625rem, 0);
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 1.25rem, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 1.5625rem, 0);
    }
    75% {
        transform: translate3d(0, -0.625rem, 0);
    }
    90% {
        transform: translate3d(0, 0.3125rem, 0);
    }
    to {
        transform: none;
    }
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 0.625rem, 0);
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -1.25rem, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

.Vue-Toastification__bounce-enter-active.top-left, .Vue-Toastification__bounce-enter-active.bottom-left {
    animation-name: bounceInLeft;
}

.Vue-Toastification__bounce-enter-active.top-right, .Vue-Toastification__bounce-enter-active.bottom-right {
    animation-name: bounceInRight;
}

.Vue-Toastification__bounce-enter-active.top-center {
    animation-name: bounceInDown;
}

.Vue-Toastification__bounce-enter-active.bottom-center {
    animation-name: bounceInUp;
}

.Vue-Toastification__bounce-leave-active.top-left, .Vue-Toastification__bounce-leave-active.bottom-left {
    animation-name: bounceOutLeft;
}

.Vue-Toastification__bounce-leave-active.top-right, .Vue-Toastification__bounce-leave-active.bottom-right {
    animation-name: bounceOutRight;
}

.Vue-Toastification__bounce-leave-active.top-center {
    animation-name: bounceOutUp;
}

.Vue-Toastification__bounce-leave-active.bottom-center {
    animation-name: bounceOutDown;
}

.Vue-Toastification__bounce-move {
    transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: 400ms;
}

/* ----------------------------------------------
 * Modified version from Animista
 * Animista is Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@keyframes fadeOutTop {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(-50px);
        opacity: 0;
    }
}

@keyframes fadeOutLeft {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(-50px);
        opacity: 0;
    }
}

@keyframes fadeOutBottom {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(50px);
        opacity: 0;
    }
}

@keyframes fadeOutRight {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(50px);
        opacity: 0;
    }
}

@keyframes fadeInLeft {
    0% {
        transform: translateX(-50px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fadeInRight {
    0% {
        transform: translateX(50px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fadeInTop {
    0% {
        transform: translateY(-50px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadeInBottom {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.Vue-Toastification__fade-enter-active.top-left, .Vue-Toastification__fade-enter-active.bottom-left {
    animation-name: fadeInLeft;
}

.Vue-Toastification__fade-enter-active.top-right, .Vue-Toastification__fade-enter-active.bottom-right {
    animation-name: fadeInRight;
}

.Vue-Toastification__fade-enter-active.top-center {
    animation-name: fadeInTop;
}

.Vue-Toastification__fade-enter-active.bottom-center {
    animation-name: fadeInBottom;
}

.Vue-Toastification__fade-leave-active.top-left, .Vue-Toastification__fade-leave-active.bottom-left {
    animation-name: fadeOutLeft;
}

.Vue-Toastification__fade-leave-active.top-right, .Vue-Toastification__fade-leave-active.bottom-right {
    animation-name: fadeOutRight;
}

.Vue-Toastification__fade-leave-active.top-center {
    animation-name: fadeOutTop;
}

.Vue-Toastification__fade-leave-active.bottom-center {
    animation-name: fadeOutBottom;
}

.Vue-Toastification__fade-move {
    transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: 400ms;
}

/* ----------------------------------------------
 * Modified version from Animista
 * Animista is Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@keyframes slideInBlurredLeft {
    0% {
        transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        transform-origin: 100% 50%;
        filter: blur(40px);
        opacity: 0;
    }
    100% {
        transform: translateX(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }
}

@keyframes slideInBlurredTop {
    0% {
        transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
        transform-origin: 50% 0%;
        filter: blur(240px);
        opacity: 0;
    }
    100% {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }
}

@keyframes slideInBlurredRight {
    0% {
        transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
        transform-origin: 0% 50%;
        filter: blur(40px);
        opacity: 0;
    }
    100% {
        transform: translateX(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }
}

@keyframes slideInBlurredBottom {
    0% {
        transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
        transform-origin: 50% 100%;
        filter: blur(240px);
        opacity: 0;
    }
    100% {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }
}

@keyframes slideOutBlurredTop {
    0% {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 0%;
        filter: blur(0);
        opacity: 1;
    }
    100% {
        transform: translateY(-1000px) scaleY(2) scaleX(0.2);
        transform-origin: 50% 0%;
        filter: blur(240px);
        opacity: 0;
    }
}

@keyframes slideOutBlurredBottom {
    0% {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }
    100% {
        transform: translateY(1000px) scaleY(2) scaleX(0.2);
        transform-origin: 50% 100%;
        filter: blur(240px);
        opacity: 0;
    }
}

@keyframes slideOutBlurredLeft {
    0% {
        transform: translateX(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }
    100% {
        transform: translateX(-1000px) scaleX(2) scaleY(0.2);
        transform-origin: 100% 50%;
        filter: blur(40px);
        opacity: 0;
    }
}

@keyframes slideOutBlurredRight {
    0% {
        transform: translateX(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }
    100% {
        transform: translateX(1000px) scaleX(2) scaleY(0.2);
        transform-origin: 0% 50%;
        filter: blur(40px);
        opacity: 0;
    }
}

.Vue-Toastification__slideBlurred-enter-active.top-left, .Vue-Toastification__slideBlurred-enter-active.bottom-left {
    animation-name: slideInBlurredLeft;
}

.Vue-Toastification__slideBlurred-enter-active.top-right, .Vue-Toastification__slideBlurred-enter-active.bottom-right {
    animation-name: slideInBlurredRight;
}

.Vue-Toastification__slideBlurred-enter-active.top-center {
    animation-name: slideInBlurredTop;
}

.Vue-Toastification__slideBlurred-enter-active.bottom-center {
    animation-name: slideInBlurredBottom;
}

.Vue-Toastification__slideBlurred-leave-active.top-left, .Vue-Toastification__slideBlurred-leave-active.bottom-left {
    animation-name: slideOutBlurredLeft;
}

.Vue-Toastification__slideBlurred-leave-active.top-right, .Vue-Toastification__slideBlurred-leave-active.bottom-right {
    animation-name: slideOutBlurredRight;
}

.Vue-Toastification__slideBlurred-leave-active.top-center {
    animation-name: slideOutBlurredTop;
}

.Vue-Toastification__slideBlurred-leave-active.bottom-center {
    animation-name: slideOutBlurredBottom;
}

.Vue-Toastification__slideBlurred-move {
    transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: 400ms;
}