.tag{padding:.1em .3em;background:linear-gradient(90deg,transparent -5%,rgba(var(--bg-color),.3) 75%);border:1px solid var(--main-color)}.tag[class*=active]{--tag-color: rgb(183, 241, 95);--bg-alpha: rgba(0, 255, 0, .3)}.tag[class*=inactive]{--tag-color: rgb(230, 114, 37);--bg-alpha: rgba(255, 0, 0, .3)}.tag[class*=open-source]{--tag-color: rgb(179, 138, 245);--bg-alpha: rgba(200, 95, 241, .3)}.tag[class*=active],.tag[class*=inactive],.tag[class*=open-source]{border-color:var(--tag-color);color:var(--tag-color);background:linear-gradient(90deg,transparent -5%,var(--bg-alpha) 120%)}.class-card{position:relative;overflow:hidden;background:linear-gradient(45deg,rgba(var(--bg-color),.1) 70%,rgba(var(--bg-color),.2) 110%);display:flex;flex-direction:column;min-height:230px}.class-card:before,.class-card:after{content:"";position:absolute;inset:0;pointer-events:none}.class-card:before{background-size:cover;background-position:center;opacity:.18;filter:grayscale(1) brightness(.9) contrast(1.1)}.class-card:after{background:linear-gradient(135deg,#000000b3,#0003 60%)}.class-card>*{position:relative;z-index:1}.class-card__tags{margin-top:.5em;margin-bottom:.5em}.class-card__ability{border:1px solid var(--main-color);padding:.35em .45em;background:rgba(var(--bg-color),.35);margin-bottom:.6em;font-size:.78em;line-height:1.25}.class-card__ability-title,.class-card__example-title{letter-spacing:.1em;text-transform:uppercase}.class-card__ability-title{margin-bottom:.35em}.class-card__example-title{margin-top:.5em;margin-bottom:.25em}.class-card__example-line{letter-spacing:.08em}.class-card__motto{margin-top:auto;padding-top:.75em}.class-card--blitz:before{background-image:url(/assets/images/classes/blitz.png);background-position:45% 40%;background-size:350%}.class-card--trickster:before{background-image:url(/assets/images/classes/trickster.png);background-position:60% 40%}.class-card--controller:before{background-image:url(/assets/images/classes/controller.png);background-position:80% 55%;background-size:370%}