[snippet_preview_vc code="{``settings``:{``resources``:`{``}`,``title``:``Clash of Clans Cards``},``code``:{``html``:``%20%20%3Clink%20rel%3D%22stylesheet%22%20href%3D%22https%3A%2F%2Fcdnjs.cloudflare.com%2Fajax%2Flibs%2Fmeyer-reset%2F2.0%2Freset.min.css%22%3E%0A%0A%20%20%3Clink%20rel%3D'stylesheet'%20href%3D'https%3A%2F%2Fcdn.jsdelivr.net%2Fjquery.slick%2F1.6.0%2Fslick.css'%3E%0A%3Clink%20rel%3D'stylesheet'%20href%3D'https%3A%2F%2Fcdn.jsdelivr.net%2Fjquery.slick%2F1.6.0%2Fslick-theme.css'%3E%0A%3Cdiv%20class%3D%22slide-container%22%3E%0A%20%20%0A%20%20%3Cdiv%20class%3D%22wrapper%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22clash-card%20barbarian%22%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22clash-card__image%20clash-card__image--barbarian%22%3E%0A%20%20%20%20%20%20%20%20%3Cimg%20src%3D%22https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fs.cdpn.io%2F195612%2Fbarbarian.png%22%20alt%3D%22barbarian%22%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22clash-card__level%20clash-card__level--barbarian%22%3ELevel%204%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22clash-card__unit-name%22%3EThe%20Barbarian%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22clash-card__unit-description%22%3E%0A%20%20%20%20%20%20%20%20The%20Barbarian%20is%20a%20kilt-clad%20Scottish%20warrior%20with%20an%20angry%2C%20battle-ready%20expression%2C%20hungry%20for%20destruction.%20He%20has%20Killer%20yellow%20horseshoe%20mustache.%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22clash-card__unit-stats%20clash-card__unit-stats--barbarian%20clearfix%22%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22one-third%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22stat%22%3E20%3Csup%3ES%3C%2Fsup%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22stat-value%22%3ETraining%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22one-third%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22stat%22%3E16%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22stat-value%22%3ESpeed%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22one-third%20no-border%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22stat%22%3E150%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22stat-value%22%3ECost%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%3C%2Fdiv%3E%20%3C!--%20end%20clash-card%20barbarian--%3E%0A%20%20%3C%2Fdiv%3E%20%3C!--%20end%20wrapper%20--%3E%0A%20%20%0A%20%20%3Cdiv%20class%3D%22wrapper%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22clash-card%20archer%22%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22clash-card__image%20clash-card__image--archer%22%3E%0A%20%20%20%20%20%20%20%20%3Cimg%20src%3D%22https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fs.cdpn.io%2F195612%2Farcher.png%22%20alt%3D%22archer%22%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22clash-card__level%20clash-card__level--archer%22%3ELevel%205%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22clash-card__unit-name%22%3EThe%20Archer%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22clash-card__unit-description%22%3E%0A%20%20%20%20%20%20%20%20The%20Archer%20is%20a%20female%20warrior%20with%20sharp%20eyes.%20She%20wears%20a%20short%2C%20light%20green%20dress%2C%20a%20hooded%20cape%2C%20a%20leather%20belt%20and%20an%20attached%20small%20pouch.%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22clash-card__unit-stats%20clash-card__unit-stats--archer%20clearfix%22%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22one-third%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22stat%22%3E25%3Csup%3ES%3C%2Fsup%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22stat-value%22%3ETraining%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22one-third%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22stat%22%3E24%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22stat-value%22%3ESpeed%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22one-third%20no-border%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22stat%22%3E300%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22stat-value%22%3ECost%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%3C%2Fdiv%3E%20%3C!--%20end%20clash-card%20archer--%3E%0A%20%20%3C%2Fdiv%3E%20%3C!--%20end%20wrapper%20--%3E%0A%20%20%0A%20%20%3Cdiv%20class%3D%22wrapper%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22clash-card%20giant%22%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22clash-card__image%20clash-card__image--giant%22%3E%0A%20%20%20%20%20%20%20%20%3Cimg%20src%3D%22https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fs.cdpn.io%2F195612%2Fgiant.png%22%20alt%3D%22giant%22%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22clash-card__level%20clash-card__level--giant%22%3ELevel%205%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22clash-card__unit-name%22%3EThe%20Giant%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22clash-card__unit-description%22%3E%0A%20%20%20%20%20%20%20%20Slow%2C%20steady%20and%20powerful%2C%20Giants%20are%20massive%20warriors%20that%20soak%20up%20huge%20amounts%20of%20damage.%20Show%20them%20a%20turret%20or%20cannon%20and%20you'll%20see%20their%20fury%20unleashed!%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22clash-card__unit-stats%20clash-card__unit-stats--giant%20clearfix%22%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22one-third%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22stat%22%3E2%3Csup%3EM%3C%2Fsup%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22stat-value%22%3ETraining%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22one-third%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22stat%22%3E12%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22stat-value%22%3ESpeed%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22one-third%20no-border%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22stat%22%3E2250%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22stat-value%22%3ECost%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%3C%2Fdiv%3E%20%3C!--%20end%20clash-card%20giant--%3E%0A%20%20%3C%2Fdiv%3E%20%3C!--%20end%20wrapper%20--%3E%0A%20%20%0A%20%20%20%3Cdiv%20class%3D%22wrapper%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22clash-card%20goblin%22%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22clash-card__image%20clash-card__image--goblin%22%3E%0A%20%20%20%20%20%20%20%20%3Cimg%20src%3D%22https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fs.cdpn.io%2F195612%2Fgoblin.png%22%20alt%3D%22goblin%22%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22clash-card__level%20clash-card__level--goblin%22%3ELevel%205%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22clash-card__unit-name%22%3EThe%20Goblin%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22clash-card__unit-description%22%3E%0A%20%20%20%20%20%20%20%20These%20pesky%20little%20creatures%20only%20have%20eyes%20for%20one%20thing%3A%20LOOT!%20They%20are%20faster%20than%20a%20Spring%20Trap%2C%20and%20their%20hunger%20for%20resources%20is%20limitless.%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22clash-card__unit-stats%20clash-card__unit-stats--goblin%20clearfix%22%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22one-third%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22stat%22%3E30%3Csup%3ES%3C%2Fsup%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22stat-value%22%3ETraining%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22one-third%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22stat%22%3E32%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22stat-value%22%3ESpeed%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22one-third%20no-border%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22stat%22%3E100%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22stat-value%22%3ECost%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%3C%2Fdiv%3E%20%3C!--%20end%20clash-card%20goblin--%3E%0A%20%20%3C%2Fdiv%3E%20%3C!--%20end%20wrapper%20--%3E%0A%20%20%0A%20%20%3Cdiv%20class%3D%22wrapper%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22clash-card%20wizard%22%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22clash-card__image%20clash-card__image--wizard%22%3E%0A%20%20%20%20%20%20%20%20%3Cimg%20src%3D%22https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fs.cdpn.io%2F195612%2Fwizard.png%22%20alt%3D%22wizard%22%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22clash-card__level%20clash-card__level--wizard%22%3ELevel%206%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22clash-card__unit-name%22%3EThe%20Wizard%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22clash-card__unit-description%22%3E%0A%20%20%20%20%20%20%20%20The%20Wizard%20is%20a%20terrifying%20presence%20on%20the%20battlefield.%20Pair%20him%20up%20with%20some%20of%20his%20fellows%20and%20cast%20concentrated%20blasts%20of%20destruction%20on%20anything%2C%20land%20or%20sky!%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22clash-card__unit-stats%20clash-card__unit-stats--wizard%20clearfix%22%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22one-third%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22stat%22%3E5%3Csup%3EM%3C%2Fsup%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22stat-value%22%3ETraining%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22one-third%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22stat%22%3E16%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22stat-value%22%3ESpeed%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22one-third%20no-border%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22stat%22%3E4000%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22stat-value%22%3ECost%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%3C%2Fdiv%3E%20%3C!--%20end%20clash-card%20wizard--%3E%0A%20%20%3C%2Fdiv%3E%20%3C!--%20end%20wrapper%20--%3E%0A%20%20%0A%3C%2Fdiv%3E%20%3C!--%20end%20container%20--%3E%0A%20%20%3Cscript%20src%3D'https%3A%2F%2Fcdnjs.cloudflare.com%2Fajax%2Flibs%2Fjquery%2F2.2.2%2Fjquery.min.js'%3E%3C%2Fscript%3E%0A%3Cscript%20src%3D'https%3A%2F%2Fcdn.jsdelivr.net%2Fjquery.slick%2F1.6.0%2Fslick.min.js'%3E%3C%2Fscript%3E``,``js``:``(function()%20%7B%0A%20%20%0A%20%20var%20slideContainer%20%3D%20%24('.slide-container')%3B%0A%20%20%0A%20%20slideContainer.slick()%3B%0A%20%20%0A%20%20%24('.clash-card__image%20img').hide()%3B%0A%20%20%24('.slick-active').find('.clash-card%20img').fadeIn(200)%3B%0A%20%20%0A%20%20%2F%2F%20On%20before%20slide%20change%0A%20%20slideContainer.on('beforeChange'%2C%20function(event%2C%20slick%2C%20currentSlide%2C%20nextSlide)%20%7B%0A%20%20%20%20%24('.slick-active').find('.clash-card%20img').fadeOut(1000)%3B%0A%20%20%7D)%3B%0A%20%20%0A%20%20%2F%2F%20On%20after%20slide%20change%0A%20%20slideContainer.on('afterChange'%2C%20function(event%2C%20slick%2C%20currentSlide)%20%7B%0A%20%20%20%20%24('.slick-active').find('.clash-card%20img').fadeIn(200)%3B%0A%20%20%7D)%3B%0A%20%20%0A%7D)()%3B%0A``,``css``:``%40import%20url(https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLato%3A400%2C700%2C900)%3B%0A%0A%24border-radius-size%3A%2014px%3B%0A%24barbarian%3A%20%23EC9B3B%3B%0A%24archer%3A%20%23EE5487%3B%0A%24giant%3A%20%23F6901A%3B%0A%24goblin%3A%20%2382BB30%3B%0A%24wizard%3A%20%234FACFF%3B%0A%0A*%2C%20*%3Abefore%2C%20*%3Aafter%20%7B%0A%20%20box-sizing%3A%20border-box%3B%0A%7D%0A%0Abody%20%7B%0A%20%20background%3A%20linear-gradient(to%20bottom%2C%20rgba(140%2C122%2C122%2C1)%200%25%2C%20rgba(175%2C135%2C124%2C1)%2065%25%2C%20rgba(175%2C135%2C124%2C1)%20100%25)%20fixed%3B%0A%20%20background%3A%20url('https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fs.cdpn.io%2F195612%2Fcoc-background.jpg')%20no-repeat%20center%20center%20fixed%3B%0A%20%20background-size%3A%20cover%3B%0A%20%20font%3A%2014px%2F20px%20%22Lato%22%2C%20Arial%2C%20sans-serif%3B%0A%20%20color%3A%20%239E9E9E%3B%0A%20%20margin-top%3A%2030px%3B%0A%7D%0A%0A.slide-container%20%7B%0A%20%20margin%3A%20auto%3B%0A%20%20width%3A%20600px%3B%0A%20%20text-align%3A%20center%3B%0A%7D%0A%0A.wrapper%20%7B%0A%20%20padding-top%3A%2040px%3B%0A%20%20padding-bottom%3A%2040px%3B%0A%20%20%0A%20%20%26%3Afocus%20%7B%0A%20%20%20%20outline%3A%200%3B%0A%20%20%7D%0A%7D%0A%0A%0A%0A.clash-card%20%7B%0A%20%20background%3A%20white%3B%0A%20%20width%3A%20300px%3B%0A%20%20display%3A%20inline-block%3B%0A%20%20margin%3A%20auto%3B%0A%20%20border-radius%3A%20%24border-radius-size%20%2B%205%3B%0A%20%20position%3A%20relative%3B%0A%20%20text-align%3A%20center%3B%0A%20%20box-shadow%3A%20-1px%2015px%2030px%20-12px%20black%3B%0A%20%20z-index%3A%209999%3B%0A%7D%0A%0A.clash-card__image%20%7B%0A%20%20position%3A%20relative%3B%0A%20%20height%3A%20230px%3B%0A%20%20margin-bottom%3A%2035px%3B%0A%20%20border-top-left-radius%3A%20%24border-radius-size%3B%0A%20%20border-top-right-radius%3A%20%24border-radius-size%3B%0A%7D%0A%0A.clash-card__image--barbarian%20%7B%0A%20%20background%3A%20url('https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fs.cdpn.io%2F195612%2Fbarbarian-bg.jpg')%3B%0A%20%20img%20%7B%0A%20%20%20%20width%3A%20400px%3B%0A%20%20%20%20position%3A%20absolute%3B%20%20%20%20%0A%20%20%20%20top%3A%20-65px%3B%0A%20%20%20%20left%3A%20-70px%3B%0A%20%20%7D%0A%7D%0A%0A.clash-card__image--archer%20%7B%0A%20%20background%3A%20url('https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fs.cdpn.io%2F195612%2Farcher-bg.jpg')%3B%0A%20%20img%20%7B%0A%20%20%20%20width%3A%20400px%3B%0A%20%20%20%20position%3A%20absolute%3B%20%20%20%20%0A%20%20%20%20top%3A%20-34px%3B%0A%20%20%20%20left%3A%20-37px%3B%0A%20%20%7D%0A%7D%0A%0A.clash-card__image--giant%20%7B%0A%20%20background%3A%20url('https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fs.cdpn.io%2F195612%2Fgiant-bg.jpg')%3B%0A%20%20img%20%7B%0A%20%20%20%20width%3A%20340px%3B%0A%20%20%20%20position%3A%20absolute%3B%20%20%20%20%0A%20%20%20%20top%3A%20-30px%3B%0A%20%20%20%20left%3A%20-25px%3B%0A%20%20%7D%0A%7D%0A%0A.clash-card__image--goblin%20%7B%0A%20%20background%3A%20url('https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fs.cdpn.io%2F195612%2Fgoblin-bg.jpg')%3B%0A%20%20img%20%7B%0A%20%20%20%20width%3A%20370px%3B%0A%20%20%20%20position%3A%20absolute%3B%20%20%20%20%0A%20%20%20%20top%3A%20-21px%3B%0A%20%20%20%20left%3A%20-37px%3B%0A%20%20%7D%0A%7D%0A%0A.clash-card__image--wizard%20%7B%0A%20%20background%3A%20url('https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fs.cdpn.io%2F195612%2Fwizard-bg.jpg')%3B%0A%20%20img%20%7B%0A%20%20%20%20width%3A%20345px%3B%0A%20%20%20%20position%3A%20absolute%3B%20%20%20%20%0A%20%20%20%20top%3A%20-28px%3B%0A%20%20%20%20left%3A%20-10px%3B%0A%20%20%7D%0A%7D%0A%0A.clash-card__level%20%7B%0A%20%20text-transform%3A%20uppercase%3B%0A%20%20font-size%3A%2012px%3B%0A%20%20font-weight%3A%20700%3B%0A%20%20margin-bottom%3A%203px%3B%0A%7D%0A%0A.clash-card__level--barbarian%20%7B%0A%20%20color%3A%20%24barbarian%3B%0A%7D%0A%0A.clash-card__level--archer%20%7B%0A%20%20color%3A%20%24archer%3B%0A%7D%0A%0A.clash-card__level--giant%20%7B%0A%20%20color%3A%20%24giant%3B%0A%7D%0A%0A.clash-card__level--goblin%20%7B%0A%20%20color%3A%20%24goblin%3B%0A%7D%0A%0A.clash-card__level--wizard%20%7B%0A%20%20color%3A%20%24wizard%3B%0A%7D%0A%0A.clash-card__unit-name%20%7B%0A%20%20font-size%3A%2026px%3B%0A%20%20color%3A%20black%3B%0A%20%20font-weight%3A%20900%3B%0A%20%20margin-bottom%3A%205px%3B%0A%7D%0A%0A.clash-card__unit-description%20%7B%0A%20%20padding%3A%2020px%3B%0A%20%20margin-bottom%3A%2010px%3B%20%20%0A%7D%0A%0A.clash-card__unit-stats--barbarian%20%7B%0A%20%20background%3A%20%24barbarian%3B%0A%20%20%0A%20%20.one-third%20%7B%0A%20%20%20%20%20border-right%3A%201px%20solid%20%23BD7C2F%3B%0A%20%20%7D%0A%7D%0A%0A.clash-card__unit-stats--archer%20%7B%0A%20%20background%3A%20%24archer%3B%0A%20%20%0A%20%20.one-third%20%7B%0A%20%20%20%20%20border-right%3A%201px%20solid%20%23D04976%3B%0A%20%20%7D%0A%7D%0A%0A.clash-card__unit-stats--giant%20%7B%0A%20%20background%3A%20%24giant%3B%0A%20%20%0A%20%20.one-third%20%7B%0A%20%20%20%20%20border-right%3A%201px%20solid%20darken(%24giant%2C%208%25)%3B%0A%20%20%7D%0A%7D%0A%0A.clash-card__unit-stats--goblin%20%7B%0A%20%20background%3A%20%24goblin%3B%0A%20%20%0A%20%20.one-third%20%7B%0A%20%20%20%20%20border-right%3A%201px%20solid%20darken(%24goblin%2C%206%25)%3B%0A%20%20%7D%0A%7D%0A%0A.clash-card__unit-stats--wizard%20%7B%0A%20%20background%3A%20%24wizard%3B%0A%20%20%0A%20%20.one-third%20%7B%0A%20%20%20%20%20border-right%3A%201px%20solid%20darken(%24wizard%2C%206%25)%3B%0A%20%20%7D%0A%7D%0A%0A.clash-card__unit-stats%20%7B%0A%20%20%0A%20%20color%3A%20white%3B%0A%20%20font-weight%3A%20700%3B%0A%20%20border-bottom-left-radius%3A%20%24border-radius-size%3B%0A%20%20border-bottom-right-radius%3A%20%24border-radius-size%3B%0A%20%20%0A%20%20.one-third%20%7B%0A%20%20%20%20width%3A%2033%25%3B%0A%20%20%20%20float%3A%20left%3B%0A%20%20%20%20padding%3A%2020px%2015px%3B%0A%20%20%7D%0A%20%20%0A%20%20sup%20%7B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20bottom%3A%204px%3B%20%0A%20%20%20%20font-size%3A%2045%25%3B%0A%20%20%20%20margin-left%3A%202px%3B%0A%20%20%7D%0A%20%20%0A%20%20.stat%20%7B%0A%20%20%20%20position%3A%20relative%3B%0A%20%20%20%20font-size%3A%2024px%3B%0A%20%20%20%20margin-bottom%3A%2010px%3B%0A%20%20%7D%0A%20%20%0A%20%20.stat-value%20%7B%0A%20%20%20%20text-transform%3A%20uppercase%3B%0A%20%20%20%20font-weight%3A%20400%3B%0A%20%20%20%20font-size%3A%2012px%3B%0A%20%20%7D%0A%0A%20%20.no-border%20%7B%0A%20%20%20%20border-right%3A%20none%3B%0A%20%20%7D%0A%7D%0A%0A.clearfix%3Aafter%20%7B%0A%09visibility%3A%20hidden%3B%0A%09display%3A%20block%3B%0A%09font-size%3A%200%3B%0A%09content%3A%20%22%20%22%3B%0A%09clear%3A%20both%3B%0A%09height%3A%200%3B%0A%7D%0A%0A.slick-prev%20%7B%0A%20%20left%3A%20100px%3B%0A%20%20z-index%3A%20999%3B%0A%7D%0A%0A.slick-next%20%7B%0A%20%20right%3A%20100px%3B%0A%20%20z-index%3A%20999%3B%0A%7D``}}"]