.toast-container {
    right: 0;
    top: 0;

    [dir="rtl"] & {
        right: auto;
        left: 0;
        padding-left: 0 !important;
    }

    .toast {
        position: relative;
        padding: .5rem;

        [theme-mode='dark'] & {
            --#{$prefix}toast-bg: var(--#{$prefix}secondary-dark);
        }

        &.toast-success {
            border-left: .25rem solid var(--#{$prefix}success);

            [dir="rtl"] & {
                border-right: .25rem solid var(--#{$prefix}success);
                border-left: 0 !important;
            }
        }

        &.toast-danger {
            border-left: .25rem solid var(--#{$prefix}danger) !important;

            [dir="rtl"] & {
                border-right: .25rem solid var(--#{$prefix}danger);
                border-left: 0 !important;
            }
        }
    }

    .btn-close {
        width: .5rem;
        height: .5rem;
        padding: 1px;
        position: absolute;
        top: 22px;
        right: 14px;

        [dir="rtl"] & {
            right: auto;
            left: 25px;
        }
    }
}
