@use "@/src/assets/scss/variables" as *;
@use "@/src/assets/scss/partial" as *;

.Toastify__toast-container {
    width: calc(100% - 26px);
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 15px;
}

.Toastify__toast {
    font-family: 'Manrope' !important;
    border: 1px solid $white;

    &.Toastify__toast-theme--light {
        padding: 0px;
        border-radius: 16px;
        overflow: hidden;
        background-color: transparent;
        border: 1px solid $white;
    }

    .Toastify__progress-bar--wrp {
        .Toastify__progress-bar-theme--light {
            background-color: $white;
        }
    }

    .Toastify__close-button--light {
        color: $white;
        top: 10px;
        right: 11px;
    }
}

// .Toastify__progress-bar--wrp {
//     .Toastify__progress-bar--success {
//         background: $primary;
//     }
//     .Toastify__progress-bar--error {
//         background: $red18;
//     }
//     .Toastify__progress-bar--warning {
//         background: $secondary;
//     }
// }


.successToast {
    .Toastify__progress-bar--wrp {
        .Toastify__progress-bar {
            background: $secondaryColor;
        }
    }
}

.errorToast {
    .Toastify__progress-bar--wrp {
        .Toastify__progress-bar {
            background: $red18;
        }
    }
}

// .warningToast {
//     .Toastify__progress-bar--wrp {
//         .Toastify__progress-bar {
//             background: $secondary;
//         }
//     }
// }