.cnvs-block-alert
{
    --cnvs-alert-background: #f8f9fa;
    --cnvs-alert-padding: .5rem 1rem;
    --cnvs-alert-font-size: .875rem;
    --cnvs-alert-margin-bottom: 1rem;
    --cnvs-alert-border-left: 2px solid transparent;
}
.cnvs-block-alert
{
    position: relative;
    padding: var(--cnvs-alert-padding);
    background: var(--cnvs-alert-background);
    font-size: var(--cnvs-alert-font-size);
    margin-bottom: var(--cnvs-alert-margin-bottom);
    border-left: var(--cnvs-alert-border-left);
}
.cnvs-block-alert.cnvs-block-alert-dismissible
{
    padding-right: 4rem;
}
.cnvs-block-alert.cnvs-block-alert-dismissible button.cnvs-close
{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding: 0 1rem;
    color: inherit;
}
.cnvs-block-alert .cnvs-block-alert-inner h1, .cnvs-block-alert .cnvs-block-alert-inner h2, .cnvs-block-alert .cnvs-block-alert-inner h3, .cnvs-block-alert .cnvs-block-alert-inner h4, .cnvs-block-alert .cnvs-block-alert-inner h5, .cnvs-block-alert .cnvs-block-alert-inner h6
{
    margin-bottom: 1rem;
}
.cnvs-block-alert .cnvs-block-alert-inner>*
{
    margin-top: .5rem;
    margin-bottom: .5rem;
}
.cnvs-block-alert .cnvs-block-alert-inner>*:first-child:last-child
{
    margin-top: 0;
    margin-bottom: 0;
}
.is-style-cnvs-block-alert-primary
{
    border-left-color: #007bff;
}
.is-style-cnvs-block-alert-secondary
{
    border-left-color: #6c757d;
}
.is-style-cnvs-block-alert-success
{
    border-left-color: #28a745;
}
.is-style-cnvs-block-alert-info
{
    border-left-color: #17a2b8;
}
.is-style-cnvs-block-alert-warning
{
    border-left-color: #ffc107;
}
.is-style-cnvs-block-alert-danger
{
    border-left-color: #dc3545;
}
.is-style-cnvs-block-alert-light
{
    border-left-color: #f8f9fa;
}
.is-style-cnvs-block-alert-dark
{
    border-left-color: #343a40;
}