@font-face {
    font-family: 'iconfont';
    src: url('iconfont.eot');
    src: url('iconfont.eot#iefix') format('embedded-opentype'), url('iconfont.woff') format('woff'), url('iconfont.ttf') format('truetype'), url('iconfont.svg#iconfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

.iconfont,
[data-icon]::before,
[data-icon-after]::after,
.ch-icon-on,
.ch-icon-off,
.checkbox:not(.behind)::before,
.checkbox.behind::after,
.checkbox:not(.behind).off::before,
.checkbox.behind.off::after {
    font-family: iconfont;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}

[data-icon]::before {
    content: attr(data-icon);
}

[data-icon].inlined::before {
    position: relative;
    margin-right: 0.3em;
    top: 0.2em;
}

[data-icon-after]::after {
    content: attr(data-icon-after);
}

[data-icon-after].inlined::after {
    position: relative;
    margin-left: 0.3em;
    top: 0.2em;
}