.rnc__notification {
    width: auto !important;
    color: var(--bs-body-color);
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
}


.rnc__notification-item {
    box-shadow: none;
    // border-left: none;
    border-radius: 0.5rem;
    border: 1px solid transparent;
}

.rnc__notification-title {
    color: inherit;
}

.rnc__notification-message {
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    color: inherit;
}



// .rnc__notification-close-mark {
//     padding: 0.9rem 1rem;
//     color: $black_2;

//     &:before {
//         position: relative;
//         top: -2px;
//     }

//     &:hover {
//         opacity: 1;
//         color: inherit;
//     }
// }


.rnc__notification-item--default {
    background-color: var(--bs-soft-primary);
    color: var(--bs-primary);
    border-color: rgba(var(--bs-primary-rgb), 0.2);

    .rnc__notification-timer {
        background-color: $default_timer;
    }

    .rnc__notification-timer-filler {
        background-color: $default_timer_filler;
    }

    // .rnc__notification-close-mark {
    //     background-color: $default;
    // }
}

.rnc__notification-item--warning {
    background-color: var(--bs-soft-warning);
    // Use text-emphasis for better contrast on soft backgrounds
    color: var(--bs-warning-text-emphasis);
    border-color: rgba(var(--bs-warning-rgb), 0.2);

    .rnc__notification-title {
        color: inherit;
    }

    .rnc__notification-timer {
        background-color: $warning_timer;
    }

    .rnc__notification-timer-filler {
        background-color: $warning_timer_filler;
    }

    // .rnc__notification-close-mark {
    //     background-color: $warning;
    // }
}

.rnc__notification-item--danger {
    background-color: var(--bs-soft-danger);
    color: var(--bs-danger);
    border-color: rgba(var(--bs-danger-rgb), 0.2);

    .rnc__notification-title {
        color: inherit;
    }

    .rnc__notification-timer {
        background-color: $danger_timer;
    }

    .rnc__notification-timer-filler {
        background-color: $danger_timer_filler;
    }

    // .rnc__notification-close-mark {
    //     background-color: $danger;
    // }
}

.rnc__notification-item--info {
    background-color: var(--bs-soft-info);
    color: var(--bs-info-text-emphasis);
    border-color: rgba(var(--bs-info-rgb), 0.2);

    .rnc__notification-title {
        color: inherit;
    }

    .rnc__notification-timer {
        background-color: $info_timer;
    }

    .rnc__notification-timer-filler {
        background-color: $info_timer_filler;
    }

    // .rnc__notification-close-mark {
    //     background-color: $info_dark_1;
    // }
}

.rnc__notification-item--success {
    background-color: var(--bs-soft-success);
    color: var(--bs-success-text-emphasis);
    border-color: rgba(var(--bs-success-rgb), 0.2);

    .rnc__notification-title {
        color: inherit;
    }

    .rnc__notification-timer {
        background-color: $success_timer;
    }

    .rnc__notification-timer-filler {
        background-color: $success_timer_filler;
    }

    // .rnc__notification-close-mark {
    //     background-color: $success_dark_1;
    // }
}