.iziToast-wrapper {
     gap: 5px;
}

.iziToast {
     box-shadow: 0 0 8px 2px #00000012;
     border-radius: 10px;
     overflow: hidden;
     padding: 20px 45px 20px 0;
}

.iziToast>.iziToast-body {
     position: unset;
     padding: unset;
     height: unset;
     min-height: unset;
     margin: unset;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 20px;
     padding-left: 20px !important;

}

.iziToast:after {
     box-shadow: none;
}

.iziToast>.iziToast-body .iziToast-icon {
     position: unset;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 18px;
     line-height: 1;
     margin-top: unset;
     width: unset;
     height: unset;
}

.iziToast .iziToast-icon {
     border-radius: 10px;
     padding: 10px;
}

.iziToast.iziToast-color-green .iziToast-icon {
     background: #28c76f31;
}

.iziToast.iziToast-color-red .iziToast-icon {
     background: #eb222231;
}

.iziToast.iziToast-color-blue .iziToast-icon {
     background: #1e9ff231;
}

.iziToast.iziToast-color-orange .iziToast-icon {
     background: #ff9f4331;
}


.iziToast>.iziToast-body .iziToast-texts {
     margin: 0;
     padding-right: 0;
     display: flex;
     flex-direction: column;
     gap: 5px;
}

.iziToast>.iziToast-body .iziToast-message {
     margin: 0;
}


.iziToast>.iziToast-close {
     font-family: 'Line Awesome Free';
     font-weight: 900;
     background: unset;
}

.iziToast>.iziToast-close::before {
     content: "\f00d";
}

.iziToast>.iziToast-progressbar>div {
     height: 4px;
}

.iziToast>.iziToast-close{
     width: 50px;
}

/* Dark Mode Support for iziToast */
[data-theme="dark"] .iziToast,
.dark .iziToast,
.dark-mode .iziToast,
body.dark .iziToast,
html.dark .iziToast {
    background-color: #1e293b !important;
    border: 1px solid #374151 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .iziToast>.iziToast-body .iziToast-texts .iziToast-title,
.dark .iziToast>.iziToast-body .iziToast-texts .iziToast-title,
.dark-mode .iziToast>.iziToast-body .iziToast-texts .iziToast-title,
body.dark .iziToast>.iziToast-body .iziToast-texts .iziToast-title,
html.dark .iziToast>.iziToast-body .iziToast-texts .iziToast-title {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .iziToast>.iziToast-body .iziToast-texts .iziToast-message,
.dark .iziToast>.iziToast-body .iziToast-texts .iziToast-message,
.dark-mode .iziToast>.iziToast-body .iziToast-texts .iziToast-message,
body.dark .iziToast>.iziToast-body .iziToast-texts .iziToast-message,
html.dark .iziToast>.iziToast-body .iziToast-texts .iziToast-message {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .iziToast>.iziToast-close,
.dark .iziToast>.iziToast-close,
.dark-mode .iziToast>.iziToast-close,
body.dark .iziToast>.iziToast-close,
html.dark .iziToast>.iziToast-close {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .iziToast>.iziToast-close:hover,
.dark .iziToast>.iziToast-close:hover,
.dark-mode .iziToast>.iziToast-close:hover,
body.dark .iziToast>.iziToast-close:hover,
html.dark .iziToast>.iziToast-close:hover {
    color: #f1f5f9 !important;
}

/* Dark mode icon backgrounds */
[data-theme="dark"] .iziToast.iziToast-color-green .iziToast-icon,
.dark .iziToast.iziToast-color-green .iziToast-icon,
.dark-mode .iziToast.iziToast-color-green .iziToast-icon,
body.dark .iziToast.iziToast-color-green .iziToast-icon,
html.dark .iziToast.iziToast-color-green .iziToast-icon {
    background: rgba(40, 199, 111, 0.2) !important;
}

[data-theme="dark"] .iziToast.iziToast-color-red .iziToast-icon,
.dark .iziToast.iziToast-color-red .iziToast-icon,
.dark-mode .iziToast.iziToast-color-red .iziToast-icon,
body.dark .iziToast.iziToast-color-red .iziToast-icon,
html.dark .iziToast.iziToast-color-red .iziToast-icon {
    background: rgba(235, 34, 34, 0.2) !important;
}

[data-theme="dark"] .iziToast.iziToast-color-blue .iziToast-icon,
.dark .iziToast.iziToast-color-blue .iziToast-icon,
.dark-mode .iziToast.iziToast-color-blue .iziToast-icon,
body.dark .iziToast.iziToast-color-blue .iziToast-icon,
html.dark .iziToast.iziToast-color-blue .iziToast-icon {
    background: rgba(30, 159, 242, 0.2) !important;
}

[data-theme="dark"] .iziToast.iziToast-color-orange .iziToast-icon,
.dark .iziToast.iziToast-color-orange .iziToast-icon,
.dark-mode .iziToast.iziToast-color-orange .iziToast-icon,
body.dark .iziToast.iziToast-color-orange .iziToast-icon,
html.dark .iziToast.iziToast-color-orange .iziToast-icon {
    background: rgba(255, 159, 67, 0.2) !important;
}