@media (min-width: 1400px) {
    .container {
        max-width: calc(1400px - 145px);
    }
}

.toast {
    background: var(--white);
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.toast .close {
    color: var(--grey55);
    opacity: 1;
    font-weight: 400;
    vertical-align: middle;
    margin: 0 0 0 16px;
}

.toast .toast-header {
    font-size: 16px;
    border-bottom: none;
}

.toast .toast-body {
    padding: 10px 14px;
}

.toast.toast-success .toast-header {
    color: var(--successText);
    background: var(--successBg) url(/static/images/check-circle-fill.svg) no-repeat 16px 11px;
    background-size: 20px;
    padding: 8px 18px 8px 48px;
}

.toast.toast-warning .toast-header {
    color: var(--warningText);
    background: var(--warningBg) url(/static/images/warning-triangle.svg) no-repeat 16px 11px;
    background-size: 20px;
    padding: 8px 18px 8px 48px;
}

.toast.toast-error .toast-header {
    color: var(--errorText);
    background: var(--errorBg) url(/static/images/alert-circle-fill.svg) no-repeat 16px 11px;
    background-size: 20px;
    padding: 8px 18px 8px 48px;
}