.guide {
    padding: 2.4em 3.2em;
    margin-bottom: 1.2em;
    background-color: @color-normal-bg;
    color: @font-default-color;
    line-height: 2.4;
    word-break: break-word;    

    &.guide-default {
        background-color: lighten(@base-default-color, 30%);
    }

    &.guide-primary {
        background-color: lighten(@base-primary-color, 35%);
    }

    &.guide-cobalt {
        background-color: lighten(saturate(@base-cobalt-color, 40%), 55%);
    }

    &.guide-success {
        background-color: lighten(desaturate(@base-success-color, 70%), 65%);
    }

    &.guide-danger {
        background-color: lighten(desaturate(@base-danger-color, 30%), 35%);
    }

    &.guide-alert {
        background-color: lighten(desaturate(@base-alert-color, 30%), 30%);
    }

    &.guide-notice {
        background-color: lighten(desaturate(@base-notice-color, 20%), 30%);
    }

    &.guide-force {
        background-color: lighten(@base-force-color, 60%);
    }
}
