[class*="cn-icon-"] {
display: inline-block;
background-image: url(https://d29f71cuc8ityh.cloudfront.net/images2/icons/icons-darkgray.png);
background-size: 576px 528px;
background-position: 2000px 2000px;
height:32px;
width:32px;
margin: 0;
padding: 0;
vertical-align:top;
}
[class*="cn-icon-24 icon-"] {
background-size: 432px 396px;
background-position: 2000px 2000px;
height:24px;
width:24px;
}
[class*="cn-icon-16 icon-"] {
background-size: 288px 264px;
background-position: 2000px 2000px;
height:16px;
width:16px;
}
.cn-icon-blue {
background-image: url(https://d29f71cuc8ityh.cloudfront.net/images2/icons/icons-blue.png);
}
.cn-icon-light-gray {
background-image: url(https://d29f71cuc8ityh.cloudfront.net/images2/icons/icons-lightgray.png);
}
.cn-icon-white {
background-image: url(https://d29f71cuc8ityh.cloudfront.net/images2/icons/icons-white.png);
}
.cn-icon-red {
background-image: url(https://d29f71cuc8ityh.cloudfront.net/images2/icons/icons-red.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
.stars {
background-image: url(https://d29f71cuc8ityh.cloudfront.net/images2/icons/stars@2x.png);
}
.cn-icon-mute {
background-image: url(https://d29f71cuc8ityh.cloudfront.net/images2/icons/icon_mute@2x.png);
}
.cn-icon-unmute {
background-image: url(https://d29f71cuc8ityh.cloudfront.net/images2/icons/icon_unmute@2x.png);
}
}
.cn-icon-blank { background-position: 2000px 2000px; }
.cn-icon-home { background-position: 0 0; }
.cn-icon-menu { background-position: -48px 0; }
.cn-icon-settings { background-position: -96px 0; }
.cn-icon-user { background-position: -144px 0; }
.cn-icon-action { background-position: -192px 0; }
.cn-icon-comment-bubble { background-position: -240px 0; }
.cn-icon-circle-info { background-position: -288px 0; }
.cn-icon-x { background-position: -336px 0; }
.cn-icon-circle-x { background-position: -384px 0; }
.cn-icon-double-left-arrow { background-position: 0 -48px; }
.cn-icon-left-arrow { background-position: -48px -48px; }
.cn-icon-start { background-position: -96px -48px; }
.cn-icon-pencil { background-position: -144px -48px; }
.cn-icon-trash { background-position: -192px -48px; }
.cn-icon-tick { background-position: -240px -48px; }
.cn-icon-circle-tick { background-position: -288px -48px; }
.cn-icon-refresh { background-position: -336px -48px; }
.cn-icon-circle-down-arrow { background-position: -384px -48px; }
.cn-icon-right-arrow { background-position: -432px -48px; }
.cn-icon-inbox { background-position: 0 -96px; }
.cn-icon-feed { background-position: -48px -96px; }
.cn-icon-star { background-position: -96px -96px; }
.cn-icon-plus { background-position: -144px -96px; }
.cn-icon-thumbs-up { background-position: -192px -96px; }
.cn-icon-thumbs-down { background-position: -240px -96px; }
.cn-icon-review { background-position: -288px -96px; }
.cn-icon-video { background-position: -336px -96px; }
.cn-icon-search { background-position: -384px -96px; }
.cn-icon-eye { background-position: -432px -96px; }
.cn-icon-car { background-position: 0 -144px; }
.cn-icon-garage { background-position: -48px -144px; }
.cn-icon-brand { background-position: -96px -144px; }
.cn-icon-dealer { background-position: -144px -144px; }
.cn-icon-compare { background-position: -192px -144px; }
.cn-icon-engine { background-position: -240px -144px; }
.cn-icon-shift { background-position: -288px -144px; }
.cn-icon-drivetrain { background-position: -336px -144px; }
.cn-icon-tag { background-position: -384px -144px; }
.cn-icon-horsepower { background-position: -432px -144px; }
.cn-icon-gas-station { background-position: -480px -144px; }
.cn-icon-facebook { background-position: 0 -192px; }
.cn-icon-twitter { background-position: -48px -192px; }
.cn-icon-chat { background-position: 0 -240px; }
.cn-icon-chat-dots { background-position: -48px -240px; }
.cn-icon-chat-plus { background-position: -96px -240px; }
.cn-icon-chat-sessions { background-position: -144px -240px; }
.cn-icon-send-mobile { background-position: -192px -240px; }
.cn-icon-new-request { background-position: -240px -240px; }
.cn-icon-shortcut { background-position: -288px -240px; }
.cn-icon-profile { background-position: 0 -288px; }
.cn-icon-stats { background-position: -48px -288px; }
.cn-icon-phone { background-position: -96px -288px; }
.cn-icon-mobile { background-position: -144px -288px; }
.cn-icon-speedometer { background-position: -192px -288px; }
.cn-icon-lib { background-position: 0 -336px; }
.cn-icon-add-lib { background-position: -48px -336px; }
.cn-icon-inventory { background-position: -96px -336px; }
.cn-icon-deals { background-position: -144px -336px; }
.cn-icon-24 icon-blank { background-position: 2000px 2000px; }
.cn-icon-24 icon-home { background-position: 0 0; }
.cn-icon-24 icon-menu { background-position: -36px 0; }
.cn-icon-24 icon-settings { background-position: -72px 0; }
.cn-icon-24 icon-user { background-position: -108px 0; }
.cn-icon-24 icon-action { background-position: -144px 0; }
.cn-icon-24 icon-comment-bubble { background-position: -180px 0; }
.cn-icon-24 icon-circle-info { background-position: -216px 0; }
.cn-icon-24 icon-x { background-position: -252px 0; }
.cn-icon-24 icon-circle-x { background-position: -288px 0; }
.cn-icon-24 icon-double-left-arrow { background-position: 0 -36px; }
.cn-icon-24 icon-left-arrow { background-position: -36px -36px; }
.cn-icon-24 icon-start { background-position: -72px -36px; }
.cn-icon-24 icon-pencil { background-position: -108px -36px; }
.cn-icon-24 icon-trash { background-position: -144px -36px; }
.cn-icon-24 icon-tick { background-position: -180px -36px; }
.cn-icon-24 icon-circle-tick { background-position: -216px -36px; }
.cn-icon-24 icon-refresh { background-position: -252px -36px; }
.cn-icon-24 icon-circle-down-arrow { background-position: -288px -36px; }
.cn-icon-24 icon-right-arrow { background-position: -324px -36px; }
.cn-icon-24 icon-inbox { background-position: 0 -72px; }
.cn-icon-24 icon-feed { background-position: -36px -72px; }
.cn-icon-24 icon-star { background-position: -72px -72px; }
.cn-icon-24 icon-plus { background-position: -108px -72px; }
.cn-icon-24 icon-thumbs-up { background-position: -144px -72px; }
.cn-icon-24 icon-thumbs-down { background-position: -180px -72px; }
.cn-icon-24 icon-review { background-position: -216px -72px; }
.cn-icon-24 icon-video { background-position: -252px -72px; }
.cn-icon-24 icon-search { background-position: -288px -72px; }
.cn-icon-24 icon-eye { background-position: -324px -72px; }
.cn-icon-24 icon-car { background-position: 0 -108px; }
.cn-icon-24 icon-garage { background-position: -36px -108px; }
.cn-icon-24 icon-brand { background-position: -72px -108px; }
.cn-icon-24 icon-dealer { background-position: -108px -108px; }
.cn-icon-24 icon-compare { background-position: -144px -108px; }
.cn-icon-24 icon-engine { background-position: -180px -108px; }
.cn-icon-24 icon-shift { background-position: -216px -108px; }
.cn-icon-24 icon-drivetrain { background-position: -252px -108px; }
.cn-icon-24 icon-tag { background-position: -288px -108px; }
.cn-icon-24 icon-horsepower { background-position: -324px -108px; }
.cn-icon-24 icon-gas-station { background-position: -360px -108px; }
.cn-icon-24 icon-facebook { background-position: 0 -144px; }
.cn-icon-24 icon-twitter { background-position: -36px -144px; }
.cn-icon-24 icon-chat { background-position: 0 -180px; }
.cn-icon-24 icon-chat-dots { background-position: -36px -180px; }
.cn-icon-24 icon-chat-plus { background-position: -72px -180px; }
.cn-icon-24 icon-chat-sessions { background-position: -108px -180px; }
.cn-icon-24 icon-send-mobile { background-position: -144px -180px; }
.cn-icon-24 icon-new-request { background-position: -180px -180px; }
.cn-icon-24 icon-shortcut { background-position: -216px -180px; }
.cn-icon-24 icon-profile { background-position: 0 -216px; }
.cn-icon-24 icon-stats { background-position: -36px -216px; }
.cn-icon-24 icon-phone { background-position: -72px -216px; }
.cn-icon-24 icon-mobile { background-position: -108px -216px; }
.cn-icon-24 icon-speedometer { background-position: -144px -216px; }
.cn-icon-24 icon-lib { background-position: 0 -252px; }
.cn-icon-24 icon-add-lib { background-position: -36px -252px; }
.cn-icon-24 icon-inventory { background-position: -72px -252px; }
.cn-icon-24 icon-deals { background-position: -108px -252px; }
.cn-icon-24 icon-colors { background-position: -144px -216px; }
.cn-icon-16 icon-blank { background-position: 2000px 2000px; }
.cn-icon-16 icon-home { background-position: 0 0; }
.cn-icon-16 icon-menu { background-position: -24px 0; }
.cn-icon-16 icon-settings { background-position: -48px 0; }
.cn-icon-16 icon-user { background-position: -72px 0; }
.cn-icon-16 icon-action { background-position: -96px 0; }
.cn-icon-16 icon-comment-bubble { background-position: -120px 0; }
.cn-icon-16 icon-circle-info { background-position: -144px 0; }
.cn-icon-16 icon-x { background-position: -168px 0; }
.cn-icon-16 icon-circle-x { background-position: -192px 0; }
.cn-icon-16 icon-double-left-arrow { background-position: 0 -24px; }
.cn-icon-16 icon-left-arrow { background-position: -24px -24px; }
.cn-icon-16 icon-start { background-position: -48px -24px; }
.cn-icon-16 icon-pencil { background-position: -72px -24px; }
.cn-icon-16 icon-trash { background-position: -96px -24px; }
.cn-icon-16 icon-tick { background-position: -120px -24px; }
.cn-icon-16 icon-circle-tick { background-position: -144px -24px; }
.cn-icon-16 icon-refresh { background-position: -168px -24px; }
.cn-icon-16 icon-circle-down-arrow { background-position: -192px -24px; }
.cn-icon-16 icon-right-arrow { background-position: -216px -24px; }
.cn-icon-16 icon-inbox { background-position: 0 -48px; }
.cn-icon-16 icon-feed { background-position: -24px -48px; }
.cn-icon-16 icon-star { background-position: -48px -48px; }
.cn-icon-16 icon-plus { background-position: -72px -48px; }
.cn-icon-16 icon-thumbs-up { background-position: -96px -48px; }
.cn-icon-16 icon-thumbs-down { background-position: -120px -48px; }
.cn-icon-16 icon-review { background-position: -144px -48px; }
.cn-icon-16 icon-video { background-position: -168px -48px; }
.cn-icon-16 icon-search { background-position: -192px -48px; }
.cn-icon-16 icon-eye { background-position: -216px -48px; }
.cn-icon-16 icon-car { background-position: 0 -72px; }
.cn-icon-16 icon-garage { background-position: -24px -72px; }
.cn-icon-16 icon-brand { background-position: -48px -72px; }
.cn-icon-16 icon-dealer { background-position: -72px -72px; }
.cn-icon-16 icon-compare { background-position: -96px -72px; }
.cn-icon-16 icon-engine { background-position: -120px -72px; }
.cn-icon-16 icon-shift { background-position: -144px -72px; }
.cn-icon-16 icon-drivetrain { background-position: -168px -72px; }
.cn-icon-16 icon-tag { background-position: -192px -72px; }
.cn-icon-16 icon-horsepower { background-position: -216px -72px; }
.cn-icon-16 icon-gas-station { background-position: -240px -72px; }
.cn-icon-16 icon-facebook { background-position: 0 -96px; }
.cn-icon-16 icon-twitter { background-position: -24px -96px; }
.cn-icon-16 icon-chat { background-position: 0 -120px; }
.cn-icon-16 icon-chat-dots { background-position: -24px -120px; }
.cn-icon-16 icon-chat-plus { background-position: -48px -120px; }
.cn-icon-16 icon-chat-sessions { background-position: -72px -120px; }
.cn-icon-16 icon-send-mobile { background-position: -96px -120px; }
.cn-icon-16 icon-new-request { background-position: -120px -120px; }
.cn-icon-16 icon-shortcut { background-position: -144px -120px; }
.cn-icon-16 icon-profile { background-position: 0 -144px; }
.cn-icon-16 icon-stats { background-position: -24px -144px; }
.cn-icon-16 icon-phone { background-position: -48px -144px; }
.cn-icon-16 icon-mobile { background-position: -72px -144px; }
.cn-icon-16 icon-speedometer { background-position: -96px -144px; }
.cn-icon-16 icon-lib { background-position: 0 -168px; }
.cn-icon-16 icon-add-lib { background-position: -24px -168px; }
.cn-icon-16 icon-inventory { background-position: -48px -168px; }
.cn-icon-16 icon-deals { background-position: -72px -168px; }