.toast {
    top: 5px;
}

@media (max-width: 768px) {
    .toast {
        top: calc(var(--header-height) + 5px);
    }
}