:root {
    --toast-width: 420px;
    --toast-height: 100%;
    --toast-border-radius: 8px;
    --toast-width-mobile: 396px
}

.toast {
    display: flex;
    width: var(--toast-width);
    
    border: none;
    border-radius: var(--toast-border-radius);
    transition: 0.4s ease all;
}

    .toast .identificador-type-toast {
        width: 24px;
        border: none;
        border-radius: 8px 0px 0px 8px;
    }

    .toast .icone-caixa-toast {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 8px 14px;
    }

        .toast .icone-caixa-toast i {
            font-size: 52px;
        }

    .toast hr {
        height: 70px;
        margin: 20px 20px 20px 0px;
        padding: 1px;
        opacity: 1;
        border-radius: 8px;
    }

    .toast .conteudo-type-toast {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        padding: 5px;
    }

        .toast .conteudo-type-toast h5 {
            margin-bottom: 2px;
        }

        .toast .conteudo-type-toast span {
            line-height: 20px;
        }

.toast-background-success {
    background-color: #EAF7EE;
}

.toast-background-info {
    background-color: #F4EDF7;
}

.toast-background-alert {
    background-color: #FEF7EA;
}

.toast-background-error {
    background-color: #FCEDE9;
}

.toast-background-aside-success {
    background-color: #40BD61;
}

.toast-background-aside-info {
    background-color: #6247AA;
}

.toast-background-aside-alert {
    background-color: #EE9500;
}

.toast-background-aside-error {
    background-color: #EC4E2A;
}

.toast-text-success {
    color: #40BD61;
}

.toast-text-info {
    color: #6247AA;
}

.toast-text-alert {
    color: #EE9500;
}

.toast-text-error {
    color: #EC4E2A;
}

@media (max-width: 575.98px) {
    .toast {
        width: var(--toast-width-mobile);
        transition: 0.4s ease all;
    }

        .toast .conteudo-type-toast h5 {
            font-size: var(--font-size-20);
            transition: 0.4s ease all;
        }
}