.iziToast-wrapper {
     gap: 12px;
     padding: 18px !important;
}

.iziToast {
     --toast-accent: #355cff;
     --toast-rgb: 53, 92, 255;
     position: relative;
     width: min(520px, calc(100vw - 32px));
     min-height: 78px;
     padding: 18px 54px 18px 0 !important;
     overflow: hidden;
     border: 1px solid rgba(82, 103, 151, 0.16) !important;
     border-radius: 22px !important;
     background:
          linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(246, 249, 255, 0.9)),
          radial-gradient(circle at top left, rgba(var(--toast-rgb), 0.13), transparent 38%) !important;
     box-shadow: 0 24px 60px rgba(18, 38, 63, 0.13), 0 0 0 1px rgba(255, 255, 255, 0.7) inset !important;
     backdrop-filter: blur(18px);
}

.iziToast.iziToast-color-green {
     --toast-accent: #18a957;
     --toast-rgb: 24, 169, 87;
}

.iziToast.iziToast-color-red {
     --toast-accent: #ef4444;
     --toast-rgb: 239, 68, 68;
}

.iziToast.iziToast-color-blue {
     --toast-accent: #355cff;
     --toast-rgb: 53, 92, 255;
}

.iziToast.iziToast-color-orange {
     --toast-accent: #ff8b37;
     --toast-rgb: 255, 139, 55;
}

.iziToast::before {
     content: "";
     position: absolute;
     inset: 13px auto 13px 0;
     width: 4px;
     border-radius: 0 8px 8px 0;
     background: linear-gradient(180deg, rgba(var(--toast-rgb), 0.35), var(--toast-accent));
     box-shadow: 0 0 22px rgba(var(--toast-rgb), 0.28);
}

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

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

.iziToast>.iziToast-body .iziToast-icon {
     position: unset;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 38px;
     min-width: 38px;
     height: 38px;
     margin-top: unset;
     border: 1px solid rgba(var(--toast-rgb), 0.18);
     border-radius: 14px;
     background: rgba(var(--toast-rgb), 0.12) !important;
     color: var(--toast-accent) !important;
     font-size: 17px;
     line-height: 1;
     box-shadow: 0 12px 26px rgba(var(--toast-rgb), 0.13);
}

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

.iziToast>.iziToast-body .iziToast-title {
     margin: 0;
     color: #17243d !important;
     font-size: 16px !important;
     font-weight: 800;
     line-height: 1.25;
}

.iziToast>.iziToast-body .iziToast-message {
     margin: 0;
     color: #64718c !important;
     font-size: 14px !important;
     line-height: 1.45;
}

.iziToast>.iziToast-close {
     top: 50%;
     right: 14px;
     width: 34px;
     height: 34px;
     border-radius: 12px;
     background: rgba(82, 103, 151, 0.08) !important;
     color: #7b879f;
     font-family: 'Line Awesome Free';
     font-weight: 900;
     transform: translateY(-50%);
     opacity: 1;
     transition: 0.2s ease;
}

.iziToast>.iziToast-close:hover {
     background: rgba(var(--toast-rgb), 0.12) !important;
     color: var(--toast-accent);
}

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

.iziToast>.iziToast-progressbar {
     height: 4px !important;
     background: rgba(var(--toast-rgb), 0.08) !important;
}

.iziToast>.iziToast-progressbar>div {
     height: 4px;
     border-radius: 0 8px 8px 0;
     background: linear-gradient(90deg, rgba(var(--toast-rgb), 0.18), var(--toast-accent)) !important;
}

@media (max-width: 575px) {
     .iziToast-wrapper {
          padding: 12px !important;
     }

     .iziToast {
          width: calc(100vw - 24px);
          padding-right: 48px !important;
          border-radius: 18px !important;
     }

     .iziToast>.iziToast-body {
          gap: 12px;
          padding-left: 16px !important;
     }
}