/* ==========================================
   Toast
========================================== */

.toast {
    position: fixed;

    top: 30px;
    left: 50%;

    transform: translate(-50%, -120%);

    display: flex;
    align-items: center;
    gap: 16px;

    min-width: 360px;
    max-width: 90%;

    padding: 18px 24px;

    background: #161b22;

    border: 1px solid #30363d;
    border-left: 6px solid #4f8cff;

    border-radius: 12px;

    box-shadow:
        0 18px 45px rgba(0, 0, 0, .35);

    opacity: 0;

    transition:
        transform .35s ease,
        opacity .35s ease;

    z-index: 9999;
}

.toast.show {
    opacity: 1;
    transform: translate(-50%, 0);
}


/* Toast Icon */

.toast-icon {
    width: 48px;
    height: 48px;

    border-radius: 50%;

    background: #0d1117;
    border: 1px solid #30363d;

    display: flex;
    justify-content: center;
    align-items: center;

    font-size: 24px;

    flex-shrink: 0;
}


/* Toast Title */

.toast-title {
    font-size: 16px;
    font-weight: 700;

    color: #ffffff;

    margin-bottom: 4px;
}


/* Toast Message */

.toast-message {
    font-size: 14px;

    color: #c8d1da;

    line-height: 1.5;
}


/* Error Toast */

.toast.error {
    border-left-color: #e5534b;
}

.toast-error-title {
    font-size: 16px;
    font-weight: 700;

    color: #ffffff;

    margin-bottom: 4px;
}

.toast-error-message {
    font-size: 14px;

    color: #c8d1da;

    line-height: 1.5;
}