/* ======= py__toast message ======== */

    .py__toast {
        position: fixed;
        top: calc(100% - 130px);
        right: 5px;
        z-index: 999;

        display: flex;
        align-items: center;
        background-color: #fff;
        border-radius: 2px;
        /* padding: 20px 0; */
        min-width: 300px;
        max-width: 350px;
        border-left: 5px solid;
        box-shadow: 0 5px 8px rgba(0, 0, 0, 0.08);
        transition: all linear 0.5s;
        animation: slideInLeft ease 1s, fadeOut linear .5s 10s forwards;
    }

    @keyframes slideInLeft {
        from {
            opacity: 0;
            transform: translateX(calc(100% + 32px));
        }

        to {
            opacity: 1;
            transform: translateX(0);
        }
    }

    @keyframes fadeOut {
        to {
            opacity: 0;
        }
    }

    .py__toast--success {
        border-color: #47d864;
    }

    .py__toast--success .py__toast__icon {
        color: #47d864;
    }

    .py__toast--info {
        border-color: #2f86eb;
    }

    .py__toast--info .py__toast__icon {
        color: #2f86eb;
    }

    .py__toast--warning {
        border-color: #ffc021;
    }

    .py__toast--warning .py__toast__icon {
        color: #ffc021;
    }

    .py__toast--error {
        border-color: #ff623d;
    }

    .py__toast--error .py__toast__icon {
        color: #ff623d;
    }

    .py__toast+.py__toast {
        margin-top: 24px;
    }

    .py__toast__icon {
        font-size: 24px;
    }

    .py__toast__icon,
    .py__toast__close {
        padding: 0 20px;
    }

    .py__toast__body {
        flex-grow: 1;
        padding-right: 17px;
    }

    .py__toast__title {
        font-size: 1.4rem;
        font-weight: 600;
        color: #333;
        padding-top: 20px;
    }

    .py__toast__msg {
        font-size: 1rem;
        color: #888;
        margin-top: 6px;
        line-height: 1.5;
    }

    .py__toast__close {
        font-size: 20px;
        color: rgba(0, 0, 0, 0.3);
        cursor: pointer;
    }

    @media (min-width: 768px) {
        .py__toast {
            right: 32px;
            min-width: 500px;
            max-width: 550px;
        }
    }