.ns-notice {
    @apply text-white;
    &
    h1, h2, h3, h4, h5 {
        @apply text-primary;
    }

    p, span {
        @apply text-primary;
    }

    &.danger, &.warning, &.success, &.info, &.error {
        h1, h2, h3, h4, h5 {
            @apply text-white;
        }
    }

    &.danger {
        @apply border-danger-tertiary bg-danger-primary;

        p > a {
            @apply text-danger-tertiary;
            &:hover {
                @apply underline;
            }
        }
    
        pre {
            @apply bg-pre text-white;
        }
    }
    
    &.warning {
        @apply border-warning-tertiary bg-warning-primary;

        p > a {
            @apply text-warning-tertiary;
            &:hover {
                @apply underline;
            }
        }
    
        pre {
            @apply bg-pre text-white;
        }
    }
    
    &.success {
        @apply border-success-tertiary bg-success-primary;

        p > a {
            @apply text-success-tertiary;
            &:hover {
                @apply underline;
            }
        }
    
        pre {
            @apply bg-pre text-white;
        }
    }
    
    &.error {
        @apply border-error-secondary bg-error-tertiary text-white;

        p {
            @apply text-white;
            a {
                @apply text-error-tertiary;
                &:hover {
                    @apply underline;
                }
            }
        }
    
        pre {
            @apply bg-pre text-white;
        }
    }
    
    &.info {
        @apply border-info-tertiary bg-info-tertiary;

        p {
            @apply text-white;
            & > a {
                @apply text-info-primary;
                &:hover {
                    @apply underline;
                }
            }
        }
    
        pre {
            @apply bg-pre text-white;
        }
    }
}

.ns-normal-text {
    @apply text-primary;
}