.iziToast {
    border-radius: 18px !important;
    padding: 8px 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

.iziToast-body {
    display: flex !important;
    align-items: center !important;
}

.iziToast>.iziToast-body {
    padding-left: 0 !important;
    padding-right: 33px !important;
    margin: 0 !important;
}

.iziToast>.iziToast-body .iziToast-icon {
    position: relative !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: 0 !important;
}

.iziToast-icon {
    padding: 24px !important;
    border: 1px solid #000 !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    border-radius: 15px !important;
    font-size: 22px !important;
}

.iziToast-texts {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.iziToast-title {
    font-weight: 500 !important;
    font-size: 16px !important;
    color: rgba(255, 255, 255, 1) !important;
    margin-bottom: 4px !important;
}

.iziToast-message {
    color: #989898 !important;
    font-size: 14px !important;
}

.iziToast>.iziToast-close {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2034 0.731445L0.731445 14.2034M14.2095 14.2034L0.737585 0.731446' stroke='%23636363' stroke-width='2.06852' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 13px 13px !important;
}

.iziToast>.iziToast-progressbar {
    max-width: 92% !important;
    left: 16px !important;
    bottom: -1px !important;
}

.iziToast-color-red {
    background: linear-gradient(180deg, rgba(37, 37, 39, 0.4) 0%, rgba(25, 25, 25, 0.4) 100%), linear-gradient(90deg, rgba(244, 64, 95, 0.9) 0%, rgba(0, 0, 0, 0.7) 100%) !important;
}
.iziToast-color-red .iziToast-icon {
    background: #F4405F33 !important;
    border: 1px solid #FFFFFF1A !important;
    color: #F4405F !important;
}

.iziToast-color-green {
    background: linear-gradient(180deg, rgba(37, 37, 39, 0.4) 0%, rgba(25, 25, 25, 0.4) 100%), linear-gradient(90deg, rgba(54, 167, 100, 0.9) 0%, rgba(0, 0, 0, 0.7) 100%) !important;
}
.iziToast-color-green .iziToast-icon {
    background: #36A76433 !important;
    border: 1px solid #FFFFFF1A !important;
    color: #36A764 !important;
}

.iziToast {
    min-width: 262px !important;
}

img.iziToast-icon {
    padding: 12px !important;
    box-sizing: content-box;
}


.rank-bronze {
    background: linear-gradient(180deg, rgba(37, 37, 39, 0.4) 0%, rgba(25, 25, 25, 0.4) 100%), linear-gradient(90deg, rgba(173, 107, 70, 0.9) 0%, rgba(0, 0, 0, 0.7) 100%) !important;
}
.rank-bronze .iziToast-icon {
    background: #AD6B4633 !important;
    border: 1px solid #FFFFFF1A !important;
    color: #36A764 !important;
}

.rank-silver {
    background: linear-gradient(180deg, rgba(37, 37, 39, 0.4) 0%, rgba(25, 25, 25, 0.4) 100%), linear-gradient(90deg, rgba(204, 204, 204, 0.9) 0%, rgba(0, 0, 0, 0.7) 100%) !important;
}
.rank-silver .iziToast-icon {
    background: #CCCCCC33 !important;
    border: 1px solid #FFFFFF1A !important;
    color: #36A764 !important;
}

.rank-gold {
    background: linear-gradient(180deg, rgba(37, 37, 39, 0.4) 0%, rgba(25, 25, 25, 0.4) 100%), linear-gradient(90deg, rgba(224, 157, 63, 0.9) 0%, rgba(0, 0, 0, 0.7) 100%) !important;
}
.rank-gold .iziToast-icon {
    background: #E09D3F33 !important;
    border: 1px solid #FFFFFF1A !important;
    color: #36A764 !important;
}

.rank-platinum {
    background: linear-gradient(180deg, rgba(37, 37, 39, 0.4) 0%, rgba(25, 25, 25, 0.4) 100%), linear-gradient(90deg, rgba(224, 217, 204, 0.9) 0%, rgba(0, 0, 0, 0.7) 100%) !important;
}
.rank-platinum .iziToast-icon {
    background: #E0D9CC33 !important;
    border: 1px solid #FFFFFF1A !important;
    color: #36A764 !important;
}

.rank-diamond {
    background: linear-gradient(180deg, rgba(37, 37, 39, 0.4) 0%, rgba(25, 25, 25, 0.4) 100%), linear-gradient(90deg, rgba(44, 214, 200, 0.9) 0%, rgba(0, 0, 0, 0.7) 100%) !important;
}
.rank-diamond .iziToast-icon {
    background: #2CD6C833 !important;
    border: 1px solid #FFFFFF1A !important;
    color: #36A764 !important;
}

.rank-elite {
    background: linear-gradient(180deg, rgba(37, 37, 39, 0.4) 0%, rgba(25, 25, 25, 0.4) 100%), linear-gradient(90deg, rgba(234, 43, 47, 0.9) 0%, rgba(0, 0, 0, 0.7) 100%) !important;
}
.rank-elite .iziToast-icon {
    background: #EA2B2F33 !important;
    border: 1px solid #FFFFFF1A !important;
    color: #36A764 !important;
}

.izi-pink {
    background: linear-gradient(180deg, rgba(37, 37, 39, 0.4) 0%, rgba(25, 25, 25, 0.4) 100%), linear-gradient(90deg, rgba(255, 0, 104, 0.9) 0%, rgba(0, 0, 0, 0.7) 100%) !important;
}
.izi-pink .iziToast-icon {
    background: #FF006833 !important;
    border: 1px solid #FFFFFF1A !important;
    color: #36A764 !important;
}

.izi-y {
    background: linear-gradient(180deg, rgba(37, 37, 39, 0.4) 0%, rgba(25, 25, 25, 0.4) 100%), linear-gradient(90deg, rgba(242, 227, 136, 0.9) 0%, rgba(0, 0, 0, 0.7) 100%) !important;
}
.izi-y .iziToast-icon {
    background: #F2E38833 !important;
    border: 1px solid #FFFFFF1A !important;
    color: #36A764 !important;
}