.toast {
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%, 0%);
    z-index: 10000;
    border-radius: 0.8em;
    background-color: var(--background-color);
    backdrop-filter: blur(10px);
    font-size: 1.2em;
    padding: 1em;
    opacity: 0.85;
    color: var(--foreground-color);
    border: 1px solid var(--border-color);
}

.info {
    color: var(--foreground-color);
}

.error {
    color: var(--error-color);
}

.warning {
    color: var(--warning-color);
}
