$toast-summary-color: #212533;
$toast-detail-color: #6e7280;
$toast-success-primary-color: #0c9348;
$toast-success-background-color: #e0f0f0;
$toast-info-primary-color: #428bca;
$toast-info-background-color: #f1f7f8;
$toast-warn-primary-color: #fcbf10;
$toast-warn-background-color: #fef4e3;
$toast-error-primary-color: #c13018;
$toast-error-background-color: #fef0f0;

p-toast {
    .p-toast {
        max-width: 450px;
        min-width: 300px;
        right: 20px;
        width: auto;
        z-index: 3000 !important;

        p-toastitem {
            margin: 4px;

            .p-toast-message {
                border: none;
                border-radius: 4px;
                box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25);

                &-success {
                    background-color: $toast-success-background-color;
                    border-left: 4px solid $toast-success-primary-color !important;

                    .p-toast-message-content {
                        .p-toast-icon {
                            background-color: $toast-success-primary-color;
                            color: #fff;
                        }
                    }
                }

                &-info {
                    background-color: $toast-info-background-color;
                    border-left: 4px solid $toast-info-primary-color;

                    .p-toast-message-content {
                        .p-toast-icon {
                            background-color: $toast-info-primary-color;
                            color: #fff;
                        }
                    }
                }

                &-warn {
                    background-color: $toast-warn-background-color;
                    border-left: 4px solid $toast-warn-primary-color !important;

                    .p-toast-message-content {
                        .p-toast-icon {
                            background-color: $toast-warn-primary-color;
                            color: #212533;
                        }
                    }
                }

                &-error {
                    border-left: 4px solid $toast-error-primary-color !important;
                    background-color: $toast-error-background-color;

                    .p-toast-message-content {
                        .p-toast-icon {
                            background-color: $toast-error-primary-color;
                            color: #fff;
                        }
                    }
                }

                .p-toast-message-content {
                    align-items: center;
                    display: flex;
                    justify-content: space-between;
                    padding: 12px 16px;

                    .p-toast-icon {
                        align-items: center;
                        border-radius: 50%;
                        display: flex;
                        flex-shrink: 0;
                        height: 40px;
                        justify-content: center;
                        width: 40px;
                    }

                    .p-toast-message-text-content {
                        font-family: "Open Sans", sans-serif;
                        font-size: 14px;
                        font-weight: 400;

                        .p-toast-summary {
                            color: $toast-summary-color;
                            font-weight: 700;
                        }

                        .p-toast-detail {
                            color: $toast-detail-color;
                        }
                    }

                    .p-toast-icon-close-icon {
                        height: 12px;
                        width: 12px;
                    }

                    & > div {
                        align-items: center;
                        display: flex;
                        gap: 16px;
                    }
                }
            }

            .p-toast-close-button:focus {
                outline: none;
            }
        }
    }
}