.iziToast-wrapper {
     gap: 5px;
}

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

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

}

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

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

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

.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: 3px;
}

.iziToast>.iziToast-body .iziToast-title {
     font-size: 13px !important;
     line-height: 1.2 !important;
}

.iziToast>.iziToast-body .iziToast-message {
     margin: 0;
     font-size: 12px !important;
     line-height: 1.35 !important;
}


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

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

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

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

@media (max-width: 575px) {
     .iziToast-wrapper {
          width: calc(100% - 24px) !important;
          max-width: 320px !important;
          right: 12px !important;
          left: auto !important;
          top: 12px !important;
     }

     .iziToast {
          width: 100% !important;
          min-height: 0 !important;
          border-radius: 12px;
          padding: 10px 30px 10px 0;
     }

     .iziToast>.iziToast-body {
          gap: 9px;
          padding-left: 10px !important;
     }

     .iziToast>.iziToast-body .iziToast-icon {
          font-size: 14px;
     }

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

     .iziToast>.iziToast-body .iziToast-title {
          font-size: 12px !important;
     }

     .iziToast>.iziToast-body .iziToast-message {
          font-size: 11px !important;
     }

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

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