:root{
    --tx-boder-radius: var(--bs-border-radius);
    --tx-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
}
.toastx-container{ position: fixed; padding: 15px; display: flex; flex-direction: column; gap: 5px; }
.toastx{ border: 0; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); overflow: hidden; max-width: 300px; }
.toastx .toast-close{ outline: none; position: absolute; top: 2px; right: 2px; width: 20px; height: 20px; padding: 5px; opacity: 0.5; background: transparent var(--tx-btn-close-bg) center/10px auto no-repeat; }
.toastx .toast-close:hover{ opacity: 1;}
.toastx .toast-close:focus{ outline: none; box-shadow: none; }
.toastx .toast-title{ font-weight: 500; font-size: 14px; padding: 8px 12px; border-bottom: 1px solid #EEE; }
.toastx .toast-body{ padding: 10px 24px 10px 12px; line-height: 1.15rem; }
.toastx-info .toast-title{ background-color: var(--bs-info-hover); color: #000; border-bottom: 0; }
.toastx-info .toast-body{ background-color: var(--bs-info); color: #000; }
.toastx-danger .toast-title{ background-color: var(--bs-danger-hover); color: #fff; border-bottom: 0; }
.toastx-danger .toast-body{ background-color: var(--bs-danger); color: #fff; }
.toastx-success .toast-title{ background-color: var(--bs-success-hover); color: #fff; border-bottom: 0; }
.toastx-success .toast-body{ background-color: var(--bs-success); color: #fff; }
.toastx-warning .toast-title{ background-color: var(--bs-warning-hover); color: #000; border-bottom: 0; }
.toastx-warning .toast-body{ background-color: var(--bs-warning); color: #000; }
.toastx-container.bottom-0.start-50 .toastx{ width: auto; max-width: 100%; }
.toastx-container.bottom-0.start-50 .toastx .toast-body{ padding-left: 15px; padding-right: 30px;}
.toastx-container.bottom-0.start-50 .toastx .toast-body .d-flex{ justify-content: center;}