/* GIROO_V23_5_TOAST_AUTODISMISS */
.toast-stack {
    position: fixed;
    top: 18px;
    right: 18px;
    z-index: 100000;
    display: grid;
    gap: 10px;
    width: min(390px, calc(100vw - 28px));
    pointer-events: none;
}

.toast-stack .toast {
    position: relative;
    overflow: hidden;
    pointer-events: auto;
    padding-bottom: 17px;
    box-shadow: 0 16px 42px rgba(20, 24, 27, .14);
    transition: opacity .25s ease, transform .25s ease, max-height .25s ease, margin .25s ease, padding .25s ease;
}

.toast-stack .toast.g-toast-leaving {
    opacity: 0;
    transform: translateX(24px) scale(.98);
    max-height: 0;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-width: 0;
}

.toast-stack .toast::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    width: 0;
    background: #b8ff39;
    border-radius: 0 4px 4px 0;
}

.toast-stack .toast.toast-success::after { background: #78c91f; }
.toast-stack .toast.toast-warning::after { background: #ffad33; }
.toast-stack .toast.toast-danger::after,
.toast-stack .toast.toast-error::after { background: #ef5d5d; }
.toast-stack .toast.toast-info::after { background: #8fa9c7; }

.toast-stack .toast.g-toast-running::after {
    animation: giroo-toast-progress 5s linear forwards;
}

@keyframes giroo-toast-progress {
    from { width: 0; }
    to { width: 100%; }
}

@media (max-width: 640px) {
    .toast-stack {
        top: 10px;
        right: 10px;
        left: 10px;
        width: auto;
    }
}

/* GIROO_V23_5_1_TOAST_ABAIXO_DRAWER */
.toast-stack {
    z-index: 1400 !important;
}