@import '../../../styles/theme/index.less';

@mi-quotes: ~'@{mi-prefix}quotes';
.@{mi-quotes} {
    margin: 24px 0;
    padding: 20px 24px;
    .border-radius();
    border-left: 4px solid;
    border-color: var(--mi-theme, @mi-theme);
    .linear-gradient-background();
    color: var(--mi-font, @mi-font);
    font-size: 14px;
    line-height: 26px;

    @media only screen and (max-width: 767px) {
        padding: 20px;
    }

    .important {
        color: var(--mi-theme, @mi-theme);
        margin: 0 4px;
    }

    .no-ml {
        margin-left: 0;
    }

    a {
        color: var(--mi-theme, @mi-theme);
    }

    li {
        list-style: circle;
        margin-left: 20px;
        padding-left: 4px;
    }
}