.custom-block {
    background-color: var(--AaBgClr);
    border-color: var(--AaBClr);
    color: var(--AaTClr);
    a, a:visited {
        color: var(--AaLClr);
        :hover {
            color: var(--AaLHClr);
        }
    }
    .custom-block-title {
        font-weight: 600;
        margin-bottom: 0.4rem;
    }
    &.tip, &.warning, &.danger {
        padding: .1rem 1.5rem;
        border-left-width: .5rem;
        border-left-style: solid;
        margin: 1rem 0;
    }
    &.tip {
        background-color: var(--AtBgClr);
        border-color: var(--AtBClr);
        color: var(--AtTClr);
        a, a:visited {
            color: var(--AtLClr);
            :hover {
                color: var(--AtLHClr);
            }
        }
    }
    &.hint {
        background-color: var(--AhBgClr);
        border-color: var(--AhBClr);
        color: var(--AhTClr);
        a, a:visited {
            color: var(--AhLClr);
            :hover {
                color: var(--AhLHClr);
            }
        }
    }
    &.important {
        background-color: var(--AiBgClr);
        border-color: var(--AiBClr);
        color: var(--AiTClr);
        a, a:visited {
            color: var(--AiLClr);
            :hover {
                color: var(--AiLHClr);
            }
        }
    }
    &.note {
        background-color: var(--AnBgClr);
        border-color: var(--AnBClr);
        color: var(--AnTClr);
        a, a:visited {
            color: var(--AnLClr);
            :hover {
                color: var(--AnLHClr);
            }
        }
    }
    &.success {
        background-color: var(--AsBgClr);
        border-color: var(--AsBClr);
        color: var(--AsTClr);
        a, a:visited {
            color: var(--AsLClr);
            :hover {
                color: var(--AsLHClr);
            }
        }
    }
    &.warning {
        background-color: var(--AwBgClr);
        border-color: var(--AwBClr);
        color: var(--AwTClr);
        a, a:visited {
            color: var(--AwLClr);
            :hover {
                color: var(--AwLHClr);
            }
        }
    }
    &.caution {
        background-color: var(--AcBgClr);
        border-color: var(--AcBClr);
        color: var(--AcTClr);
        a, a:visited {
            color: var(--AcLClr);
            :hover {
                color: var(--AcLHClr);
            }
        }
    }
    &.danger {
        background-color: var(--AdBgClr);
        border-color: var(--AdBClr);
        color: var(--AdTClr);
        a, a:visited {
            color: var(--AdLClr);
            :hover {
                color: var(--AdLHClr);
            }
        }
    }
    &.error {
        background-color: var(--AeBgClr);
        border-color: var(--AeBClr);
        color: var(--AeTClr);
        a, a:visited {
            color: var(--AeLClr);
            :hover {
                color: var(--AeLHClr);
            }
        }
    }
}
