@charset "UTF-8";
/*
##############################
# IMPORTS
##############################
*/
/*
##############################
# FLEXBOX
##############################
*/
/*
##############################
# UTILITY
##############################
*/
/*
##############################
# ANIMATION
##############################
*/
/*
##############################
# NORMALIZE
##############################
*/
/*
##############################
# FLEXBOX
##############################
*/
/*
##############################
# UTILITY
##############################
*/
/*
##############################
# ANIMATION
##############################
*/
html {
  height: 100%;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  border-width: 0px;
  border-spacing: 0px;
}

table {
  border-collapse: collapse;
}

img {
  -webkit-user-drag: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
}
/*
##############################
# COLORS
##############################
*/
/*
##############################
# IMPORT
##############################
*/
@font-face {
  font-family: "hanzel";
  src: url("../fonts/Hanzel.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "hanzel";
  src: url("../fonts/HanzelItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "hanzel";
  src: url("../fonts/HanzelBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "hanzel";
  src: url("../fonts/HanzelBoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
/*
##############################
# TYPOGRAPHY
##############################
*/
body, input, textarea {
  font-family: eurostile, sans-serif;
  font-optical-sizing: auto;
}

h2 {
  font-family: hanzel;
  font-weight: 600;
  font-style: italic;
  font-size: 28px;
  color: #ffffff;
}

h3 {
  font-family: hanzel;
  font-weight: 600;
  font-style: italic;
  font-size: 16px;
  text-transform: uppercase;
  color: #ffffff;
  line-height: 1.5;
}

h5, h {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: #abff00;
}

span.cosmic {
  color: #289cc4;
}

span.tech {
  color: #1a28cf;
}

span.mutant {
  color: #e7ae02;
}

span.skill {
  color: #e22a2a;
}

span.science {
  color: #28931d;
}

span.mystic {
  color: #7720b3;
}

span.rank {
  color: #b2b2c4;
}

span.top-a {
  color: #abff00;
}

span.top-b {
  color: #fffc00;
}

span.top-c {
  color: #e7ae02;
}

span.top-d {
  color: #ff8d07;
}

span.top-e {
  color: #e22a2a;
}

a i {
  display: inline-block;
  margin-right: 8px;
  color: #ffffff;
}
a i.ar {
  margin-left: 8px;
  margin-right: 0px;
}

/*
##############################
# ICONS
##############################
*/
.mcoc-filter--aa:before, .mcoc-icon--aa:before {
  background-image: url("../images/icons/aa.svg");
}
.mcoc-filter--abilityaccuracy:before, .mcoc-icon--abilityaccuracy:before {
  background-image: url("../images/icons/abilityaccuracy.svg");
}
.mcoc-filter--acidburn:before, .mcoc-icon--acidburn:before {
  background-image: url("../images/icons/acidburn.svg");
}
.mcoc-filter--adrenaline:before, .mcoc-icon--adrenaline:before {
  background-image: url("../images/icons/adrenaline.svg");
}
.mcoc-filter--amplify:before, .mcoc-icon--amplify:before {
  background-image: url("../images/icons/amplify.svg");
}
.mcoc-filter--aptitude:before, .mcoc-icon--aptitude:before {
  background-image: url("../images/icons/aptitude.svg");
}
.mcoc-filter--armor:before, .mcoc-icon--armor:before {
  background-image: url("../images/icons/armor.svg");
}
.mcoc-filter--armorbreak:before, .mcoc-icon--armorbreak:before {
  background-image: url("../images/icons/armorbreak.svg");
}
.mcoc-filter--armorshatter:before, .mcoc-icon--armorshatter:before {
  background-image: url("../images/icons/armorshatter.svg");
}
.mcoc-filter--armorup:before, .mcoc-icon--armorup:before {
  background-image: url("../images/icons/armorup.svg");
}
.mcoc-filter--aspectofevolution:before, .mcoc-icon--aspectofevolution:before {
  background-image: url("../images/icons/aspectofevolution.svg");
}
.mcoc-filter--atrophy:before, .mcoc-icon--atrophy:before {
  background-image: url("../images/icons/atrophy.svg");
}
.mcoc-filter--attack:before, .mcoc-icon--attack:before {
  background-image: url("../images/icons/attack.svg");
}
.mcoc-filter--attackburst:before, .mcoc-icon--attackburst:before {
  background-image: url("../images/icons/attackburst.svg");
}
.mcoc-filter--attackdown:before, .mcoc-icon--attackdown:before {
  background-image: url("../images/icons/attackdown.svg");
}
.mcoc-filter--autofight:before, .mcoc-icon--autofight:before {
  background-image: url("../images/icons/autofight.svg");
}
.mcoc-filter--awakened:before, .mcoc-icon--awakened:before {
  background-image: url("../images/icons/awakened.svg");
}
.mcoc-filter--bladeattack:before, .mcoc-icon--bladeattack:before {
  background-image: url("../images/icons/bladeattack.svg");
}
.mcoc-filter--bleed:before, .mcoc-icon--bleed:before {
  background-image: url("../images/icons/bleed.svg");
}
.mcoc-filter--bleedpotency:before, .mcoc-icon--bleedpotency:before {
  background-image: url("../images/icons/bleedpotency.svg");
}
.mcoc-filter--bleedresist:before, .mcoc-icon--bleedresist:before {
  background-image: url("../images/icons/bleedresist.svg");
}
.mcoc-filter--bleedvuln:before, .mcoc-icon--bleedvuln:before {
  background-image: url("../images/icons/bleedvuln.svg");
}
.mcoc-filter--brokenheart:before, .mcoc-icon--brokenheart:before {
  background-image: url("../images/icons/brokenheart.svg");
}
.mcoc-filter--buffimmune:before, .mcoc-icon--buffimmune:before {
  background-image: url("../images/icons/buffimmune.svg");
}
.mcoc-filter--buffpotency:before, .mcoc-icon--buffpotency:before {
  background-image: url("../images/icons/buffpotency.svg");
}
.mcoc-filter--buffup:before, .mcoc-icon--buffup:before {
  background-image: url("../images/icons/buffup.svg");
}
.mcoc-filter--bulwark:before, .mcoc-icon--bulwark:before {
  background-image: url("../images/icons/bulwark.svg");
}
.mcoc-filter--caltrops:before, .mcoc-icon--caltrops:before {
  background-image: url("../images/icons/caltrops.svg");
}
.mcoc-filter--charm:before, .mcoc-icon--charm:before {
  background-image: url("../images/icons/charm.svg");
}
.mcoc-filter--clobber:before, .mcoc-icon--clobber:before {
  background-image: url("../images/icons/clobber.svg");
}
.mcoc-filter--clock:before, .mcoc-icon--clock:before {
  background-image: url("../images/icons/clock.svg");
}
.mcoc-filter--coldsnap:before, .mcoc-icon--coldsnap:before {
  background-image: url("../images/icons/coldsnap.svg");
}
.mcoc-filter--combodetonation:before, .mcoc-icon--combodetonation:before {
  background-image: url("../images/icons/combodetonation.svg");
}
.mcoc-filter--comboshield:before, .mcoc-icon--comboshield:before {
  background-image: url("../images/icons/comboshield.svg");
}
.mcoc-filter--concussion:before, .mcoc-icon--concussion:before {
  background-image: url("../images/icons/concussion.svg");
}
.mcoc-filter--cornered:before, .mcoc-icon--cornered:before {
  background-image: url("../images/icons/cornered.svg");
}
.mcoc-filter--corrosion:before, .mcoc-icon--corrosion:before {
  background-image: url("../images/icons/corrosion.svg");
}
.mcoc-filter--cosmic:before, .mcoc-icon--cosmic:before {
  background-image: url("../images/icons/cosmic-color.svg");
}
.mcoc-filter--counterpunch:before, .mcoc-icon--counterpunch:before {
  background-image: url("../images/icons/counterpunch.svg");
}
.mcoc-filter--cowardice:before, .mcoc-icon--cowardice:before {
  background-image: url("../images/icons/cowardice.svg");
}
.mcoc-filter--criticalpen:before, .mcoc-icon--criticalpen:before {
  background-image: url("../images/icons/criticalpen.svg");
}
.mcoc-filter--crossfight:before, .mcoc-icon--crossfight:before {
  background-image: url("../images/icons/crossfight.svg");
}
.mcoc-filter--cruelty:before, .mcoc-icon--cruelty:before {
  background-image: url("../images/icons/cruelty.svg");
}
.mcoc-filter--crush:before, .mcoc-icon--crush:before {
  background-image: url("../images/icons/crush.svg");
}
.mcoc-filter--cunning:before, .mcoc-icon--cunning:before {
  background-image: url("../images/icons/cunning.svg");
}
.mcoc-filter--curse:before, .mcoc-icon--curse:before {
  background-image: url("../images/icons/curse.svg");
}
.mcoc-filter--damageeffect:before, .mcoc-icon--damageeffect:before {
  background-image: url("../images/icons/damageeffect.svg");
}
.mcoc-filter--damagereflect:before, .mcoc-icon--damagereflect:before {
  background-image: url("../images/icons/damagereflect.svg");
}
.mcoc-filter--daunted:before, .mcoc-icon--daunted:before {
  background-image: url("../images/icons/daunted.svg");
}
.mcoc-filter--deathimmunity:before, .mcoc-icon--deathimmunity:before {
  background-image: url("../images/icons/deathimmunity.svg");
}
.mcoc-filter--debilitate:before, .mcoc-icon--debilitate:before {
  background-image: url("../images/icons/debilitate.svg");
}
.mcoc-filter--debuffimmune:before, .mcoc-icon--debuffimmune:before {
  background-image: url("../images/icons/debuffimmune.svg");
}
.mcoc-filter--debuffsiphon:before, .mcoc-icon--debuffsiphon:before {
  background-image: url("../images/icons/debuffsiphon.svg");
}
.mcoc-filter--decelerate:before, .mcoc-icon--decelerate:before {
  background-image: url("../images/icons/decelerate.svg");
}
.mcoc-filter--degen:before, .mcoc-icon--degen:before {
  background-image: url("../images/icons/degen.svg");
}
.mcoc-filter--degenvulneratbility:before, .mcoc-icon--degenvulneratbility:before {
  background-image: url("../images/icons/degenvulneratbility.svg");
}
.mcoc-filter--detonate:before, .mcoc-icon--detonate:before {
  background-image: url("../images/icons/detonate.svg");
}
.mcoc-filter--devolve:before, .mcoc-icon--devolve:before {
  background-image: url("../images/icons/devolve.svg");
}
.mcoc-filter--disarm:before, .mcoc-icon--disarm:before {
  background-image: url("../images/icons/disarm.svg");
}
.mcoc-filter--disintegrate:before, .mcoc-icon--disintegrate:before {
  background-image: url("../images/icons/disintegrate.svg");
}
.mcoc-filter--disorient:before, .mcoc-icon--disorient:before {
  background-image: url("../images/icons/disorient.svg");
}
.mcoc-filter--distraction:before, .mcoc-icon--distraction:before {
  background-image: url("../images/icons/distraction.svg");
}
.mcoc-filter--dotdurationdown:before, .mcoc-icon--dotdurationdown:before {
  background-image: url("../images/icons/dotdurationdown.svg");
}
.mcoc-filter--dotpotency:before, .mcoc-icon--dotpotency:before {
  background-image: url("../images/icons/dotpotency.svg");
}
.mcoc-filter--dotpotencydown:before, .mcoc-icon--dotpotencydown:before {
  background-image: url("../images/icons/dotpotencydown.svg");
}
.mcoc-filter--dotpotencyup:before, .mcoc-icon--dotpotencyup:before {
  background-image: url("../images/icons/dotpotencyup.svg");
}
.mcoc-filter--dynamo:before, .mcoc-icon--dynamo:before {
  background-image: url("../images/icons/dynamo.svg");
}
.mcoc-filter--embolden:before, .mcoc-icon--embolden:before {
  background-image: url("../images/icons/embolden.svg");
}
.mcoc-filter--energize:before, .mcoc-icon--energize:before {
  background-image: url("../images/icons/energize.svg");
}
.mcoc-filter--energydamage:before, .mcoc-icon--energydamage:before {
  background-image: url("../images/icons/energydamage.svg");
}
.mcoc-filter--energydot:before, .mcoc-icon--energydot:before {
  background-image: url("../images/icons/energydot.svg");
}
.mcoc-filter--energyresist:before, .mcoc-icon--energyresist:before {
  background-image: url("../images/icons/energyresist.svg");
}
.mcoc-filter--endurance:before, .mcoc-icon--endurance:before {
  background-image: url("../images/icons/endurance.svg");
}
.mcoc-filter--ensnare:before, .mcoc-icon--ensnare:before {
  background-image: url("../images/icons/ensnare.svg");
}
.mcoc-filter--evade:before, .mcoc-icon--evade:before {
  background-image: url("../images/icons/evade.svg");
}
.mcoc-filter--exhaustion:before, .mcoc-icon--exhaustion:before {
  background-image: url("../images/icons/exhaustion.svg");
}
.mcoc-filter--falter:before, .mcoc-icon--falter:before {
  background-image: url("../images/icons/falter.svg");
}
.mcoc-filter--fateseal:before, .mcoc-icon--fateseal:before {
  background-image: url("../images/icons/fateseal.svg");
}
.mcoc-filter--fatigue:before, .mcoc-icon--fatigue:before {
  background-image: url("../images/icons/fatigue.svg");
}
.mcoc-filter--fear:before, .mcoc-icon--fear:before {
  background-image: url("../images/icons/fear.svg");
}
.mcoc-filter--feedback:before, .mcoc-icon--feedback:before {
  background-image: url("../images/icons/feedback.svg");
}
.mcoc-filter--fervor:before, .mcoc-icon--fervor:before {
  background-image: url("../images/icons/fervor.svg");
}
.mcoc-filter--flourish:before, .mcoc-icon--flourish:before {
  background-image: url("../images/icons/flourish.svg");
}
.mcoc-filter--forcefield:before, .mcoc-icon--forcefield:before {
  background-image: url("../images/icons/forcefield.svg");
}
.mcoc-filter--frostbite:before, .mcoc-icon--frostbite:before {
  background-image: url("../images/icons/frostbite.svg");
}
.mcoc-filter--fumble:before, .mcoc-icon--fumble:before {
  background-image: url("../images/icons/fumble.svg");
}
.mcoc-filter--fury:before, .mcoc-icon--fury:before {
  background-image: url("../images/icons/fury.svg");
}
.mcoc-filter--furypotency:before, .mcoc-icon--furypotency:before {
  background-image: url("../images/icons/furypotency.svg");
}
.mcoc-filter--glance:before, .mcoc-icon--glance:before {
  background-image: url("../images/icons/glance.svg");
}
.mcoc-filter--grit:before, .mcoc-icon--grit:before {
  background-image: url("../images/icons/grit.svg");
}
.mcoc-filter--halt:before, .mcoc-icon--halt:before {
  background-image: url("../images/icons/halt.svg");
}
.mcoc-filter--healblock:before, .mcoc-icon--healblock:before {
  background-image: url("../images/icons/healblock.svg");
}
.mcoc-filter--heavyproficiency:before, .mcoc-icon--heavyproficiency:before {
  background-image: url("../images/icons/heavyproficiency.svg");
}
.mcoc-filter--hex:before, .mcoc-icon--hex:before {
  background-image: url("../images/icons/hex.svg");
}
.mcoc-filter--hinder:before, .mcoc-icon--hinder:before {
  background-image: url("../images/icons/hinder.svg");
}
.mcoc-filter--heavy:before, .mcoc-icon--heavy:before {
  background-image: url("../images/icons/heavy.svg");
}
.mcoc-filter--immortality:before, .mcoc-icon--immortality:before {
  background-image: url("../images/icons/immortality.svg");
}
.mcoc-filter--impact:before, .mcoc-icon--impact:before {
  background-image: url("../images/icons/impact.svg");
}
.mcoc-filter--imprison:before, .mcoc-icon--imprison:before {
  background-image: url("../images/icons/imprison.svg");
}
.mcoc-filter--incinerate:before, .mcoc-icon--incinerate:before {
  background-image: url("../images/icons/incinerate.svg");
}
.mcoc-filter--incineratevulnerability:before, .mcoc-icon--incineratevulnerability:before {
  background-image: url("../images/icons/incineratevulnerability.svg");
}
.mcoc-filter--indestructible:before, .mcoc-icon--indestructible:before {
  background-image: url("../images/icons/indestructible.svg");
}
.mcoc-filter--inexorable:before, .mcoc-icon--inexorable:before {
  background-image: url("../images/icons/inexorable.svg");
}
.mcoc-filter--infuriate:before, .mcoc-icon--infuriate:before {
  background-image: url("../images/icons/infuriate.svg");
}
.mcoc-filter--instantssiphon:before, .mcoc-icon--instantssiphon:before {
  background-image: url("../images/icons/instantssiphon.svg");
}
.mcoc-filter--instinct:before, .mcoc-icon--instinct:before {
  background-image: url("../images/icons/instinct.svg");
}
.mcoc-filter--intensity:before, .mcoc-icon--intensity:before {
  background-image: url("../images/icons/intensity.svg");
}
.mcoc-filter--intimidate:before, .mcoc-icon--intimidate:before {
  background-image: url("../images/icons/intimidate.svg");
}
.mcoc-filter--invalidate:before, .mcoc-icon--invalidate:before {
  background-image: url("../images/icons/invalidate.svg");
}
.mcoc-filter--invisible:before, .mcoc-icon--invisible:before {
  background-image: url("../images/icons/invisible.svg");
}
.mcoc-filter--marked:before, .mcoc-icon--marked:before {
  background-image: url("../images/icons/marked.svg");
}
.mcoc-filter--metabolic:before, .mcoc-icon--metabolic:before {
  background-image: url("../images/icons/metabolic.svg");
}
.mcoc-filter--miss:before, .mcoc-icon--miss:before {
  background-image: url("../images/icons/miss.svg");
}
.mcoc-filter--musclemass:before, .mcoc-icon--musclemass:before {
  background-image: url("../images/icons/musclemass.svg");
}
.mcoc-filter--mutant:before, .mcoc-icon--mutant:before {
  background-image: url("../images/icons/mutant-color.svg");
}
.mcoc-filter--mystic:before, .mcoc-icon--mystic:before {
  background-image: url("../images/icons/mystic-color.svg");
}
.mcoc-filter--mysticdispersion:before, .mcoc-icon--mysticdispersion:before {
  background-image: url("../images/icons/mystic.svg");
}
.mcoc-filter--nanotech:before, .mcoc-icon--nanotech:before {
  background-image: url("../images/icons/nanotech.svg");
}
.mcoc-filter--neuroshock:before, .mcoc-icon--neuroshock:before {
  background-image: url("../images/icons/neuroshock.svg");
}
.mcoc-filter--neurotoxin:before, .mcoc-icon--neurotoxin:before {
  background-image: url("../images/icons/neurotoxin.svg");
}
.mcoc-filter--not:before, .mcoc-icon--not:before {
  background-image: url("../images/icons/not.svg");
}
.mcoc-filter--nullify:before, .mcoc-icon--nullify:before {
  background-image: url("../images/icons/nullify.svg");
}
.mcoc-filter--organicmagnetism:before, .mcoc-icon--organicmagnetism:before {
  background-image: url("../images/icons/organicmagnetism.svg");
}
.mcoc-filter--overload:before, .mcoc-icon--overload:before {
  background-image: url("../images/icons/overload.svg");
}
.mcoc-filter--panic:before, .mcoc-icon--panic:before {
  background-image: url("../images/icons/panic.svg");
}
.mcoc-filter--parry:before, .mcoc-icon--parry:before {
  background-image: url("../images/icons/parry.svg");
}
.mcoc-filter--pentacle:before, .mcoc-icon--pentacle:before {
  background-image: url("../images/icons/pentacle.svg");
}
.mcoc-filter--petrify:before, .mcoc-icon--petrify:before {
  background-image: url("../images/icons/petrify.svg");
}
.mcoc-filter--physicalburst:before, .mcoc-icon--physicalburst:before {
  background-image: url("../images/icons/physicalburst.svg");
}
.mcoc-filter--physicalresist:before, .mcoc-icon--physicalresist:before {
  background-image: url("../images/icons/physicalresist.svg");
}
.mcoc-filter--physicalup:before, .mcoc-icon--physicalup:before {
  background-image: url("../images/icons/physicalup.svg");
}
.mcoc-filter--pierce:before, .mcoc-icon--pierce:before {
  background-image: url("../images/icons/pierce.svg");
}
.mcoc-filter--plasma:before, .mcoc-icon--plasma:before {
  background-image: url("../images/icons/plasma.svg");
}
.mcoc-filter--plusplusplus:before, .mcoc-icon--plusplusplus:before {
  background-image: url("../images/icons/plusplusplus.svg");
}
.mcoc-filter--poison:before, .mcoc-icon--poison:before {
  background-image: url("../images/icons/poison.svg");
}
.mcoc-filter--power:before, .mcoc-icon--power:before {
  background-image: url("../images/icons/power.svg");
}
.mcoc-filter--powerbar:before, .mcoc-icon--powerbar:before {
  background-image: url("../images/icons/powerbar.svg");
}
.mcoc-filter--powerburn:before, .mcoc-icon--powerburn:before {
  background-image: url("../images/icons/powerburn.svg");
}
.mcoc-filter--powerdetonation:before, .mcoc-icon--powerdetonation:before {
  background-image: url("../images/icons/powerdetonation.svg");
}
.mcoc-filter--powerdrain:before, .mcoc-icon--powerdrain:before {
  background-image: url("../images/icons/powerdrain.svg");
}
.mcoc-filter--powerlock:before, .mcoc-icon--powerlock:before {
  background-image: url("../images/icons/powerlock.svg");
}
.mcoc-filter--powerrate:before, .mcoc-icon--powerrate:before {
  background-image: url("../images/icons/powerrate.svg");
}
.mcoc-filter--powerreroute:before, .mcoc-icon--powerreroute:before {
  background-image: url("../images/icons/powerreroute.svg");
}
.mcoc-filter--powersteal:before, .mcoc-icon--powersteal:before {
  background-image: url("../images/icons/powersteal.svg");
}
.mcoc-filter--powersting:before, .mcoc-icon--powersting:before {
  background-image: url("../images/icons/powersting.svg");
}
.mcoc-filter--powerstingduration:before, .mcoc-icon--powerstingduration:before {
  background-image: url("../images/icons/powerstingduration.svg");
}
.mcoc-filter--powerstingpotency:before, .mcoc-icon--powerstingpotency:before {
  background-image: url("../images/icons/powerstingpotency.svg");
}
.mcoc-filter--precision:before, .mcoc-icon--precision:before {
  background-image: url("../images/icons/precision.svg");
}
.mcoc-filter--prefight:before, .mcoc-icon--prefight:before {
  background-image: url("../images/icons/prefight.svg");
}
.mcoc-filter--prowessduration:before, .mcoc-icon--prowessduration:before {
  background-image: url("../images/icons/prowessduration.svg");
}
.mcoc-filter--protection:before, .mcoc-icon--protection:before {
  background-image: url("../images/icons/protection.svg");
}
.mcoc-filter--pulverize:before, .mcoc-icon--pulverize:before {
  background-image: url("../images/icons/pulverize.svg");
}
.mcoc-filter--purify:before, .mcoc-icon--purify:before {
  background-image: url("../images/icons/purify.svg");
}
.mcoc-filter--pursuit:before, .mcoc-icon--pursuit:before {
  background-image: url("../images/icons/pursuit.svg");
}
.mcoc-filter--ragnarok:before, .mcoc-icon--ragnarok:before {
  background-image: url("../images/icons/ragnarok.svg");
}
.mcoc-filter--regen:before, .mcoc-icon--regen:before {
  background-image: url("../images/icons/regen.svg");
}
.mcoc-filter--regenduration:before, .mcoc-icon--regenduration:before {
  background-image: url("../images/icons/regenduration.svg");
}
.mcoc-filter--reinforce:before, .mcoc-icon--reinforce:before {
  background-image: url("../images/icons/reinforce.svg");
}
.mcoc-filter--resonance:before, .mcoc-icon--resonance:before {
  background-image: url("../images/icons/resonance.svg");
}
.mcoc-filter--retribution:before, .mcoc-icon--retribution:before {
  background-image: url("../images/icons/retribution.svg");
}
.mcoc-filter--reverb:before, .mcoc-icon--reverb:before {
  background-image: url("../images/icons/reverb.svg");
}
.mcoc-filter--reversal:before, .mcoc-icon--reversal:before {
  background-image: url("../images/icons/reversal.svg");
}
.mcoc-filter--reversecontrols:before, .mcoc-icon--reversecontrols:before {
  background-image: url("../images/icons/reversecontrols.svg");
}
.mcoc-filter--rock:before, .mcoc-icon--rock:before {
  background-image: url("../images/icons/rock.svg");
}
.mcoc-filter--root:before, .mcoc-icon--root:before {
  background-image: url("../images/icons/root.svg");
}
.mcoc-filter--rubble:before, .mcoc-icon--rubble:before {
  background-image: url("../images/icons/rubble.svg");
}
.mcoc-filter--rupture:before, .mcoc-icon--rupture:before {
  background-image: url("../images/icons/rupture.svg");
}
.mcoc-filter--sabotage:before, .mcoc-icon--sabotage:before {
  background-image: url("../images/icons/sabotage.svg");
}
.mcoc-filter--safeguard:before, .mcoc-icon--safeguard:before {
  background-image: url("../images/icons/safeguard.svg");
}
.mcoc-filter--sand:before, .mcoc-icon--sand:before {
  background-image: url("../images/icons/sand.svg");
}
.mcoc-filter--science:before, .mcoc-icon--science:before {
  background-image: url("../images/icons/science-color.svg");
}
.mcoc-filter--sentinel:before, .mcoc-icon--sentinel:before {
  background-image: url("../images/icons/sentinel.svg");
}
.mcoc-filter--shbleed:before, .mcoc-icon--shbleed:before {
  background-image: url("../images/icons/shbleed.svg");
}
.mcoc-filter--shock:before, .mcoc-icon--shock:before {
  background-image: url("../images/icons/shock.svg");
}
.mcoc-filter--shockup:before, .mcoc-icon--shockup:before {
  background-image: url("../images/icons/shockup.svg");
}
.mcoc-filter--siphon:before, .mcoc-icon--siphon:before {
  background-image: url("../images/icons/siphon.svg");
}
.mcoc-filter--skill:before, .mcoc-icon--skill:before {
  background-image: url("../images/icons/skill-color.svg");
}
.mcoc-filter--sleep:before, .mcoc-icon--sleep:before {
  background-image: url("../images/icons/sleep.svg");
}
.mcoc-filter--soulbarb:before, .mcoc-icon--soulbarb:before {
  background-image: url("../images/icons/soulbarb.svg");
}
.mcoc-filter--sp1:before, .mcoc-icon--sp1:before {
  background-image: url("../images/icons/sp1.svg");
}
.mcoc-filter--sp2:before, .mcoc-icon--sp2:before {
  background-image: url("../images/icons/sp2.svg");
}
.mcoc-filter--sp3:before, .mcoc-icon--sp3:before {
  background-image: url("../images/icons/sp3.svg");
}
.mcoc-filter--special:before, .mcoc-icon--special:before {
  background-image: url("../images/icons/special.svg");
}
.mcoc-filter--specialconcussion:before, .mcoc-icon--specialconcussion:before {
  background-image: url("../images/icons/specialconcussion.svg");
}
.mcoc-filter--specialdrain:before, .mcoc-icon--specialdrain:before {
  background-image: url("../images/icons/specialdrain.svg");
}
.mcoc-filter--specialhit:before, .mcoc-icon--specialhit:before {
  background-image: url("../images/icons/specialhit.svg");
}
.mcoc-filter--speciallock:before, .mcoc-icon--speciallock:before {
  background-image: url("../images/icons/speciallock.svg");
}
.mcoc-filter--specialweakness:before, .mcoc-icon--specialweakness:before {
  background-image: url("../images/icons/specialweakness.svg");
}
.mcoc-filter--spectre:before, .mcoc-icon--spectre:before {
  background-image: url("../images/icons/spectre.svg");
}
.mcoc-filter--spider:before, .mcoc-icon--spider:before {
  background-image: url("../images/icons/spider.svg");
}
.mcoc-filter--stagger:before, .mcoc-icon--stagger:before {
  background-image: url("../images/icons/stagger.svg");
}
.mcoc-filter--steady:before, .mcoc-icon--steady:before {
  background-image: url("../images/icons/steady.svg");
}
.mcoc-filter--stimulate:before, .mcoc-icon--stimulate:before {
  background-image: url("../images/icons/stimulate.svg");
}
.mcoc-filter--striker:before, .mcoc-icon--striker:before {
  background-image: url("../images/icons/striker.svg");
}
.mcoc-filter--stun:before, .mcoc-icon--stun:before {
  background-image: url("../images/icons/stun.svg");
}
.mcoc-filter--sunder:before, .mcoc-icon--sunder:before {
  background-image: url("../images/icons/sunder.svg");
}
.mcoc-filter--suppression:before, .mcoc-icon--suppression:before {
  background-image: url("../images/icons/suppression.svg");
}
.mcoc-filter--target:before, .mcoc-icon--target:before {
  background-image: url("../images/icons/target.svg");
}
.mcoc-filter--taunt:before, .mcoc-icon--taunt:before {
  background-image: url("../images/icons/taunt.svg");
}
.mcoc-filter--tech:before, .mcoc-icon--tech:before {
  background-image: url("../images/icons/tech-color.svg");
}
.mcoc-filter--thorns:before, .mcoc-icon--thorns:before {
  background-image: url("../images/icons/thorns.svg");
}
.mcoc-filter--torment:before, .mcoc-icon--torment:before {
  background-image: url("../images/icons/torment.svg");
}
.mcoc-filter--tracking:before, .mcoc-icon--tracking:before {
  background-image: url("../images/icons/tracking.svg");
}
.mcoc-filter--trample:before, .mcoc-icon--trample:before {
  background-image: url("../images/icons/trample.svg");
}
.mcoc-filter--tranquilize:before, .mcoc-icon--tranquilize:before {
  background-image: url("../images/icons/tranquilize.svg");
}
.mcoc-filter--trauma:before, .mcoc-icon--trauma:before {
  background-image: url("../images/icons/trauma.svg");
}
.mcoc-filter--trueaccuracy:before, .mcoc-icon--trueaccuracy:before {
  background-image: url("../images/icons/trueaccuracy.svg");
}
.mcoc-filter--truedamage:before, .mcoc-icon--truedamage:before {
  background-image: url("../images/icons/truedamage.svg");
}
.mcoc-filter--truefocus:before, .mcoc-icon--truefocus:before {
  background-image: url("../images/icons/truefocus.svg");
}
.mcoc-filter--truesense:before, .mcoc-icon--truesense:before {
  background-image: url("../images/icons/truesense.svg");
}
.mcoc-filter--truestrike:before, .mcoc-icon--truestrike:before {
  background-image: url("../images/icons/truestrike.svg");
}
.mcoc-filter--unblockableduration:before, .mcoc-icon--unblockableduration:before {
  background-image: url("../images/icons/unblockableduration.svg");
}
.mcoc-filter--uncanny:before, .mcoc-icon--uncanny:before {
  background-image: url("../images/icons/uncanny.svg");
}
.mcoc-filter--undermine:before, .mcoc-icon--undermine:before {
  background-image: url("../images/icons/undermine.svg");
}
.mcoc-filter--unstoppable:before, .mcoc-icon--unstoppable:before {
  background-image: url("../images/icons/unstoppable.svg");
}
.mcoc-filter--unstoppableduration:before, .mcoc-icon--unstoppableduration:before {
  background-image: url("../images/icons/unstoppableduration.svg");
}
.mcoc-filter--untouchable:before, .mcoc-icon--untouchable:before {
  background-image: url("../images/icons/untouchable.svg");
}
.mcoc-filter--vigilance:before, .mcoc-icon--vigilance:before {
  background-image: url("../images/icons/vigilance.svg");
}
.mcoc-filter--vicious:before, .mcoc-icon--vicious:before {
  background-image: url("../images/icons/vicious.svg");
}
.mcoc-filter--void:before, .mcoc-icon--void:before {
  background-image: url("../images/icons/void.svg");
}
.mcoc-filter--vulnerability:before, .mcoc-icon--vulnerability:before {
  background-image: url("../images/icons/vulnerability.svg");
}
.mcoc-filter--weakness:before, .mcoc-icon--weakness:before {
  background-image: url("../images/icons/weakness.svg");
}
.mcoc-filter--whiplash:before, .mcoc-icon--whiplash:before {
  background-image: url("../images/icons/whiplash.svg");
}
.mcoc-filter--widow:before, .mcoc-icon--widow:before {
  background-image: url("../images/icons/widow.svg");
}
.mcoc-filter--wither:before, .mcoc-icon--wither:before {
  background-image: url("../images/icons/wither.svg");
}
.mcoc-filter--zeal:before, .mcoc-icon--zeal:before {
  background-image: url("../images/icons/zeal.svg");
}

/*
##############################
# VARIABLES
##############################
*/
/*
##############################
# BODY
##############################
*/
body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  background-color: #000000;
  background-image: url("../images/background.jpg");
  background-repeat: repeat-x;
  height: 100%;
  margin: 0px;
  overflow: hidden;
}

#div-body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-x: hidden;
  background-image: url("../images/carbonfiber.png");
  background-repeat: repeat;
}

/*
##############################
# TABLES
##############################
*/
.mcoc-table {
  width: 100%;
  position: relative;
}
@media (max-width: 1100px) {
  .mcoc-table__wrapper {
    overflow: hidden;
    overflow-x: auto;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
  }
}
.mcoc-table th {
  text-transform: uppercase;
  font-size: 12px;
  padding: 12px;
  letter-spacing: 1.6px;
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #ffffff;
  text-align: left;
  vertical-align: bottom;
  white-space: nowrap;
  position: relative;
}
.mcoc-table th span {
  display: block;
  color: #b2b2c4;
  text-transform: none;
  font-weight: 300px;
  letter-spacing: 0.6px;
  margin-top: 3px;
}
.mcoc-table th.ascending, .mcoc-table th.descending {
  padding-right: 36px;
}
.mcoc-table th.ascending:after, .mcoc-table th.descending:after {
  font-family: "Font Awesome 6 Free";
  color: #ffffff;
  position: absolute;
  right: 12px;
  bottom: 12px;
}
.mcoc-table th.ascending:after {
  content: "\f175";
}
.mcoc-table th.descending:after {
  content: "\f176";
}
.mcoc-table tr:nth-child(odd) td {
  background-color: rgba(255, 255, 255, 0.1);
}
.mcoc-table tr.odd td {
  background-color: rgba(255, 255, 255, 0.1);
}
.mcoc-table tr.even td {
  background-color: rgba(255, 255, 255, 0.03);
}
.mcoc-table td {
  border: 1px solid rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.03);
  vertical-align: top;
  position: relative;
  padding: 24px;
}
.mcoc-table td.tar {
  text-align: right !important;
}
.mcoc-table td.tac {
  text-align: center !important;
}

/*
##############################
# MODAL
##############################
*/
.mcoc-shade {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #000000;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 400;
  display: none;
}
.mcoc-shade--open {
  opacity: 0.7;
}

.mcoc-modal {
  position: fixed;
  width: calc(100% - 24px);
  max-width: 1030px;
  max-height: calc(100% - 140px);
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  z-index: 500;
  display: none;
  opacity: 0;
  margin: auto;
}
.mcoc-modal--dialog {
  max-width: 600px;
}
.mcoc-modal__window {
  -webkit-box-shadow: 0px 0px 20px rgb(0, 0, 0);
  box-shadow: 0px 0px 20px rgb(0, 0, 0);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  background-color: rgba(0, 0, 0, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.3);
  overflow-y: auto;
  height: auto;
  max-height: 100%;
  top: 50%;
  scale: 0;
  opacity: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  scrollbar-color: rgba(255, 255, 255, 0.5) transparent;
  border-radius: 8px;
}
.mcoc-modal__wrapper {
  padding: 12px 12px 12px 12px;
}
.mcoc-modal__close {
  position: sticky;
  width: 100%;
  right: 0px;
  top: 0px;
  z-index: 1000;
}
.mcoc-modal__close button {
  float: right;
  height: 58px;
  width: 58px;
  font-size: 16px;
  color: #5a5969;
  background-color: transparent;
  cursor: pointer;
}
.mcoc-modal__close button:hover {
  color: #ffffff;
  text-shadow: 0px 0px 15px #ffffff;
}
.mcoc-modal--open {
  opacity: 1;
}
.mcoc-modal--open .mcoc-modal__window {
  -webkit-animation-name: modal;
  -moz-animation-name: modal;
  -webkit-animation: modal;
          animation: modal;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
.mcoc-modal__head {
  border-bottom: 1px solid #5a5969;
  background-color: rgba(0, 0, 0, 0.7);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 24px;
  width: 100%;
  position: sticky;
  left: 0px;
  top: 0px;
  z-index: 20;
}
.mcoc-modal__head button {
  top: 12px;
  right: 13px;
}
.mcoc-modal__bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #5a5969;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: rgba(0, 0, 0, 0.9);
  padding: 12px;
  width: 100%;
  position: sticky;
  left: 0px;
  bottom: 0px;
  z-index: 20;
  gap: 12px;
}
.mcoc-modal__bar > div {
  -webkit-box-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
}
.mcoc-modal__bar > div button {
  width: 100%;
}
.mcoc-modal__bar > div:last-child a {
  float: right;
}
.mcoc-modal__button {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-family: hanzel;
  font-size: 14px;
  font-style: italic;
  text-transform: uppercase;
  height: 58px;
  background-color: #237c15;
  background-image: radial-gradient(ellipse, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  color: #ffffff;
  border: 1px solid #abff00;
  border-radius: 4px;
  cursor: pointer;
}
.mcoc-modal__button:hover {
  background-image: radial-gradient(ellipse, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
  text-shadow: 0px 0px 15px #ffffff;
}
.mcoc-modal__button--warn {
  background-color: #9e1c00;
  border-color: #ffa800;
}
.mcoc-modal__link {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 22px;
  padding-bottom: 2px;
  font-size: 12px;
  color: #ffffff;
}
.mcoc-modal__link:hover {
  color: #ffffff;
  text-shadow: 0px 0px 15px #ffffff;
}

@-webkit-keyframes modal {
  0% {
    opacity: 0;
    scale: 0;
  }
  20% {
    opacity: 1;
  }
  50% {
    opacity: 1;
    scale: 1.03;
  }
  100% {
    opacity: 1;
    scale: 1;
  }
}
@keyframes modal {
  0% {
    opacity: 0;
    scale: 0;
  }
  20% {
    opacity: 1;
  }
  50% {
    opacity: 1;
    scale: 1.03;
  }
  100% {
    opacity: 1;
    scale: 1;
  }
}
/*
##############################
# TOOLTIP
##############################
*/
.mcoc-tooltip {
  display: block;
  position: absolute;
  z-index: 500;
  background: #fff;
  top: 0px;
  left: 0px;
}

/*
##############################
# HEAD
##############################
*/
.mcoc-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.5);
  background-image: url("../images/carbonfiber.png");
  background-repeat: repeat;
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  padding: 0px 12px;
  z-index: 500;
}

/*
##############################
# MENU
##############################
*/
.mcoc-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding-right: 12px;
  width: 35%;
  min-width: 300px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.mcoc-menu a {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  /*
      font-family: hanzel;
      font-weight: 400;
      font-size: 14px;
      font-style: italic;
      text-decoration: none;
      text-transform: uppercase;
  */
  font-weight: 600;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  text-underline-offset: 8px;
  line-height: 70px;
  color: #ffffff;
  padding: 0px 12px;
  display: block;
  width: 100%;
  cursor: pointer;
}
.mcoc-menu a:hover {
  text-shadow: 0px 0px 15px #ffffff;
  text-decoration: underline;
}
.mcoc-menu li.selected a {
  text-shadow: 0px 0px 15px #ffffff;
  text-decoration: underline;
}
@media (max-width: 1100px) {
  .mcoc-menu {
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    padding-right: 0px;
    width: 100%;
  }
  .mcoc-menu li {
    width: 25%;
    text-align: center;
  }
}

/*
##############################
# SEARCH
##############################
*/
.mcoc-search {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: none;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.mcoc-search--active {
  display: block;
}
.mcoc-search__input {
  position: relative;
  margin: auto;
  border: 1px solid #568000;
  border-radius: 4px;
}
.mcoc-search__input input {
  background: transparent;
  width: 100%;
  height: 38px;
  outline: 0;
  color: #ffffff;
  position: relative;
  padding: 0px 40px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.6px;
}
.mcoc-search__input input::-webkit-input-placeholder {
  color: #568000;
}
.mcoc-search__input input::-moz-placeholder {
  color: #568000;
}
.mcoc-search__input input:-ms-input-placeholder {
  color: #568000;
}
.mcoc-search__input input::-ms-input-placeholder {
  color: #568000;
}
.mcoc-search__input input::placeholder {
  color: #568000;
}
.mcoc-search__input:before {
  font-family: "Font Awesome 6 Free";
  content: "\f002";
  position: absolute;
  left: 0px;
  top: -1px;
  height: 16px;
  font-size: 14px;
  font-weight: 600;
  color: #abff00;
  padding: 12px;
  z-index: 1;
}
.mcoc-search__input:has(input:focus):before {
  text-shadow: 0px 0px 15px #fffc00;
}
.mcoc-search__reset {
  position: absolute;
  padding: 12px;
  right: 0px;
  top: 3px;
  background: transparent;
  color: #568000;
  cursor: pointer;
  font-size: 10px;
}
.mcoc-search__reset:hover {
  color: #abff00;
  text-shadow: 0px 0px 15px #fffc00;
}
.mcoc-search__reset--scroll {
  top: 53px;
}
.mcoc-search__reset--l {
  font-size: 14px;
  margin: 5px 10px;
}
@media (max-width: 1100px) {
  .mcoc-search {
    width: 100%;
    padding: 0px 0px 12px 0px;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-top: 12px;
  }
}

/*
##############################
# FILTERS
##############################
*/
.mcoc-filters {
  width: 35%;
  min-width: 300px;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.mcoc-filters > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-justify-content: right;
  -ms-justify-content: right;
  -webkit-box-pack: right;
          justify-content: right;
  -ms-flex-pack: right;
  gap: 12px;
}
.mcoc-filters > div ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mcoc-filters > div > button {
  display: block;
  min-width: 81px;
  font-size: 12px;
  height: 40px;
  border: 1px solid #568000;
  background: transparent;
  color: #abff00;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  position: relative;
  padding: 0px 12px 2px 12px;
  cursor: pointer;
  border-radius: 4px;
}
z .mcoc-filters > div > button:hover {
  text-shadow: 0px 0px 15px #fffc00;
}
@media (max-width: 1100px) {
  .mcoc-filters > div > button {
    min-width: calc(33.333% - 8px);
  }
}
.mcoc-filters .fa-rotate-right {
  border: 0px;
  padding: 0px;
  min-width: 40px;
  font-size: 14px;
  display: none;
}
.mcoc-filters .fa-rotate-right.active {
  display: block;
}
@media (max-width: 1100px) {
  .mcoc-filters .fa-rotate-right {
    display: none !important;
  }
}
.mcoc-filters .fa-calendar-check {
  font-weight: 400;
  width: 40px;
  min-width: 40px;
}
.mcoc-filters__filter {
  text-align: right;
}
.mcoc-filters__filter:before {
  font-family: "Font Awesome 6 Free";
  content: "\f0b0";
  position: absolute;
  left: 12px;
  font-size: 12px;
}
.mcoc-filters__picker {
  text-align: left;
}
.mcoc-filters__picker:after {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Font Awesome 6 Free";
  content: "\f107";
  position: absolute;
  right: 12px;
}
.mcoc-filters__picker--open:after {
  rotate: 180deg;
}
.mcoc-filters__toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  height: 40px;
  width: 79px;
  border: 1px solid #568000;
  border-radius: 4px;
}
.mcoc-filters__toggle li {
  border-right: 1px solid #5a5969;
  width: 50%;
}
.mcoc-filters__toggle li:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.mcoc-filters__toggle li:first-child a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.mcoc-filters__toggle li:last-child {
  border: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.mcoc-filters__toggle li:last-child a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.mcoc-filters__toggle li.selected a {
  background: #000000;
  color: #abff00;
  text-shadow: none;
}
.mcoc-filters__toggle li a {
  display: block;
  text-align: center;
  line-height: 38px;
  width: 100%;
  color: #568000;
  cursor: pointer;
  text-decoration: none;
  font-size: 14px;
}
.mcoc-filters__toggle li a:hover {
  text-shadow: 0px 0px 15px #fffc00;
  color: #abff00;
}
@media (max-width: 1100px) {
  .mcoc-filters__toggle {
    width: calc(33.333% - 8px);
  }
}
@media (max-width: 1100px) {
  .mcoc-filters {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-pack: space-between;
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.mcoc-picker {
  -webkit-box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.5);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  max-height: 0px;
  overflow: hidden;
  position: absolute;
  top: 67px;
  right: 12px;
  width: 265px;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 600;
  border: 0px solid rgba(255, 255, 255, 0.3);
}
.mcoc-picker--open {
  border-width: 1px;
  max-height: 330px;
  overflow-y: auto;
}
.mcoc-picker > div {
  padding: 24px 24px 12px 24px;
}
.mcoc-picker ul {
  list-style: none;
  padding: 12px 0px 0px 0px;
}
.mcoc-picker ul li a {
  width: 100%;
  position: relative;
  text-decoration: none;
  font-family: hanzel;
  font-style: italic;
  font-weight: 600px;
  font-size: 14px;
  text-transform: uppercase;
  text-underline-offset: 8px;
  color: #5a5969;
  padding: 12px 0px;
  display: block;
  cursor: pointer;
}
.mcoc-picker ul li a:hover {
  color: #ffffff;
  text-shadow: 0px 0px 15px #ffffff;
}
.mcoc-picker ul li.selected a, .mcoc-picker ul li.selected a:hover {
  color: #ffffff;
}
.mcoc-picker--ascending:after, .mcoc-picker--descending:after {
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  font-style: normal;
  position: absolute;
  right: 0px;
}
.mcoc-picker--descending:after {
  content: "\f175";
}
.mcoc-picker--ascending:after {
  content: "\f176";
}
@media (max-width: 1100px) {
  .mcoc-picker {
    width: calc(100% - 24px);
    top: 122px;
  }
}

/*
##############################
# FOOT
##############################
*/
.mcoc-foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0px -10px 30px rgba(0, 0, 0, 0.5);
  box-shadow: 0px -10px 30px rgba(0, 0, 0, 0.5);
  background-image: url("../images/carbonfiber.png");
  background-repeat: repeat;
  background-color: rgba(0, 0, 0, 0.7);
  left: 0px;
  bottom: 0px;
  width: 100%;
  z-index: 500;
  height: 69px;
}
.mcoc-foot > div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  padding: 10px 24px 12px 24px;
}
.mcoc-foot > div:first-child p {
  color: #5a5969;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.6px;
  line-height: 1.5;
}
.mcoc-foot > div:first-child p .mcoc-warn strong {
  color: #b2b2c4;
  font-weight: 800;
}
@media (max-width: 880px) {
  .mcoc-foot > div:first-child {
    display: none;
  }
}
.mcoc-foot ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin-left: auto;
  padding: 0px 12px;
}
.mcoc-foot ul a {
  line-height: 68px;
  font-weight: 600;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 0.8px;
  position: relative;
  padding: 0px 12px;
  cursor: pointer;
}
.mcoc-foot ul a:hover {
  color: #ffffff;
  text-shadow: 0px 0px 15px #ffffff;
}
@media (max-width: 880px) {
  .mcoc-foot ul {
    margin-right: auto;
  }
}

/*
##############################
# MINI
##############################
*/
.mcoc-mini {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0px 0px 20px rgb(0, 0, 0);
  box-shadow: 0px 0px 20px rgb(0, 0, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  position: absolute;
  bottom: -800px;
  right: 12px;
  z-index: 505;
  width: 550px;
  max-width: calc(100% - 24px);
  background-color: rgba(0, 0, 0, 0.9);
  background-image: radial-gradient(circle at 50% 0, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0) 80%);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 8px;
}
@media (max-width: 880px) {
  .mcoc-mini {
    width: 100%;
  }
}
.mcoc-mini--open {
  bottom: 12px;
}
.mcoc-mini__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.mcoc-mini__head h5 span {
  display: inline-block;
  margin-left: 10px;
  padding: 0px 10px 3px 10px;
  border-radius: 4px;
  color: #ffffff;
  background-color: #ff0067;
}
.mcoc-mini__head .fa-x {
  height: 40px;
  width: 40px;
  font-size: 16px;
  color: #5a5969;
  background-color: transparent;
  margin-left: auto;
  cursor: pointer;
  z-index: 10;
}
.mcoc-mini__head .fa-x:hover {
  color: #ffffff;
  text-shadow: 0px 0px 15px #ffffff;
}
.mcoc-mini__content {
  padding: 0px 40px 40px 40px;
}
.mcoc-mini__content p {
  font-size: 14px;
  color: #b2b2c4;
  line-height: 1.8;
}
.mcoc-mini__form {
  padding: 0px 12px 12px 12px;
}
.mcoc-mini__input {
  border: 1px solid #568000;
  border-radius: 4px;
  position: relative;
}
.mcoc-mini__input input {
  background: transparent;
  width: 100%;
  height: 38px;
  outline: 0;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.6px;
  padding: 0px 40px 0px 12px;
}
.mcoc-mini__input input::-webkit-input-placeholder {
  color: #568000;
}
.mcoc-mini__input input::-moz-placeholder {
  color: #568000;
}
.mcoc-mini__input input:-ms-input-placeholder {
  color: #568000;
}
.mcoc-mini__input input::-ms-input-placeholder {
  color: #568000;
}
.mcoc-mini__input input::placeholder {
  color: #568000;
}
.mcoc-mini__input .fa-solid {
  position: absolute;
  padding: 12px;
  right: 0px;
  top: 1px;
  background: transparent;
  color: #568000;
  cursor: pointer;
  font-size: 12px;
}
.mcoc-mini__input .fa-solid:hover {
  color: #abff00;
  text-shadow: 0px 0px 15px #fffc00;
}
.mcoc-mini__notify {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: block;
  position: absolute;
  color: #abff00;
  top: -25px;
  right: 0px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  scale: 0;
  opacity: 0;
}
.mcoc-mini__notify--active {
  scale: 1;
  opacity: 1;
}

/*
##############################
# AI
##############################
*/
.mcoc-ai .mcoc-mini__head {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  height: 83px;
  background-image: url("../images/collector.webp");
  background-size: fit;
  background-repeat: no-repeat;
  background-position: right;
  background-color: #000000;
  -webkit-box-shadow: inset 0px -10px 20px 0 rgba(0, 0, 0, 0.9);
          box-shadow: inset 0px -10px 20px 0 rgba(0, 0, 0, 0.9);
}
.mcoc-ai .mcoc-mini__head > div:first-child {
  text-shadow: 0px 0px 5px #000000;
  padding: 21px 0px 0px 21px;
}
.mcoc-ai .mcoc-mini__head > div:first-child p {
  color: #b2b2c4;
  font-size: 12px;
  letter-spacing: 0.6px;
  margin-top: 6px;
  text-shadow: 0px 0px 10px #000000;
}
.mcoc-ai__chat {
  height: 620px;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 495px) {
  .mcoc-ai__chat {
    height: 448px;
  }
}
.mcoc-ai__messages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  width: 100%;
  height: 100%;
}
.mcoc-ai__messages > div:first-child {
  margin-top: auto;
}
.mcoc-ai__message {
  padding: 0px 12px 12px 12px;
  width: 100%;
  position: relative;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 0.6px;
}
.mcoc-ai__message h {
  display: none;
}
.mcoc-ai__message p + p {
  margin-top: 12px;
}
.mcoc-ai__message ul, .mcoc-ai__message ol {
  margin: 12px 0px 14px 12px;
}
.mcoc-ai__message cmd {
  display: inline-block;
  background: #ffffff;
  font-weight: 600;
  font-size: 12px;
  color: #000000;
  border-radius: 4px;
  padding: 0px 6px 3px 6px;
  margin: 0px 2px;
  line-height: 1;
  min-width: 30px;
  text-align: center;
}
.mcoc-ai__message strong {
  font-weight: 600;
  color: #ffffff;
}
.mcoc-ai__message--user {
  margin: 0px 0px 0px auto;
  width: 80%;
}
.mcoc-ai__message--user > * {
  background: radial-gradient(circle at 30% 0, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1) 80%);
  color: #ffffff;
  position: relative;
  float: right;
  padding: 12px 18px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.mcoc-ai__message--system {
  margin: 0px auto 0px 0px;
  width: 80%;
}
.mcoc-ai__message--system > * {
  background: radial-gradient(circle at 30% 0, rgba(171, 255, 0, 0.2), rgba(171, 255, 0, 0.1) 80%);
  position: relative;
  float: left;
  padding: 12px 18px;
  color: #abff00;
  border-radius: 4px;
  border: 1px solid rgba(171, 255, 0, 0.1);
}
.mcoc-ai__message--system a {
  color: #ffffff;
  text-decoration: underline;
}
.mcoc-ai__message--system a:hover {
  color: #abff00;
}
.mcoc-ai__timestamp {
  font-size: 10px;
  white-space: nowrap;
  display: block;
  color: #b2b2c4;
  margin-top: 5px;
}
.mcoc-ai__wait {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 30px;
  gap: 3px;
}
.mcoc-ai__wait > span {
  -webkit-animation: wait 2s ease-in-out infinite;
          animation: wait 2s ease-in-out infinite;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  scale: 1;
  opacity: 0.3;
  background-color: #abff00;
}
.mcoc-ai__wait > span:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.mcoc-ai__wait > span:nth-child(2) {
  -webkit-animation-delay: 0.333s;
          animation-delay: 0.333s;
}
.mcoc-ai__wait > span:nth-child(3) {
  -webkit-animation-delay: 0.666s;
          animation-delay: 0.666s;
}
.mcoc-ai__input input {
  padding-left: 40px;
}
.mcoc-ai__input:before {
  content: "";
  position: absolute;
  left: 9px;
  top: 8px;
  height: 21px;
  width: 21px;
  z-index: 1;
  background-image: url("../images/icons/ai.svg");
  background-repeat: no-repeat;
  background-size: 21px 21px;
  background-position: center center;
}

@-webkit-keyframes wait {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.3;
  }
  33% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.3;
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.3;
  }
}
@keyframes wait {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.3;
  }
  33% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.3;
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.3;
  }
}
/*
##############################
# CANVAS
##############################
*/
.mcoc-canvas {
  padding: 70px;
}
.mcoc-canvas .mcoc-noresults {
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  letter-spacing: 0.6px;
}
@media (max-width: 1100px) {
  .mcoc-canvas {
    padding: 40px;
  }
}
@media (max-width: 660px) {
  .mcoc-canvas {
    padding: 24px;
  }
}

/*
##############################
# GROUPS
##############################
*/
.mcoc-groups {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 70px;
}
@media (max-width: 1100px) {
  .mcoc-groups {
    gap: 40px;
  }
}
@media (max-width: 660px) {
  .mcoc-groups {
    gap: 24px;
  }
}
@media (max-width: 495px) {
  .mcoc-groups {
    gap: 24px;
  }
}
.mcoc-groups > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.mcoc-groups > div > h2 {
  margin-bottom: 40px;
}
.mcoc-groups--1 > div {
  max-width: 100%;
}
.mcoc-groups--3 > div {
  max-width: 33.333%;
}
.mcoc-groups--table > div {
  width: 100%;
  max-width: 100% !important;
}
.mcoc-groups p {
  font-size: 14px;
  color: #b2b2c4;
  margin: -20px 0px 40px 0px;
  line-height: 1.6;
  padding-right: 12px;
  max-width: 640px;
  letter-spacing: 0.6px;
}

/*
##############################
# TILES
##############################
*/
.mcoc-tiles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 495px) {
  .mcoc-tiles {
    gap: 12px;
  }
}

.mcoc-tile {
  display: block;
  width: 140px;
  height: 140px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
  -webkit-box-shadow: 0px 2px 14px #000000;
          box-shadow: 0px 2px 14px #000000;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.mcoc-tile__background {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.mcoc-tile__border {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.mcoc-tile__border:before {
  position: absolute;
  content: "";
  border-radius: 8px;
  width: 100%;
  height: 100%;
  padding: 1px;
  -webkit-mask: linear-gradient(#000000 0px 0px), linear-gradient(#000000 0px 0px) content-box;
  -webkit-mask-composite: xor;
          mask: linear-gradient(#000000 0px 0px) exclude, linear-gradient(#000000 0px 0px) content-box;
}
.mcoc-tile__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: inset 0px -50px 40px 0 rgba(0, 0, 0, 0.9);
          box-shadow: inset 0px -50px 40px 0 rgba(0, 0, 0, 0.9);
  border-radius: 8px;
  z-index: 5;
}
.mcoc-tile__content > div {
  margin-top: auto;
  display: inline-block;
  padding: 12px;
  width: 100%;
  position: relative;
}
.mcoc-tile__content > div h2 {
  font-family: eurostile;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.8px;
  color: #ffffff;
  line-height: 1.3;
  text-align: center;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mcoc-tile__content > div:before {
  position: absolute;
  width: 24px;
  height: 24px;
  display: block;
  content: "";
  top: -16px;
  left: calc(50% - 12px);
  background-repeat: no-repeat;
  background-size: cover;
}
.mcoc-tile__portrait {
  -webkit-transition: 0.6s;
  transition: 0.6s;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  z-index: 1;
  -webkit-filter: drop-shadow(0px -5px 5px rgba(0, 0, 0, 0.7));
          filter: drop-shadow(0px -5px 5px rgba(0, 0, 0, 0.7));
}
.mcoc-tile:hover .mcoc-tile__portrait {
  background-size: 110%;
}
.mcoc-tile__focus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  position: absolute;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  top: 0px;
  right: 0px;
  z-index: 8;
  height: 65px;
  width: 32px;
  -webkit-box-shadow: 0px 1px 10px #000000;
          box-shadow: 0px 1px 10px #000000;
}
.mcoc-tile__focus > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  width: 100%;
  height: 100%;
  border-width: 1px;
  border-style: solid;
}
.mcoc-tile__focus > div img {
  display: block;
  width: 21px;
  margin: auto;
}
.mcoc-tile__focus > div:first-child {
  border-top-right-radius: 4px;
}
.mcoc-tile__focus > div:last-child {
  border-bottom-left-radius: 4px;
}
.mcoc-tile__focus--precision, .mcoc-tile__focus--cruelty {
  border-color: #d3b844;
  background: -webkit-gradient(linear, left top, left bottom, from(#675818), to(#d3b844));
  background: linear-gradient(#675818, #d3b844);
}
.mcoc-tile__focus--pierce {
  border-color: #ac46c9;
  background: -webkit-gradient(linear, left top, left bottom, from(#511a61), to(#ac46c9));
  background: linear-gradient(#511a61, #ac46c9);
}
.mcoc-tile__focus--physicalresist {
  border-color: #1b953f;
  background: -webkit-gradient(linear, left top, left bottom, from(#16632b), to(#1b953f));
  background: linear-gradient(#16632b, #1b953f);
}
.mcoc-tile__focus--special {
  border-color: #992e7f;
  background: -webkit-gradient(linear, left top, left bottom, from(#581649), to(#992e7f));
  background: linear-gradient(#581649, #992e7f);
}
.mcoc-tile__focus--armor {
  border-color: #1194a3;
  background: -webkit-gradient(linear, left top, left bottom, from(#07545d), to(#1194a3));
  background: linear-gradient(#07545d, #1194a3);
}
.mcoc-tile__focus--protection {
  border-color: #105e27;
  background: -webkit-gradient(linear, left top, left bottom, from(#0a441b), to(#105e27));
  background: linear-gradient(#0a441b, #105e27);
}
.mcoc-tile__focus--glance {
  border-color: #99452d;
  background: -webkit-gradient(linear, left top, left bottom, from(#582113), to(#99452d));
  background: linear-gradient(#582113, #99452d);
}
.mcoc-tile__focus--energyresist {
  border-color: #84509c;
  background: -webkit-gradient(linear, left top, left bottom, from(#442a50), to(#84509c));
  background: linear-gradient(#442a50, #84509c);
}
.mcoc-tile__focus--bulwark {
  border-color: #15af44;
  background: -webkit-gradient(linear, left top, left bottom, from(#093817), to(#15af44));
  background: linear-gradient(#093817, #15af44);
}
.mcoc-tile__focus--criticalpen {
  border-color: #2c9ec4;
  background: -webkit-gradient(linear, left top, left bottom, from(#133c4a), to(#2c9ec4));
  background: linear-gradient(#133c4a, #2c9ec4);
}
.mcoc-tile__relic {
  position: absolute;
  display: block;
  width: 70px;
  height: 70px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-image: url("../images/relic.webp");
  z-index: 15;
  top: -26px;
  left: -26px;
  padding: 17px;
}
.mcoc-tile__relic > img {
  overflow: hidden;
  border-radius: 50%;
  width: 100%;
}
.mcoc-tile__saga {
  position: absolute;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  z-index: 16;
  top: 40px;
  left: -10px;
  -webkit-filter: drop-shadow(0px 0px 5px rgb(0, 0, 0));
          filter: drop-shadow(0px 0px 5px rgb(0, 0, 0));
}
.mcoc-tile__runes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  position: absolute;
  top: 57px;
  left: 12px;
  gap: 6px;
}
.mcoc-tile__runes > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: 10;
  -webkit-filter: drop-shadow(0px 0px 5px rgb(0, 0, 0));
          filter: drop-shadow(0px 0px 5px rgb(0, 0, 0));
  cursor: help;
}
.mcoc-tile__runes > div > img {
  width: 21px;
  height: 21px;
  margin: 1px 0px 0px -1px;
}
.mcoc-tile__runes > div > span {
  display: none;
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #b2b2c4;
  width: 195px;
  left: 45px;
  top: 0px;
  line-height: 34px;
  padding: 0px 12px 2px 12px;
  font-size: 14px;
  letter-spacing: 0.6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mcoc-tile__runes > div:hover > span {
  display: block;
}
.mcoc-tile__carousel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  position: absolute;
  width: 100%;
  bottom: 12px;
  z-index: 8;
}
.mcoc-tile__carousel > a {
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin: 0px 5px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.3);
}
.mcoc-tile__carousel > a:hover, .mcoc-tile__carousel > a.selected {
  background: rgb(255, 255, 255);
}
.mcoc-tile:hover h2 {
  text-shadow: 0px 0px 10px #ffffff;
}
.mcoc-tile--relic > .mcoc-tile__portrait {
  background-repeat: no-repeat;
  background-position: center 8px;
  -webkit-filter: drop-shadow(0px -5px 5px rgba(0, 0, 0, 0.7));
          filter: drop-shadow(0px -5px 5px rgba(0, 0, 0, 0.7));
}
.mcoc-tile--mutant > .mcoc-tile__background {
  background-image: radial-gradient(circle at 50% 0, rgba(231, 174, 2, 0.3), rgba(0, 0, 0, 0) 80%);
}
.mcoc-tile--mutant > .mcoc-tile__border:before {
  background: linear-gradient(140deg, rgba(231, 174, 2, 0.7) 4%, rgba(255, 255, 255, 0) 80%);
}
.mcoc-tile--mutant > .mcoc-tile__content > div:before {
  background-image: url("../images/icons/mutant-color.svg");
}
.mcoc-tile--mutant:hover > .mcoc-tile__background {
  background-image: radial-gradient(circle at 50% 0, rgba(231, 174, 2, 0.6), rgba(0, 0, 0, 0) 80%);
}
.mcoc-tile--mutant:hover > .mcoc-tile__border:before {
  background: linear-gradient(140deg, rgba(231, 174, 2, 0.9) 4%, rgba(255, 255, 255, 0) 80%);
}
.mcoc-tile--skill > .mcoc-tile__background {
  background-image: radial-gradient(circle at 50% 0, rgba(226, 42, 42, 0.3), rgba(0, 0, 0, 0) 80%);
}
.mcoc-tile--skill > .mcoc-tile__border:before {
  background: linear-gradient(140deg, rgba(226, 42, 42, 0.7) 4%, rgba(255, 255, 255, 0) 80%);
}
.mcoc-tile--skill > .mcoc-tile__content > div:before {
  background-image: url("../images/icons/skill-color.svg");
}
.mcoc-tile--skill:hover > .mcoc-tile__background {
  background-image: radial-gradient(circle at 50% 0, rgba(226, 42, 42, 0.6), rgba(0, 0, 0, 0) 80%);
}
.mcoc-tile--skill:hover > .mcoc-tile__border:before {
  background: linear-gradient(140deg, rgba(226, 42, 42, 0.9) 4%, rgba(255, 255, 255, 0) 80%);
}
.mcoc-tile--science > .mcoc-tile__background {
  background-image: radial-gradient(circle at 50% 0, rgba(40, 147, 29, 0.3), rgba(0, 0, 0, 0) 80%);
}
.mcoc-tile--science > .mcoc-tile__border:before {
  background: linear-gradient(140deg, rgba(40, 147, 29, 0.7) 4%, rgba(255, 255, 255, 0) 80%);
}
.mcoc-tile--science > .mcoc-tile__content > div:before {
  background-image: url("../images/icons/science-color.svg");
}
.mcoc-tile--science:hover > .mcoc-tile__background {
  background-image: radial-gradient(circle at 50% 0, rgba(40, 147, 29, 0.6), rgba(0, 0, 0, 0) 80%);
}
.mcoc-tile--science:hover > .mcoc-tile__border:before {
  background: linear-gradient(140deg, rgba(40, 147, 29, 0.9) 4%, rgba(255, 255, 255, 0) 80%);
}
.mcoc-tile--mystic > .mcoc-tile__background {
  background-image: radial-gradient(circle at 50% 0, rgba(119, 32, 179, 0.3), rgba(0, 0, 0, 0) 80%);
}
.mcoc-tile--mystic > .mcoc-tile__border:before {
  background: linear-gradient(140deg, rgba(119, 32, 179, 0.7) 4%, rgba(255, 255, 255, 0) 80%);
}
.mcoc-tile--mystic > .mcoc-tile__content > div:before {
  background-image: url("../images/icons/mystic-color.svg");
}
.mcoc-tile--mystic:hover > .mcoc-tile__background {
  background-image: radial-gradient(circle at 50% 0, rgba(119, 32, 179, 0.6), rgba(0, 0, 0, 0) 80%);
}
.mcoc-tile--mystic:hover > .mcoc-tile__border:before {
  background: linear-gradient(140deg, rgba(119, 32, 179, 0.9) 4%, rgba(255, 255, 255, 0) 80%);
}
.mcoc-tile--cosmic > .mcoc-tile__background {
  background-image: radial-gradient(circle at 50% 0, rgba(40, 156, 196, 0.3), rgba(0, 0, 0, 0) 80%);
}
.mcoc-tile--cosmic > .mcoc-tile__border:before {
  background: linear-gradient(140deg, rgba(40, 156, 196, 0.7) 4%, rgba(255, 255, 255, 0) 80%);
}
.mcoc-tile--cosmic > .mcoc-tile__content > div:before {
  background-image: url("../images/icons/cosmic-color.svg");
}
.mcoc-tile--cosmic:hover > .mcoc-tile__background {
  background-image: radial-gradient(circle at 50% 0, rgba(40, 156, 196, 0.6), rgba(0, 0, 0, 0) 80%);
}
.mcoc-tile--cosmic:hover > .mcoc-tile__border:before {
  background: linear-gradient(140deg, rgba(40, 156, 196, 0.9) 4%, rgba(255, 255, 255, 0) 80%);
}
.mcoc-tile--tech > .mcoc-tile__background {
  background-image: radial-gradient(circle at 50% 0, rgba(26, 40, 207, 0.3), rgba(0, 0, 0, 0) 80%);
}
.mcoc-tile--tech > .mcoc-tile__border:before {
  background: linear-gradient(140deg, rgba(26, 40, 207, 0.7) 4%, rgba(255, 255, 255, 0) 80%);
}
.mcoc-tile--tech > .mcoc-tile__content > div:before {
  background-image: url("../images/icons/tech-color.svg");
}
.mcoc-tile--tech:hover > .mcoc-tile__background {
  background-image: radial-gradient(circle at 50% 0, rgba(26, 40, 207, 0.6), rgba(0, 0, 0, 0) 80%);
}
.mcoc-tile--tech:hover > .mcoc-tile__border:before {
  background: linear-gradient(140deg, rgba(26, 40, 207, 0.9) 4%, rgba(255, 255, 255, 0) 80%);
}
@media (max-width: 1100px) {
  .mcoc-tile {
    width: 120px;
    height: 120px;
  }
}
@media (max-width: 660px) {
  .mcoc-tile {
    width: 70px;
    height: 70px;
  }
  .mcoc-tile .mcoc-tile__relic, .mcoc-tile .mcoc-tile__focus, .mcoc-tile .mcoc-tile__content, .mcoc-tile .mcoc-tile__saga {
    display: none;
  }
}

/*
##############################
# TABLES
##############################
*/
.mcoc-table--split td:first-child {
  width: 265px;
  padding: 17px 20px 18px 20px;
}
.mcoc-table--split td:first-child h3 span {
  display: block;
  font-family: Eurostile;
  font-size: 12px;
  font-style: normal;
  color: #b2b2c4;
  letter-spacing: 0.6px;
  font-weight: 400;
  text-transform: none;
  overflow-y: auto;
  max-height: 168px;
  padding-top: 4px;
}
.mcoc-table--split td:first-child.hero {
  background-size: cover;
  background-position: center 0px;
  position: relative;
  padding: 0px;
}
.mcoc-table--split td:first-child.hero:before {
  position: absolute;
  top: 0px;
  left: 0px;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-box-shadow: inset 0px -50px 60px 0 rgba(0, 0, 0, 0.9);
          box-shadow: inset 0px -50px 60px 0 rgba(0, 0, 0, 0.9);
  z-index: 1;
}
.mcoc-table--split td:first-child.hero .mcoc-tile__relic {
  top: -8px;
  left: -5px;
  cursor: pointer;
}
.mcoc-table--split td:first-child.hero .mcoc-tile__relic:hover img {
  -webkit-filter: drop-shadow(0px -3px 3px rgba(255, 255, 255, 0.5));
          filter: drop-shadow(0px -3px 3px rgba(255, 255, 255, 0.5));
}
.mcoc-table--split td:first-child.hero .mcoc-tile__saga {
  top: 187px;
  left: 14px;
  width: 32px;
  height: 32px;
}
.mcoc-table--split td:first-child.hero .mcoc-tile__focus {
  right: 12px;
  top: 10px;
}
.mcoc-table--split td:first-child.hero .mcoc-tile__focus div {
  border-radius: 0px;
}
.mcoc-table--split td:first-child.relic {
  overflow: hidden;
  background-image: radial-gradient(circle at 50% 0, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.5) 80%);
  padding: 0px !important;
}
.mcoc-table--split td:first-child.relic img {
  display: block;
  width: 100%;
  position: absolute;
  top: 12px;
  left: 0px;
  -webkit-filter: drop-shadow(0px -5px 5px rgba(0, 0, 0, 0.7));
          filter: drop-shadow(0px -5px 5px rgba(0, 0, 0, 0.7));
}
.mcoc-table--split td:first-child.relic:before {
  position: absolute;
  top: 0px;
  left: 0px;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-box-shadow: inset 0px -50px 60px 0 rgba(0, 0, 0, 0.9);
          box-shadow: inset 0px -50px 60px 0 rgba(0, 0, 0, 0.9);
  z-index: 1;
}
@media (max-width: 1100px) {
  .mcoc-table--split td:first-child {
    width: 180px;
  }
}
.mcoc-table--split td:last-child {
  padding: 0px;
}
@media (max-width: 660px) {
  .mcoc-table--split > tbody > tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .mcoc-table--split > tbody > tr > td {
    width: 100% !important;
    border-bottom: 0px;
  }
  .mcoc-table--split > tbody > tr > td.hero, .mcoc-table--split > tbody > tr > td.relic {
    display: none;
  }
  .mcoc-table--split > tbody > tr:last-child > td:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
}

.mcoc-table--nest tr:first-child td, .mcoc-table--detail tr:first-child td {
  border-top: 0px;
}
.mcoc-table--nest tr:nth-child(even) td, .mcoc-table--detail tr:nth-child(even) td {
  background-color: rgba(255, 255, 255, 0.04);
}
.mcoc-table--nest tr:last-child td, .mcoc-table--detail tr:last-child td {
  border-bottom: 0px;
}
.mcoc-table--nest td, .mcoc-table--detail td {
  border-width: 1px 0px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.6px;
  color: #ffffff;
}

.mcoc-table--detail td {
  padding: 12px 12px 15px 12px !important;
  line-height: 1.5;
}
.mcoc-table--detail td g {
  color: #b2b2c4;
  display: block;
  padding-left: 10px;
  position: realtive;
}
.mcoc-table--detail td g:before {
  position: absolute;
  content: "•";
  left: 0px;
}
.mcoc-table--detail td g + g {
  margin-top: 10px;
}
.mcoc-table--detail td num {
  color: #e7ae02;
}
.mcoc-table--detail td em, .mcoc-table--detail td em * {
  color: #fffc00 !important;
  font-style: normal !important;
}
.mcoc-table--detail td em2, .mcoc-table--detail td em2 * {
  color: #00d217;
}
.mcoc-table--detail td em3, .mcoc-table--detail td em3 * {
  color: #e22a2a;
}
.mcoc-table--detail td em4, .mcoc-table--detail td em4 * {
  color: #fc00ff;
}
.mcoc-table--detail td t {
  color: #ffffff !important;
  /*
  border-bottom: 1px dotted  map-get($color,n1);
  color: map-get($color,n1) !important;
  cursor: help;
  position: relative;
  &:hover span {
    display: block;
  }
  span {
    display: none;
    position: absolute;
    background-color: rgba(0,0,0,.9);
    border: 1px solid rgba(255,255,255,.3);
    padding: 18px 20px 20px 54px;
    width: 300px;
    right: -10px;
    top: 25px;
    z-index: 100;
    font-style: italic;
    color: map-get($color,n1);
    &:before {
      width: 24px;
      height: 24px;
      display: block;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 24px 24px;
      position: absolute;
      top: 18px;
      left: 20px;
      content: " ";
    }
  }
  */
}
.mcoc-table--detail td:first-child {
  width: 25%;
  color: #abff00 !important;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.6px;
}
.mcoc-table--detail td:first-child em, .mcoc-table--detail td:first-child em * {
  font-style: normal !important;
  color: #289cc4 !important;
}

.mcoc-table--nest td {
  padding: 8px 12px !important;
  white-space: nowrap;
  height: 60px;
  vertical-align: middle;
}
.mcoc-table--nest td.td-icon {
  padding-left: 50px !important;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: 12px center;
}
.mcoc-table--nest td.td-icon--pi {
  background-image: url("../images/icons/trophy.svg");
}
.mcoc-table--nest td.td-icon--attack {
  background-image: url("../images/icons/attackstat.svg");
}
.mcoc-table--nest td.td-icon--health {
  background-image: url("../images/icons/health.svg");
}
.mcoc-table--nest td.td-icon--date {
  background-image: url("../images/icons/clock.svg");
}
.mcoc-table--nest td.td-icon--roles {
  background-image: url("../images/icons/roles.svg");
}
.mcoc-table--nest td.td-icon--role {
  background-image: url("../images/icons/role.svg");
}
.mcoc-table--nest td:first-child {
  width: 100%;
}
.mcoc-table--nest td:first-child span.note {
  color: #b2b2c4;
  font-size: 12px;
  font-weight: 400;
  margin-left: 5px;
}
@media (max-width: 495px) {
  .mcoc-table--nest td:first-child span.note {
    display: none;
  }
}
.mcoc-table--nest td:nth-child(2) img {
  display: block;
  margin-left: auto;
  width: 24px;
}
.mcoc-table--nest td:last-child {
  text-align: center;
  min-width: 60px;
}
.mcoc-table--nest td:last-child img {
  display: block;
  margin: auto;
  width: 26px;
}
.mcoc-table--nest td:last-child.relic {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50px 50px;
  background-image: url("../images/relic-flat.webp");
}
.mcoc-table--nest td:last-child.relic > img {
  overflow: hidden;
  border-radius: 50%;
  width: 100%;
}
@media (max-width: 1100px) {
  .mcoc-table--nest td {
    height: 58px;
  }
}

.mcoc-role {
  display: block;
  width: 28px;
  height: 28px;
  margin: auto;
  border-radius: 50%;
  position: relative;
}
.mcoc-role:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 66.666%;
  background-position: center center;
  content: " ";
}
.mcoc-role--assault {
  -webkit-filter: drop-shadow(0px 0px 5px rgb(0, 0, 0));
          filter: drop-shadow(0px 0px 5px rgb(0, 0, 0));
  background: linear-gradient(150deg, #4e8cdf, #3365a5 80%);
}
.mcoc-role--assault:before {
  background-image: url("../images/icons/assault.svg");
}
.mcoc-role--tactician {
  -webkit-filter: drop-shadow(0px 0px 5px rgb(0, 0, 0));
          filter: drop-shadow(0px 0px 5px rgb(0, 0, 0));
  background: linear-gradient(150deg, #ab5abe, #7b3494 80%);
}
.mcoc-role--tactician:before {
  background-image: url("../images/icons/tactician.svg");
}
.mcoc-role--vanguard {
  -webkit-filter: drop-shadow(0px 0px 5px rgb(0, 0, 0));
          filter: drop-shadow(0px 0px 5px rgb(0, 0, 0));
  background: linear-gradient(150deg, #dfd053, #9c891e 80%);
}
.mcoc-role--vanguard:before {
  background-image: url("../images/icons/vanguard.svg");
}

.mcoc-table--videos tr {
  cursor: pointer;
}
.mcoc-table--videos tr:hover td {
  text-shadow: 0px 0px 15px #ffffff;
}
.mcoc-table--videos tr:hover td > div:before {
  display: none;
}
.mcoc-table--videos td {
  text-wrap: wrap;
}
.mcoc-table--videos td:first-child {
  width: 0%;
  vertical-align: top;
  padding-right: 0px !important;
}
.mcoc-table--videos td:first-child > div {
  width: 105px;
  height: 60px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 4px;
}
.mcoc-table--videos td:first-child > div:before {
  position: absolute;
  top: 0px;
  left: 0px;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-box-shadow: inset 0px -20px 40px 0 rgba(0, 0, 0, 0.9);
          box-shadow: inset 0px -20px 40px 0 rgba(0, 0, 0, 0.9);
  border-radius: 4px;
  z-index: 1;
}
.mcoc-table--videos td:nth-child(2) {
  width: 100%;
}
.mcoc-table--videos td:nth-child(2) span {
  display: block;
  font-size: 12px;
  color: #b2b2c4;
  margin-top: 4px;
}

.mcoc-instruct {
  background-image: radial-gradient(circle at 40% 0, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 60%);
  padding: 20px 24px 40px 24px;
  width: 75%;
  float: left;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.6px;
  line-height: 1.5;
  color: #b2b2c4;
}
@media (max-width: 1100px) {
  .mcoc-instruct {
    width: 100%;
  }
}
.mcoc-instruct ol {
  list-style: none;
  counter-reset: item;
}
.mcoc-instruct ol li {
  counter-increment: item;
  padding-left: 30px;
  position: relative;
}
.mcoc-instruct ol li:before {
  content: counter(item);
  position: absolute;
  left: 0px;
  top: 3px;
  border-radius: 50%;
  display: block;
  width: 15px;
  height: 15px;
  line-height: 14px;
  font-size: 10px;
  text-align: center;
  font-weight: 600;
  background-color: #000000;
  border: 2px solid #ffffff;
  color: #ffffff;
}
.mcoc-instruct h + ol {
  margin-top: 20px;
}
.mcoc-instruct li + li {
  margin-top: 12px;
}
.mcoc-instruct g {
  display: block;
}
.mcoc-instruct g + g {
  margin-top: 10px;
}
.mcoc-instruct h + g {
  margin-top: 12px;
}
.mcoc-instruct cmd {
  display: inline-block;
  background: #ffffff;
  font-weight: 600;
  font-size: 12px;
  color: #000000;
  border-radius: 4px;
  padding: 0px 6px 3px 6px;
  margin: 0px 2px;
  line-height: 1;
  min-width: 30px;
  text-align: center;
}
.mcoc-instruct cmd num {
  color: #000000;
}
.mcoc-instruct num {
  color: #e7ae02;
}
.mcoc-instruct strong {
  font-weight: 500;
  color: #ffffff;
}
.mcoc-instruct em {
  font-style: normal;
  color: #fffc00;
}
.mcoc-instruct h strong {
  color: #abff00;
  font-weight: 600;
}

.mcoc-projectile {
  display: none !important;
  padding-left: 20px;
  margin-top: 3px;
}
.mcoc-projectile:before {
  position: absolute;
  margin-left: -20px;
  margin-top: 5px;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background: #e22a2a;
  border: 1px solid #ff8d07;
}
.mcoc-projectile--visible {
  display: block !important;
}

.mcoc-table--hits tr:first-child td {
  border-top: 0px !important;
  background-color: rgba(255, 255, 255, 0.1);
}
.mcoc-table--hits tr:last-child td {
  border-bottom: 0px !important;
  background-color: transparent;
}
.mcoc-table--hits td {
  vertical-align: top;
  padding: 20px 12px 20px 12px !important;
  width: 14.285%;
  text-align: center;
  padding: 8px 0px !important;
}
.mcoc-table--hits td:first-child {
  border-left: 0px;
}
.mcoc-table--hits td:last-child {
  border-right: 0px;
}
.mcoc-table--hits td > img {
  display: block;
  width: 24px;
  height: 24px;
  margin: auto;
}
.mcoc-table--hits td > div {
  height: 36px;
  width: 36px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.3);
  margin: 8px auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 26px 26px;
}
.mcoc-table--hits td > div.physical {
  background-image: url("../images/icons/physical.svg");
}
.mcoc-table--hits td > div.energy {
  background-image: url("../images/icons/energy.svg");
  background-color: #e7ae02;
  border-color: #ffefbd;
}
.mcoc-table--hits td > div.projectile {
  background-color: #e22a2a;
  border-color: #ff8d07;
}

.mcoc-table--canvas.champions th:first-child {
  width: 70px;
}
.mcoc-table--canvas.champions th:nth-child(2) {
  width: calc(30% - 70px);
}
.mcoc-table--canvas.champions th:nth-child(3) {
  width: 15%;
}
.mcoc-table--canvas.champions th:nth-child(4) {
  width: 15%;
}
.mcoc-table--canvas.champions th:nth-child(5) {
  width: 10%;
}
.mcoc-table--canvas.champions th:nth-child(6) {
  width: 10%;
}
.mcoc-table--canvas.champions th:nth-child(7) {
  width: 10%;
}
.mcoc-table--canvas.champions th:nth-child(8) {
  width: 10%;
}
.mcoc-table--canvas.relics th:first-child div {
  width: 46px;
}
.mcoc-table--canvas.relics th:nth-child(2) {
  width: calc(45% - 70px);
}
.mcoc-table--canvas.relics th:nth-child(3) {
  width: 15%;
}
.mcoc-table--canvas.relics th:nth-child(4) {
  width: 15%;
}
.mcoc-table--canvas.relics th:nth-child(5) {
  width: 15%;
}
.mcoc-table--canvas tr:hover td {
  text-shadow: 0px 0px 15px #ffffff;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.15);
}
.mcoc-table--canvas td {
  color: #ffffff;
  padding: 12px;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.6px;
}
.mcoc-table--canvas td .rank {
  float: right;
}
.mcoc-table--canvas td .saga {
  width: 34px;
  height: 34px;
  -webkit-filter: drop-shadow(0px 0px 5px rgb(0, 0, 0));
          filter: drop-shadow(0px 0px 5px rgb(0, 0, 0));
  margin: auto;
  display: block;
}
.mcoc-table--canvas td .relic {
  position: absolute;
  display: block;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-image: url("../images/relic.webp");
  padding: 14px;
  top: 5px;
  left: 5px;
}
.mcoc-table--canvas td .relic > img {
  overflow: hidden;
  border-radius: 50%;
  width: 100%;
}
.mcoc-table--canvas td > img {
  width: 26px;
}
.mcoc-table--canvas td:first-child {
  overflow: hidden;
  background-image: radial-gradient(circle at 50% 0, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.5) 80%);
  padding: 0px;
  vertical-align: bottom;
  width: 70px;
}
.mcoc-table--canvas td:first-child img {
  display: block;
  width: 70px;
  position: relative;
  -webkit-filter: drop-shadow(0px -3px 3px rgba(0, 0, 0, 0.3));
          filter: drop-shadow(0px -3px 3px rgba(0, 0, 0, 0.3));
}
.mcoc-table--canvas td:first-child.relic {
  height: 70px;
}
.mcoc-table--canvas td:first-child.relic img {
  position: absolute;
  top: 8px;
  -webkit-filter: drop-shadow(0px -5px 5px rgba(0, 0, 0, 0.7));
          filter: drop-shadow(0px -5px 5px rgba(0, 0, 0, 0.7));
}
.mcoc-table--canvas td:nth-child(2) {
  font-family: hanzel;
  font-weight: 600;
  font-style: italic;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1090px) {
  .mcoc-table--canvas td:nth-child(2) {
    max-width: 1px;
  }
}

.mcoc-table__double {
  text-align: right;
  white-space: nowrap;
  min-width: 150px;
}
.mcoc-table__double span.rank {
  float: left;
  text-align: left;
}

#h2-champion-name, #h2-relic-name {
  margin-left: -4px;
  padding-left: 58px;
  background-repeat: no-repeat;
  background-size: 42px 42px;
  background-position: center left;
}
#h2-champion-name.cosmic, #h2-relic-name.cosmic {
  background-image: url("../images/icons/cosmic-color.svg");
}
#h2-champion-name.tech, #h2-relic-name.tech {
  background-image: url("../images/icons/tech-color.svg");
}
#h2-champion-name.mutant, #h2-relic-name.mutant {
  background-image: url("../images/icons/mutant-color.svg");
}
#h2-champion-name.skill, #h2-relic-name.skill {
  background-image: url("../images/icons/skill-color.svg");
}
#h2-champion-name.science, #h2-relic-name.science {
  background-image: url("../images/icons/science-color.svg");
}
#h2-champion-name.mystic, #h2-relic-name.mystic {
  background-image: url("../images/icons/mystic-color.svg");
}

/*
##############################
# FILTERS
##############################
*/
.mcoc-filter__scroll {
  position: relative;
  overflow-y: auto;
  height: 245px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), color-stop(50%, rgba(0, 0, 0, 0)));
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 50%);
}
.mcoc-filter__reset {
  position: absolute;
  padding: 12px;
  right: 12px;
  top: 0px;
  background: transparent;
  color: #5a5969;
  cursor: pointer;
  font-size: 10px;
}
@-moz-document url-prefix() {
  .mcoc-filter__reset {
    right: 0px;
  }
}
.mcoc-filter__reset:hover {
  color: #ffffff;
  text-shadow: 0px 0px 15px #ffffff;
}
.mcoc-filter__reset--scroll {
  top: 42px;
}
.mcoc-filter__reset--l {
  font-size: 16px;
}
.mcoc-filter__filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  gap: 12px;
  margin: 12px 26px 12px 12px;
}
.mcoc-filter__filters li {
  display: block;
  width: calc(33.333% - 12px);
  height: 40px;
  border-radius: 4px;
}
.mcoc-filter__filters li > p {
  color: #ffffff;
  line-height: 38px;
  font-size: 14px;
  font-weight: 600;
}
.mcoc-filter__filters li a {
  cursor: pointer;
}
.mcoc-filter__filters li a, .mcoc-filter__filters li > div {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: block;
  width: 100%;
  line-height: 34px;
  height: 38px;
  text-decoration: none;
  background-image: radial-gradient(circle at 50% 0, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0) 60%);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  color: #5a5969;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.6px;
  position: relative;
  padding: 0px 12px 0px 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0px 0px 5px #000000;
}
.mcoc-filter__filters li a:before, .mcoc-filter__filters li > div:before {
  position: absolute;
  display: block;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  width: 24px;
  height: 24px;
  left: 10px;
  top: 6px;
  content: "";
  opacity: 0.25;
}
.mcoc-filter__filters li a:hover {
  background-image: radial-gradient(circle at 50% 0, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0) 60%);
  color: #ffffff;
  text-shadow: 0px 0px 15px #ffffff;
}
.mcoc-filter__filters li a:hover:before {
  opacity: 1;
}
.mcoc-filter__filters li.selected a {
  text-shadow: none;
  color: #ffffff;
  border-color: #b2b2c4;
  background-color: #5a5969;
  background-image: radial-gradient(circle at 50% 0, rgba(255, 255, 255, 0.36), rgba(255, 255, 255, 0) 60%), radial-gradient(circle at 0% 0, rgba(0, 0, 0, 0.36), rgba(0, 0, 0, 0) 60%);
}
.mcoc-filter__filters li.selected a:before {
  opacity: 1;
}
.mcoc-filter__filters li.selected a.mcoc-filter--not {
  background-color: #9e1c00;
  border-color: #ffa800;
}
.mcoc-filter__filters li.selected a:hover {
  text-shadow: 0px 0px 10px #ffffff;
}
.mcoc-filter__filters li > div {
  background-color: rgba(255, 255, 255, 0.04);
  background-image: radial-gradient(circle at 50% 0, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0) 60%);
  color: #ffffff;
}
@media (max-width: 660px) {
  .mcoc-filter__filters li {
    width: calc(50% - 12px);
  }
}
.mcoc-filter__filters--readonly, .mcoc-filter__filters--readonly-1, .mcoc-filter__filters--readonly-2, .mcoc-filter__filters--readonly-3, .mcoc-filter__filters--readonly-4, .mcoc-filter__filters--readonly-5, .mcoc-filter__filters--readonly-6, .mcoc-filter__filters--readonly-7, .mcoc-filter__filters--readonly-8, .mcoc-filter__filters--readonly-9, .mcoc-filter__filters--readonly-10, .mcoc-filter__filters--readonly-11, .mcoc-filter__filters--readonly-12, .mcoc-filter__filters--readonly-13, .mcoc-filter__filters--readonly-14, .mcoc-filter__filters--readonly-15, .mcoc-filter__filters--readonly-16, .mcoc-filter__filters--readonly-17, .mcoc-filter__filters--readonly-18, .mcoc-filter__filters--readonly-19, .mcoc-filter__filters--readonly-20, .mcoc-filter__filters--readonly-21, .mcoc-filter__filters--readonly-22, .mcoc-filter__filters--readonly-23, .mcoc-filter__filters--readonly-24 {
  margin: 0px;
  gap: 0px;
}
.mcoc-filter__filters--readonly li, .mcoc-filter__filters--readonly-1 li, .mcoc-filter__filters--readonly-2 li, .mcoc-filter__filters--readonly-3 li, .mcoc-filter__filters--readonly-4 li, .mcoc-filter__filters--readonly-5 li, .mcoc-filter__filters--readonly-6 li, .mcoc-filter__filters--readonly-7 li, .mcoc-filter__filters--readonly-8 li, .mcoc-filter__filters--readonly-9 li, .mcoc-filter__filters--readonly-10 li, .mcoc-filter__filters--readonly-11 li, .mcoc-filter__filters--readonly-12 li, .mcoc-filter__filters--readonly-13 li, .mcoc-filter__filters--readonly-14 li, .mcoc-filter__filters--readonly-15 li, .mcoc-filter__filters--readonly-16 li, .mcoc-filter__filters--readonly-17 li, .mcoc-filter__filters--readonly-18 li, .mcoc-filter__filters--readonly-19 li, .mcoc-filter__filters--readonly-20 li, .mcoc-filter__filters--readonly-21 li, .mcoc-filter__filters--readonly-22 li, .mcoc-filter__filters--readonly-23 li, .mcoc-filter__filters--readonly-24 li {
  height: 114px;
  width: 25%;
  position: relative;
}
.mcoc-filter__filters--readonly li > div, .mcoc-filter__filters--readonly li > a, .mcoc-filter__filters--readonly-1 li > div, .mcoc-filter__filters--readonly-1 li > a, .mcoc-filter__filters--readonly-2 li > div, .mcoc-filter__filters--readonly-2 li > a, .mcoc-filter__filters--readonly-3 li > div, .mcoc-filter__filters--readonly-3 li > a, .mcoc-filter__filters--readonly-4 li > div, .mcoc-filter__filters--readonly-4 li > a, .mcoc-filter__filters--readonly-5 li > div, .mcoc-filter__filters--readonly-5 li > a, .mcoc-filter__filters--readonly-6 li > div, .mcoc-filter__filters--readonly-6 li > a, .mcoc-filter__filters--readonly-7 li > div, .mcoc-filter__filters--readonly-7 li > a, .mcoc-filter__filters--readonly-8 li > div, .mcoc-filter__filters--readonly-8 li > a, .mcoc-filter__filters--readonly-9 li > div, .mcoc-filter__filters--readonly-9 li > a, .mcoc-filter__filters--readonly-10 li > div, .mcoc-filter__filters--readonly-10 li > a, .mcoc-filter__filters--readonly-11 li > div, .mcoc-filter__filters--readonly-11 li > a, .mcoc-filter__filters--readonly-12 li > div, .mcoc-filter__filters--readonly-12 li > a, .mcoc-filter__filters--readonly-13 li > div, .mcoc-filter__filters--readonly-13 li > a, .mcoc-filter__filters--readonly-14 li > div, .mcoc-filter__filters--readonly-14 li > a, .mcoc-filter__filters--readonly-15 li > div, .mcoc-filter__filters--readonly-15 li > a, .mcoc-filter__filters--readonly-16 li > div, .mcoc-filter__filters--readonly-16 li > a, .mcoc-filter__filters--readonly-17 li > div, .mcoc-filter__filters--readonly-17 li > a, .mcoc-filter__filters--readonly-18 li > div, .mcoc-filter__filters--readonly-18 li > a, .mcoc-filter__filters--readonly-19 li > div, .mcoc-filter__filters--readonly-19 li > a, .mcoc-filter__filters--readonly-20 li > div, .mcoc-filter__filters--readonly-20 li > a, .mcoc-filter__filters--readonly-21 li > div, .mcoc-filter__filters--readonly-21 li > a, .mcoc-filter__filters--readonly-22 li > div, .mcoc-filter__filters--readonly-22 li > a, .mcoc-filter__filters--readonly-23 li > div, .mcoc-filter__filters--readonly-23 li > a, .mcoc-filter__filters--readonly-24 li > div, .mcoc-filter__filters--readonly-24 li > a {
  height: 114px;
  text-align: center;
  color: #ffffff;
  padding: 60px 12px 0px 12px !important;
  border-width: 0px 1px 1px 0px;
  border-radius: 0px;
  border-color: rgba(255, 255, 255, 0.3);
  background-color: transparent;
  background-image: radial-gradient(circle at 50% 0, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 70%);
}
.mcoc-filter__filters--readonly li > div:before, .mcoc-filter__filters--readonly li > a:before, .mcoc-filter__filters--readonly-1 li > div:before, .mcoc-filter__filters--readonly-1 li > a:before, .mcoc-filter__filters--readonly-2 li > div:before, .mcoc-filter__filters--readonly-2 li > a:before, .mcoc-filter__filters--readonly-3 li > div:before, .mcoc-filter__filters--readonly-3 li > a:before, .mcoc-filter__filters--readonly-4 li > div:before, .mcoc-filter__filters--readonly-4 li > a:before, .mcoc-filter__filters--readonly-5 li > div:before, .mcoc-filter__filters--readonly-5 li > a:before, .mcoc-filter__filters--readonly-6 li > div:before, .mcoc-filter__filters--readonly-6 li > a:before, .mcoc-filter__filters--readonly-7 li > div:before, .mcoc-filter__filters--readonly-7 li > a:before, .mcoc-filter__filters--readonly-8 li > div:before, .mcoc-filter__filters--readonly-8 li > a:before, .mcoc-filter__filters--readonly-9 li > div:before, .mcoc-filter__filters--readonly-9 li > a:before, .mcoc-filter__filters--readonly-10 li > div:before, .mcoc-filter__filters--readonly-10 li > a:before, .mcoc-filter__filters--readonly-11 li > div:before, .mcoc-filter__filters--readonly-11 li > a:before, .mcoc-filter__filters--readonly-12 li > div:before, .mcoc-filter__filters--readonly-12 li > a:before, .mcoc-filter__filters--readonly-13 li > div:before, .mcoc-filter__filters--readonly-13 li > a:before, .mcoc-filter__filters--readonly-14 li > div:before, .mcoc-filter__filters--readonly-14 li > a:before, .mcoc-filter__filters--readonly-15 li > div:before, .mcoc-filter__filters--readonly-15 li > a:before, .mcoc-filter__filters--readonly-16 li > div:before, .mcoc-filter__filters--readonly-16 li > a:before, .mcoc-filter__filters--readonly-17 li > div:before, .mcoc-filter__filters--readonly-17 li > a:before, .mcoc-filter__filters--readonly-18 li > div:before, .mcoc-filter__filters--readonly-18 li > a:before, .mcoc-filter__filters--readonly-19 li > div:before, .mcoc-filter__filters--readonly-19 li > a:before, .mcoc-filter__filters--readonly-20 li > div:before, .mcoc-filter__filters--readonly-20 li > a:before, .mcoc-filter__filters--readonly-21 li > div:before, .mcoc-filter__filters--readonly-21 li > a:before, .mcoc-filter__filters--readonly-22 li > div:before, .mcoc-filter__filters--readonly-22 li > a:before, .mcoc-filter__filters--readonly-23 li > div:before, .mcoc-filter__filters--readonly-23 li > a:before, .mcoc-filter__filters--readonly-24 li > div:before, .mcoc-filter__filters--readonly-24 li > a:before {
  width: 40px;
  height: 60px;
  background-size: 40px 40px;
  left: calc(50% - 20px);
  top: 10px;
  opacity: 1;
  -webkit-filter: none;
          filter: none;
}
.mcoc-filter__filters--readonly li.tooltip, .mcoc-filter__filters--readonly-1 li.tooltip, .mcoc-filter__filters--readonly-2 li.tooltip, .mcoc-filter__filters--readonly-3 li.tooltip, .mcoc-filter__filters--readonly-4 li.tooltip, .mcoc-filter__filters--readonly-5 li.tooltip, .mcoc-filter__filters--readonly-6 li.tooltip, .mcoc-filter__filters--readonly-7 li.tooltip, .mcoc-filter__filters--readonly-8 li.tooltip, .mcoc-filter__filters--readonly-9 li.tooltip, .mcoc-filter__filters--readonly-10 li.tooltip, .mcoc-filter__filters--readonly-11 li.tooltip, .mcoc-filter__filters--readonly-12 li.tooltip, .mcoc-filter__filters--readonly-13 li.tooltip, .mcoc-filter__filters--readonly-14 li.tooltip, .mcoc-filter__filters--readonly-15 li.tooltip, .mcoc-filter__filters--readonly-16 li.tooltip, .mcoc-filter__filters--readonly-17 li.tooltip, .mcoc-filter__filters--readonly-18 li.tooltip, .mcoc-filter__filters--readonly-19 li.tooltip, .mcoc-filter__filters--readonly-20 li.tooltip, .mcoc-filter__filters--readonly-21 li.tooltip, .mcoc-filter__filters--readonly-22 li.tooltip, .mcoc-filter__filters--readonly-23 li.tooltip, .mcoc-filter__filters--readonly-24 li.tooltip {
  cursor: help;
}
.mcoc-filter__filters--readonly li.tooltip span, .mcoc-filter__filters--readonly-1 li.tooltip span, .mcoc-filter__filters--readonly-2 li.tooltip span, .mcoc-filter__filters--readonly-3 li.tooltip span, .mcoc-filter__filters--readonly-4 li.tooltip span, .mcoc-filter__filters--readonly-5 li.tooltip span, .mcoc-filter__filters--readonly-6 li.tooltip span, .mcoc-filter__filters--readonly-7 li.tooltip span, .mcoc-filter__filters--readonly-8 li.tooltip span, .mcoc-filter__filters--readonly-9 li.tooltip span, .mcoc-filter__filters--readonly-10 li.tooltip span, .mcoc-filter__filters--readonly-11 li.tooltip span, .mcoc-filter__filters--readonly-12 li.tooltip span, .mcoc-filter__filters--readonly-13 li.tooltip span, .mcoc-filter__filters--readonly-14 li.tooltip span, .mcoc-filter__filters--readonly-15 li.tooltip span, .mcoc-filter__filters--readonly-16 li.tooltip span, .mcoc-filter__filters--readonly-17 li.tooltip span, .mcoc-filter__filters--readonly-18 li.tooltip span, .mcoc-filter__filters--readonly-19 li.tooltip span, .mcoc-filter__filters--readonly-20 li.tooltip span, .mcoc-filter__filters--readonly-21 li.tooltip span, .mcoc-filter__filters--readonly-22 li.tooltip span, .mcoc-filter__filters--readonly-23 li.tooltip span, .mcoc-filter__filters--readonly-24 li.tooltip span {
  -webkit-box-shadow: 0px 5px 15px rgb(0, 0, 0);
  box-shadow: 0px 5px 15px rgb(0, 0, 0);
  position: absolute;
  display: none;
  top: 114px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.3);
  width: calc(200% + 1px);
  padding: 18px 36px 24px 24px;
  z-index: 400;
  text-align: left;
  white-space: wrap;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.6px;
  line-height: 1.5;
  color: #b2b2c4;
  margin-left: -1px;
  min-height: 94px;
  max-height: 470px;
  overflow-y: auto;
}
.mcoc-filter__filters--readonly li.tooltip span strong, .mcoc-filter__filters--readonly-1 li.tooltip span strong, .mcoc-filter__filters--readonly-2 li.tooltip span strong, .mcoc-filter__filters--readonly-3 li.tooltip span strong, .mcoc-filter__filters--readonly-4 li.tooltip span strong, .mcoc-filter__filters--readonly-5 li.tooltip span strong, .mcoc-filter__filters--readonly-6 li.tooltip span strong, .mcoc-filter__filters--readonly-7 li.tooltip span strong, .mcoc-filter__filters--readonly-8 li.tooltip span strong, .mcoc-filter__filters--readonly-9 li.tooltip span strong, .mcoc-filter__filters--readonly-10 li.tooltip span strong, .mcoc-filter__filters--readonly-11 li.tooltip span strong, .mcoc-filter__filters--readonly-12 li.tooltip span strong, .mcoc-filter__filters--readonly-13 li.tooltip span strong, .mcoc-filter__filters--readonly-14 li.tooltip span strong, .mcoc-filter__filters--readonly-15 li.tooltip span strong, .mcoc-filter__filters--readonly-16 li.tooltip span strong, .mcoc-filter__filters--readonly-17 li.tooltip span strong, .mcoc-filter__filters--readonly-18 li.tooltip span strong, .mcoc-filter__filters--readonly-19 li.tooltip span strong, .mcoc-filter__filters--readonly-20 li.tooltip span strong, .mcoc-filter__filters--readonly-21 li.tooltip span strong, .mcoc-filter__filters--readonly-22 li.tooltip span strong, .mcoc-filter__filters--readonly-23 li.tooltip span strong, .mcoc-filter__filters--readonly-24 li.tooltip span strong {
  color: #ffffff;
  font-weight: 500;
}
.mcoc-filter__filters--readonly li.tooltip span h, .mcoc-filter__filters--readonly-1 li.tooltip span h, .mcoc-filter__filters--readonly-2 li.tooltip span h, .mcoc-filter__filters--readonly-3 li.tooltip span h, .mcoc-filter__filters--readonly-4 li.tooltip span h, .mcoc-filter__filters--readonly-5 li.tooltip span h, .mcoc-filter__filters--readonly-6 li.tooltip span h, .mcoc-filter__filters--readonly-7 li.tooltip span h, .mcoc-filter__filters--readonly-8 li.tooltip span h, .mcoc-filter__filters--readonly-9 li.tooltip span h, .mcoc-filter__filters--readonly-10 li.tooltip span h, .mcoc-filter__filters--readonly-11 li.tooltip span h, .mcoc-filter__filters--readonly-12 li.tooltip span h, .mcoc-filter__filters--readonly-13 li.tooltip span h, .mcoc-filter__filters--readonly-14 li.tooltip span h, .mcoc-filter__filters--readonly-15 li.tooltip span h, .mcoc-filter__filters--readonly-16 li.tooltip span h, .mcoc-filter__filters--readonly-17 li.tooltip span h, .mcoc-filter__filters--readonly-18 li.tooltip span h, .mcoc-filter__filters--readonly-19 li.tooltip span h, .mcoc-filter__filters--readonly-20 li.tooltip span h, .mcoc-filter__filters--readonly-21 li.tooltip span h, .mcoc-filter__filters--readonly-22 li.tooltip span h, .mcoc-filter__filters--readonly-23 li.tooltip span h, .mcoc-filter__filters--readonly-24 li.tooltip span h {
  margin: 24px 0px 6px 0px;
  display: block;
}
.mcoc-filter__filters--readonly li.tooltip span h:first-child, .mcoc-filter__filters--readonly-1 li.tooltip span h:first-child, .mcoc-filter__filters--readonly-2 li.tooltip span h:first-child, .mcoc-filter__filters--readonly-3 li.tooltip span h:first-child, .mcoc-filter__filters--readonly-4 li.tooltip span h:first-child, .mcoc-filter__filters--readonly-5 li.tooltip span h:first-child, .mcoc-filter__filters--readonly-6 li.tooltip span h:first-child, .mcoc-filter__filters--readonly-7 li.tooltip span h:first-child, .mcoc-filter__filters--readonly-8 li.tooltip span h:first-child, .mcoc-filter__filters--readonly-9 li.tooltip span h:first-child, .mcoc-filter__filters--readonly-10 li.tooltip span h:first-child, .mcoc-filter__filters--readonly-11 li.tooltip span h:first-child, .mcoc-filter__filters--readonly-12 li.tooltip span h:first-child, .mcoc-filter__filters--readonly-13 li.tooltip span h:first-child, .mcoc-filter__filters--readonly-14 li.tooltip span h:first-child, .mcoc-filter__filters--readonly-15 li.tooltip span h:first-child, .mcoc-filter__filters--readonly-16 li.tooltip span h:first-child, .mcoc-filter__filters--readonly-17 li.tooltip span h:first-child, .mcoc-filter__filters--readonly-18 li.tooltip span h:first-child, .mcoc-filter__filters--readonly-19 li.tooltip span h:first-child, .mcoc-filter__filters--readonly-20 li.tooltip span h:first-child, .mcoc-filter__filters--readonly-21 li.tooltip span h:first-child, .mcoc-filter__filters--readonly-22 li.tooltip span h:first-child, .mcoc-filter__filters--readonly-23 li.tooltip span h:first-child, .mcoc-filter__filters--readonly-24 li.tooltip span h:first-child {
  margin-top: 0px;
}
.mcoc-filter__filters--readonly li.tooltip span h strong, .mcoc-filter__filters--readonly-1 li.tooltip span h strong, .mcoc-filter__filters--readonly-2 li.tooltip span h strong, .mcoc-filter__filters--readonly-3 li.tooltip span h strong, .mcoc-filter__filters--readonly-4 li.tooltip span h strong, .mcoc-filter__filters--readonly-5 li.tooltip span h strong, .mcoc-filter__filters--readonly-6 li.tooltip span h strong, .mcoc-filter__filters--readonly-7 li.tooltip span h strong, .mcoc-filter__filters--readonly-8 li.tooltip span h strong, .mcoc-filter__filters--readonly-9 li.tooltip span h strong, .mcoc-filter__filters--readonly-10 li.tooltip span h strong, .mcoc-filter__filters--readonly-11 li.tooltip span h strong, .mcoc-filter__filters--readonly-12 li.tooltip span h strong, .mcoc-filter__filters--readonly-13 li.tooltip span h strong, .mcoc-filter__filters--readonly-14 li.tooltip span h strong, .mcoc-filter__filters--readonly-15 li.tooltip span h strong, .mcoc-filter__filters--readonly-16 li.tooltip span h strong, .mcoc-filter__filters--readonly-17 li.tooltip span h strong, .mcoc-filter__filters--readonly-18 li.tooltip span h strong, .mcoc-filter__filters--readonly-19 li.tooltip span h strong, .mcoc-filter__filters--readonly-20 li.tooltip span h strong, .mcoc-filter__filters--readonly-21 li.tooltip span h strong, .mcoc-filter__filters--readonly-22 li.tooltip span h strong, .mcoc-filter__filters--readonly-23 li.tooltip span h strong, .mcoc-filter__filters--readonly-24 li.tooltip span h strong {
  color: #abff00 !important;
  font-weight: 600;
}
.mcoc-filter__filters--readonly li.tooltip span h em, .mcoc-filter__filters--readonly li.tooltip span h em *, .mcoc-filter__filters--readonly li.tooltip span h em num, .mcoc-filter__filters--readonly-1 li.tooltip span h em, .mcoc-filter__filters--readonly-1 li.tooltip span h em *, .mcoc-filter__filters--readonly-1 li.tooltip span h em num, .mcoc-filter__filters--readonly-2 li.tooltip span h em, .mcoc-filter__filters--readonly-2 li.tooltip span h em *, .mcoc-filter__filters--readonly-2 li.tooltip span h em num, .mcoc-filter__filters--readonly-3 li.tooltip span h em, .mcoc-filter__filters--readonly-3 li.tooltip span h em *, .mcoc-filter__filters--readonly-3 li.tooltip span h em num, .mcoc-filter__filters--readonly-4 li.tooltip span h em, .mcoc-filter__filters--readonly-4 li.tooltip span h em *, .mcoc-filter__filters--readonly-4 li.tooltip span h em num, .mcoc-filter__filters--readonly-5 li.tooltip span h em, .mcoc-filter__filters--readonly-5 li.tooltip span h em *, .mcoc-filter__filters--readonly-5 li.tooltip span h em num, .mcoc-filter__filters--readonly-6 li.tooltip span h em, .mcoc-filter__filters--readonly-6 li.tooltip span h em *, .mcoc-filter__filters--readonly-6 li.tooltip span h em num, .mcoc-filter__filters--readonly-7 li.tooltip span h em, .mcoc-filter__filters--readonly-7 li.tooltip span h em *, .mcoc-filter__filters--readonly-7 li.tooltip span h em num, .mcoc-filter__filters--readonly-8 li.tooltip span h em, .mcoc-filter__filters--readonly-8 li.tooltip span h em *, .mcoc-filter__filters--readonly-8 li.tooltip span h em num, .mcoc-filter__filters--readonly-9 li.tooltip span h em, .mcoc-filter__filters--readonly-9 li.tooltip span h em *, .mcoc-filter__filters--readonly-9 li.tooltip span h em num, .mcoc-filter__filters--readonly-10 li.tooltip span h em, .mcoc-filter__filters--readonly-10 li.tooltip span h em *, .mcoc-filter__filters--readonly-10 li.tooltip span h em num, .mcoc-filter__filters--readonly-11 li.tooltip span h em, .mcoc-filter__filters--readonly-11 li.tooltip span h em *, .mcoc-filter__filters--readonly-11 li.tooltip span h em num, .mcoc-filter__filters--readonly-12 li.tooltip span h em, .mcoc-filter__filters--readonly-12 li.tooltip span h em *, .mcoc-filter__filters--readonly-12 li.tooltip span h em num, .mcoc-filter__filters--readonly-13 li.tooltip span h em, .mcoc-filter__filters--readonly-13 li.tooltip span h em *, .mcoc-filter__filters--readonly-13 li.tooltip span h em num, .mcoc-filter__filters--readonly-14 li.tooltip span h em, .mcoc-filter__filters--readonly-14 li.tooltip span h em *, .mcoc-filter__filters--readonly-14 li.tooltip span h em num, .mcoc-filter__filters--readonly-15 li.tooltip span h em, .mcoc-filter__filters--readonly-15 li.tooltip span h em *, .mcoc-filter__filters--readonly-15 li.tooltip span h em num, .mcoc-filter__filters--readonly-16 li.tooltip span h em, .mcoc-filter__filters--readonly-16 li.tooltip span h em *, .mcoc-filter__filters--readonly-16 li.tooltip span h em num, .mcoc-filter__filters--readonly-17 li.tooltip span h em, .mcoc-filter__filters--readonly-17 li.tooltip span h em *, .mcoc-filter__filters--readonly-17 li.tooltip span h em num, .mcoc-filter__filters--readonly-18 li.tooltip span h em, .mcoc-filter__filters--readonly-18 li.tooltip span h em *, .mcoc-filter__filters--readonly-18 li.tooltip span h em num, .mcoc-filter__filters--readonly-19 li.tooltip span h em, .mcoc-filter__filters--readonly-19 li.tooltip span h em *, .mcoc-filter__filters--readonly-19 li.tooltip span h em num, .mcoc-filter__filters--readonly-20 li.tooltip span h em, .mcoc-filter__filters--readonly-20 li.tooltip span h em *, .mcoc-filter__filters--readonly-20 li.tooltip span h em num, .mcoc-filter__filters--readonly-21 li.tooltip span h em, .mcoc-filter__filters--readonly-21 li.tooltip span h em *, .mcoc-filter__filters--readonly-21 li.tooltip span h em num, .mcoc-filter__filters--readonly-22 li.tooltip span h em, .mcoc-filter__filters--readonly-22 li.tooltip span h em *, .mcoc-filter__filters--readonly-22 li.tooltip span h em num, .mcoc-filter__filters--readonly-23 li.tooltip span h em, .mcoc-filter__filters--readonly-23 li.tooltip span h em *, .mcoc-filter__filters--readonly-23 li.tooltip span h em num, .mcoc-filter__filters--readonly-24 li.tooltip span h em, .mcoc-filter__filters--readonly-24 li.tooltip span h em *, .mcoc-filter__filters--readonly-24 li.tooltip span h em num {
  font-style: normal !important;
  color: #289cc4 !important;
}
.mcoc-filter__filters--readonly li.tooltip span h num, .mcoc-filter__filters--readonly-1 li.tooltip span h num, .mcoc-filter__filters--readonly-2 li.tooltip span h num, .mcoc-filter__filters--readonly-3 li.tooltip span h num, .mcoc-filter__filters--readonly-4 li.tooltip span h num, .mcoc-filter__filters--readonly-5 li.tooltip span h num, .mcoc-filter__filters--readonly-6 li.tooltip span h num, .mcoc-filter__filters--readonly-7 li.tooltip span h num, .mcoc-filter__filters--readonly-8 li.tooltip span h num, .mcoc-filter__filters--readonly-9 li.tooltip span h num, .mcoc-filter__filters--readonly-10 li.tooltip span h num, .mcoc-filter__filters--readonly-11 li.tooltip span h num, .mcoc-filter__filters--readonly-12 li.tooltip span h num, .mcoc-filter__filters--readonly-13 li.tooltip span h num, .mcoc-filter__filters--readonly-14 li.tooltip span h num, .mcoc-filter__filters--readonly-15 li.tooltip span h num, .mcoc-filter__filters--readonly-16 li.tooltip span h num, .mcoc-filter__filters--readonly-17 li.tooltip span h num, .mcoc-filter__filters--readonly-18 li.tooltip span h num, .mcoc-filter__filters--readonly-19 li.tooltip span h num, .mcoc-filter__filters--readonly-20 li.tooltip span h num, .mcoc-filter__filters--readonly-21 li.tooltip span h num, .mcoc-filter__filters--readonly-22 li.tooltip span h num, .mcoc-filter__filters--readonly-23 li.tooltip span h num, .mcoc-filter__filters--readonly-24 li.tooltip span h num {
  color: #abff00 !important;
}
.mcoc-filter__filters--readonly li.tooltip span g, .mcoc-filter__filters--readonly-1 li.tooltip span g, .mcoc-filter__filters--readonly-2 li.tooltip span g, .mcoc-filter__filters--readonly-3 li.tooltip span g, .mcoc-filter__filters--readonly-4 li.tooltip span g, .mcoc-filter__filters--readonly-5 li.tooltip span g, .mcoc-filter__filters--readonly-6 li.tooltip span g, .mcoc-filter__filters--readonly-7 li.tooltip span g, .mcoc-filter__filters--readonly-8 li.tooltip span g, .mcoc-filter__filters--readonly-9 li.tooltip span g, .mcoc-filter__filters--readonly-10 li.tooltip span g, .mcoc-filter__filters--readonly-11 li.tooltip span g, .mcoc-filter__filters--readonly-12 li.tooltip span g, .mcoc-filter__filters--readonly-13 li.tooltip span g, .mcoc-filter__filters--readonly-14 li.tooltip span g, .mcoc-filter__filters--readonly-15 li.tooltip span g, .mcoc-filter__filters--readonly-16 li.tooltip span g, .mcoc-filter__filters--readonly-17 li.tooltip span g, .mcoc-filter__filters--readonly-18 li.tooltip span g, .mcoc-filter__filters--readonly-19 li.tooltip span g, .mcoc-filter__filters--readonly-20 li.tooltip span g, .mcoc-filter__filters--readonly-21 li.tooltip span g, .mcoc-filter__filters--readonly-22 li.tooltip span g, .mcoc-filter__filters--readonly-23 li.tooltip span g, .mcoc-filter__filters--readonly-24 li.tooltip span g {
  display: block;
}
.mcoc-filter__filters--readonly li.tooltip span g + g, .mcoc-filter__filters--readonly-1 li.tooltip span g + g, .mcoc-filter__filters--readonly-2 li.tooltip span g + g, .mcoc-filter__filters--readonly-3 li.tooltip span g + g, .mcoc-filter__filters--readonly-4 li.tooltip span g + g, .mcoc-filter__filters--readonly-5 li.tooltip span g + g, .mcoc-filter__filters--readonly-6 li.tooltip span g + g, .mcoc-filter__filters--readonly-7 li.tooltip span g + g, .mcoc-filter__filters--readonly-8 li.tooltip span g + g, .mcoc-filter__filters--readonly-9 li.tooltip span g + g, .mcoc-filter__filters--readonly-10 li.tooltip span g + g, .mcoc-filter__filters--readonly-11 li.tooltip span g + g, .mcoc-filter__filters--readonly-12 li.tooltip span g + g, .mcoc-filter__filters--readonly-13 li.tooltip span g + g, .mcoc-filter__filters--readonly-14 li.tooltip span g + g, .mcoc-filter__filters--readonly-15 li.tooltip span g + g, .mcoc-filter__filters--readonly-16 li.tooltip span g + g, .mcoc-filter__filters--readonly-17 li.tooltip span g + g, .mcoc-filter__filters--readonly-18 li.tooltip span g + g, .mcoc-filter__filters--readonly-19 li.tooltip span g + g, .mcoc-filter__filters--readonly-20 li.tooltip span g + g, .mcoc-filter__filters--readonly-21 li.tooltip span g + g, .mcoc-filter__filters--readonly-22 li.tooltip span g + g, .mcoc-filter__filters--readonly-23 li.tooltip span g + g, .mcoc-filter__filters--readonly-24 li.tooltip span g + g {
  margin-top: 10px;
}
.mcoc-filter__filters--readonly li.tooltip span num, .mcoc-filter__filters--readonly-1 li.tooltip span num, .mcoc-filter__filters--readonly-2 li.tooltip span num, .mcoc-filter__filters--readonly-3 li.tooltip span num, .mcoc-filter__filters--readonly-4 li.tooltip span num, .mcoc-filter__filters--readonly-5 li.tooltip span num, .mcoc-filter__filters--readonly-6 li.tooltip span num, .mcoc-filter__filters--readonly-7 li.tooltip span num, .mcoc-filter__filters--readonly-8 li.tooltip span num, .mcoc-filter__filters--readonly-9 li.tooltip span num, .mcoc-filter__filters--readonly-10 li.tooltip span num, .mcoc-filter__filters--readonly-11 li.tooltip span num, .mcoc-filter__filters--readonly-12 li.tooltip span num, .mcoc-filter__filters--readonly-13 li.tooltip span num, .mcoc-filter__filters--readonly-14 li.tooltip span num, .mcoc-filter__filters--readonly-15 li.tooltip span num, .mcoc-filter__filters--readonly-16 li.tooltip span num, .mcoc-filter__filters--readonly-17 li.tooltip span num, .mcoc-filter__filters--readonly-18 li.tooltip span num, .mcoc-filter__filters--readonly-19 li.tooltip span num, .mcoc-filter__filters--readonly-20 li.tooltip span num, .mcoc-filter__filters--readonly-21 li.tooltip span num, .mcoc-filter__filters--readonly-22 li.tooltip span num, .mcoc-filter__filters--readonly-23 li.tooltip span num, .mcoc-filter__filters--readonly-24 li.tooltip span num {
  color: #e7ae02;
}
.mcoc-filter__filters--readonly li.tooltip span em, .mcoc-filter__filters--readonly li.tooltip span em2, .mcoc-filter__filters--readonly li.tooltip span em3, .mcoc-filter__filters--readonly li.tooltip span em4, .mcoc-filter__filters--readonly li.tooltip span em *, .mcoc-filter__filters--readonly li.tooltip span em2 *, .mcoc-filter__filters--readonly li.tooltip span em3 *, .mcoc-filter__filters--readonly li.tooltip span em4 *, .mcoc-filter__filters--readonly-1 li.tooltip span em, .mcoc-filter__filters--readonly-1 li.tooltip span em2, .mcoc-filter__filters--readonly-1 li.tooltip span em3, .mcoc-filter__filters--readonly-1 li.tooltip span em4, .mcoc-filter__filters--readonly-1 li.tooltip span em *, .mcoc-filter__filters--readonly-1 li.tooltip span em2 *, .mcoc-filter__filters--readonly-1 li.tooltip span em3 *, .mcoc-filter__filters--readonly-1 li.tooltip span em4 *, .mcoc-filter__filters--readonly-2 li.tooltip span em, .mcoc-filter__filters--readonly-2 li.tooltip span em2, .mcoc-filter__filters--readonly-2 li.tooltip span em3, .mcoc-filter__filters--readonly-2 li.tooltip span em4, .mcoc-filter__filters--readonly-2 li.tooltip span em *, .mcoc-filter__filters--readonly-2 li.tooltip span em2 *, .mcoc-filter__filters--readonly-2 li.tooltip span em3 *, .mcoc-filter__filters--readonly-2 li.tooltip span em4 *, .mcoc-filter__filters--readonly-3 li.tooltip span em, .mcoc-filter__filters--readonly-3 li.tooltip span em2, .mcoc-filter__filters--readonly-3 li.tooltip span em3, .mcoc-filter__filters--readonly-3 li.tooltip span em4, .mcoc-filter__filters--readonly-3 li.tooltip span em *, .mcoc-filter__filters--readonly-3 li.tooltip span em2 *, .mcoc-filter__filters--readonly-3 li.tooltip span em3 *, .mcoc-filter__filters--readonly-3 li.tooltip span em4 *, .mcoc-filter__filters--readonly-4 li.tooltip span em, .mcoc-filter__filters--readonly-4 li.tooltip span em2, .mcoc-filter__filters--readonly-4 li.tooltip span em3, .mcoc-filter__filters--readonly-4 li.tooltip span em4, .mcoc-filter__filters--readonly-4 li.tooltip span em *, .mcoc-filter__filters--readonly-4 li.tooltip span em2 *, .mcoc-filter__filters--readonly-4 li.tooltip span em3 *, .mcoc-filter__filters--readonly-4 li.tooltip span em4 *, .mcoc-filter__filters--readonly-5 li.tooltip span em, .mcoc-filter__filters--readonly-5 li.tooltip span em2, .mcoc-filter__filters--readonly-5 li.tooltip span em3, .mcoc-filter__filters--readonly-5 li.tooltip span em4, .mcoc-filter__filters--readonly-5 li.tooltip span em *, .mcoc-filter__filters--readonly-5 li.tooltip span em2 *, .mcoc-filter__filters--readonly-5 li.tooltip span em3 *, .mcoc-filter__filters--readonly-5 li.tooltip span em4 *, .mcoc-filter__filters--readonly-6 li.tooltip span em, .mcoc-filter__filters--readonly-6 li.tooltip span em2, .mcoc-filter__filters--readonly-6 li.tooltip span em3, .mcoc-filter__filters--readonly-6 li.tooltip span em4, .mcoc-filter__filters--readonly-6 li.tooltip span em *, .mcoc-filter__filters--readonly-6 li.tooltip span em2 *, .mcoc-filter__filters--readonly-6 li.tooltip span em3 *, .mcoc-filter__filters--readonly-6 li.tooltip span em4 *, .mcoc-filter__filters--readonly-7 li.tooltip span em, .mcoc-filter__filters--readonly-7 li.tooltip span em2, .mcoc-filter__filters--readonly-7 li.tooltip span em3, .mcoc-filter__filters--readonly-7 li.tooltip span em4, .mcoc-filter__filters--readonly-7 li.tooltip span em *, .mcoc-filter__filters--readonly-7 li.tooltip span em2 *, .mcoc-filter__filters--readonly-7 li.tooltip span em3 *, .mcoc-filter__filters--readonly-7 li.tooltip span em4 *, .mcoc-filter__filters--readonly-8 li.tooltip span em, .mcoc-filter__filters--readonly-8 li.tooltip span em2, .mcoc-filter__filters--readonly-8 li.tooltip span em3, .mcoc-filter__filters--readonly-8 li.tooltip span em4, .mcoc-filter__filters--readonly-8 li.tooltip span em *, .mcoc-filter__filters--readonly-8 li.tooltip span em2 *, .mcoc-filter__filters--readonly-8 li.tooltip span em3 *, .mcoc-filter__filters--readonly-8 li.tooltip span em4 *, .mcoc-filter__filters--readonly-9 li.tooltip span em, .mcoc-filter__filters--readonly-9 li.tooltip span em2, .mcoc-filter__filters--readonly-9 li.tooltip span em3, .mcoc-filter__filters--readonly-9 li.tooltip span em4, .mcoc-filter__filters--readonly-9 li.tooltip span em *, .mcoc-filter__filters--readonly-9 li.tooltip span em2 *, .mcoc-filter__filters--readonly-9 li.tooltip span em3 *, .mcoc-filter__filters--readonly-9 li.tooltip span em4 *, .mcoc-filter__filters--readonly-10 li.tooltip span em, .mcoc-filter__filters--readonly-10 li.tooltip span em2, .mcoc-filter__filters--readonly-10 li.tooltip span em3, .mcoc-filter__filters--readonly-10 li.tooltip span em4, .mcoc-filter__filters--readonly-10 li.tooltip span em *, .mcoc-filter__filters--readonly-10 li.tooltip span em2 *, .mcoc-filter__filters--readonly-10 li.tooltip span em3 *, .mcoc-filter__filters--readonly-10 li.tooltip span em4 *, .mcoc-filter__filters--readonly-11 li.tooltip span em, .mcoc-filter__filters--readonly-11 li.tooltip span em2, .mcoc-filter__filters--readonly-11 li.tooltip span em3, .mcoc-filter__filters--readonly-11 li.tooltip span em4, .mcoc-filter__filters--readonly-11 li.tooltip span em *, .mcoc-filter__filters--readonly-11 li.tooltip span em2 *, .mcoc-filter__filters--readonly-11 li.tooltip span em3 *, .mcoc-filter__filters--readonly-11 li.tooltip span em4 *, .mcoc-filter__filters--readonly-12 li.tooltip span em, .mcoc-filter__filters--readonly-12 li.tooltip span em2, .mcoc-filter__filters--readonly-12 li.tooltip span em3, .mcoc-filter__filters--readonly-12 li.tooltip span em4, .mcoc-filter__filters--readonly-12 li.tooltip span em *, .mcoc-filter__filters--readonly-12 li.tooltip span em2 *, .mcoc-filter__filters--readonly-12 li.tooltip span em3 *, .mcoc-filter__filters--readonly-12 li.tooltip span em4 *, .mcoc-filter__filters--readonly-13 li.tooltip span em, .mcoc-filter__filters--readonly-13 li.tooltip span em2, .mcoc-filter__filters--readonly-13 li.tooltip span em3, .mcoc-filter__filters--readonly-13 li.tooltip span em4, .mcoc-filter__filters--readonly-13 li.tooltip span em *, .mcoc-filter__filters--readonly-13 li.tooltip span em2 *, .mcoc-filter__filters--readonly-13 li.tooltip span em3 *, .mcoc-filter__filters--readonly-13 li.tooltip span em4 *, .mcoc-filter__filters--readonly-14 li.tooltip span em, .mcoc-filter__filters--readonly-14 li.tooltip span em2, .mcoc-filter__filters--readonly-14 li.tooltip span em3, .mcoc-filter__filters--readonly-14 li.tooltip span em4, .mcoc-filter__filters--readonly-14 li.tooltip span em *, .mcoc-filter__filters--readonly-14 li.tooltip span em2 *, .mcoc-filter__filters--readonly-14 li.tooltip span em3 *, .mcoc-filter__filters--readonly-14 li.tooltip span em4 *, .mcoc-filter__filters--readonly-15 li.tooltip span em, .mcoc-filter__filters--readonly-15 li.tooltip span em2, .mcoc-filter__filters--readonly-15 li.tooltip span em3, .mcoc-filter__filters--readonly-15 li.tooltip span em4, .mcoc-filter__filters--readonly-15 li.tooltip span em *, .mcoc-filter__filters--readonly-15 li.tooltip span em2 *, .mcoc-filter__filters--readonly-15 li.tooltip span em3 *, .mcoc-filter__filters--readonly-15 li.tooltip span em4 *, .mcoc-filter__filters--readonly-16 li.tooltip span em, .mcoc-filter__filters--readonly-16 li.tooltip span em2, .mcoc-filter__filters--readonly-16 li.tooltip span em3, .mcoc-filter__filters--readonly-16 li.tooltip span em4, .mcoc-filter__filters--readonly-16 li.tooltip span em *, .mcoc-filter__filters--readonly-16 li.tooltip span em2 *, .mcoc-filter__filters--readonly-16 li.tooltip span em3 *, .mcoc-filter__filters--readonly-16 li.tooltip span em4 *, .mcoc-filter__filters--readonly-17 li.tooltip span em, .mcoc-filter__filters--readonly-17 li.tooltip span em2, .mcoc-filter__filters--readonly-17 li.tooltip span em3, .mcoc-filter__filters--readonly-17 li.tooltip span em4, .mcoc-filter__filters--readonly-17 li.tooltip span em *, .mcoc-filter__filters--readonly-17 li.tooltip span em2 *, .mcoc-filter__filters--readonly-17 li.tooltip span em3 *, .mcoc-filter__filters--readonly-17 li.tooltip span em4 *, .mcoc-filter__filters--readonly-18 li.tooltip span em, .mcoc-filter__filters--readonly-18 li.tooltip span em2, .mcoc-filter__filters--readonly-18 li.tooltip span em3, .mcoc-filter__filters--readonly-18 li.tooltip span em4, .mcoc-filter__filters--readonly-18 li.tooltip span em *, .mcoc-filter__filters--readonly-18 li.tooltip span em2 *, .mcoc-filter__filters--readonly-18 li.tooltip span em3 *, .mcoc-filter__filters--readonly-18 li.tooltip span em4 *, .mcoc-filter__filters--readonly-19 li.tooltip span em, .mcoc-filter__filters--readonly-19 li.tooltip span em2, .mcoc-filter__filters--readonly-19 li.tooltip span em3, .mcoc-filter__filters--readonly-19 li.tooltip span em4, .mcoc-filter__filters--readonly-19 li.tooltip span em *, .mcoc-filter__filters--readonly-19 li.tooltip span em2 *, .mcoc-filter__filters--readonly-19 li.tooltip span em3 *, .mcoc-filter__filters--readonly-19 li.tooltip span em4 *, .mcoc-filter__filters--readonly-20 li.tooltip span em, .mcoc-filter__filters--readonly-20 li.tooltip span em2, .mcoc-filter__filters--readonly-20 li.tooltip span em3, .mcoc-filter__filters--readonly-20 li.tooltip span em4, .mcoc-filter__filters--readonly-20 li.tooltip span em *, .mcoc-filter__filters--readonly-20 li.tooltip span em2 *, .mcoc-filter__filters--readonly-20 li.tooltip span em3 *, .mcoc-filter__filters--readonly-20 li.tooltip span em4 *, .mcoc-filter__filters--readonly-21 li.tooltip span em, .mcoc-filter__filters--readonly-21 li.tooltip span em2, .mcoc-filter__filters--readonly-21 li.tooltip span em3, .mcoc-filter__filters--readonly-21 li.tooltip span em4, .mcoc-filter__filters--readonly-21 li.tooltip span em *, .mcoc-filter__filters--readonly-21 li.tooltip span em2 *, .mcoc-filter__filters--readonly-21 li.tooltip span em3 *, .mcoc-filter__filters--readonly-21 li.tooltip span em4 *, .mcoc-filter__filters--readonly-22 li.tooltip span em, .mcoc-filter__filters--readonly-22 li.tooltip span em2, .mcoc-filter__filters--readonly-22 li.tooltip span em3, .mcoc-filter__filters--readonly-22 li.tooltip span em4, .mcoc-filter__filters--readonly-22 li.tooltip span em *, .mcoc-filter__filters--readonly-22 li.tooltip span em2 *, .mcoc-filter__filters--readonly-22 li.tooltip span em3 *, .mcoc-filter__filters--readonly-22 li.tooltip span em4 *, .mcoc-filter__filters--readonly-23 li.tooltip span em, .mcoc-filter__filters--readonly-23 li.tooltip span em2, .mcoc-filter__filters--readonly-23 li.tooltip span em3, .mcoc-filter__filters--readonly-23 li.tooltip span em4, .mcoc-filter__filters--readonly-23 li.tooltip span em *, .mcoc-filter__filters--readonly-23 li.tooltip span em2 *, .mcoc-filter__filters--readonly-23 li.tooltip span em3 *, .mcoc-filter__filters--readonly-23 li.tooltip span em4 *, .mcoc-filter__filters--readonly-24 li.tooltip span em, .mcoc-filter__filters--readonly-24 li.tooltip span em2, .mcoc-filter__filters--readonly-24 li.tooltip span em3, .mcoc-filter__filters--readonly-24 li.tooltip span em4, .mcoc-filter__filters--readonly-24 li.tooltip span em *, .mcoc-filter__filters--readonly-24 li.tooltip span em2 *, .mcoc-filter__filters--readonly-24 li.tooltip span em3 *, .mcoc-filter__filters--readonly-24 li.tooltip span em4 * {
  font-style: normal !important;
}
.mcoc-filter__filters--readonly li.tooltip span em, .mcoc-filter__filters--readonly li.tooltip span em *, .mcoc-filter__filters--readonly-1 li.tooltip span em, .mcoc-filter__filters--readonly-1 li.tooltip span em *, .mcoc-filter__filters--readonly-2 li.tooltip span em, .mcoc-filter__filters--readonly-2 li.tooltip span em *, .mcoc-filter__filters--readonly-3 li.tooltip span em, .mcoc-filter__filters--readonly-3 li.tooltip span em *, .mcoc-filter__filters--readonly-4 li.tooltip span em, .mcoc-filter__filters--readonly-4 li.tooltip span em *, .mcoc-filter__filters--readonly-5 li.tooltip span em, .mcoc-filter__filters--readonly-5 li.tooltip span em *, .mcoc-filter__filters--readonly-6 li.tooltip span em, .mcoc-filter__filters--readonly-6 li.tooltip span em *, .mcoc-filter__filters--readonly-7 li.tooltip span em, .mcoc-filter__filters--readonly-7 li.tooltip span em *, .mcoc-filter__filters--readonly-8 li.tooltip span em, .mcoc-filter__filters--readonly-8 li.tooltip span em *, .mcoc-filter__filters--readonly-9 li.tooltip span em, .mcoc-filter__filters--readonly-9 li.tooltip span em *, .mcoc-filter__filters--readonly-10 li.tooltip span em, .mcoc-filter__filters--readonly-10 li.tooltip span em *, .mcoc-filter__filters--readonly-11 li.tooltip span em, .mcoc-filter__filters--readonly-11 li.tooltip span em *, .mcoc-filter__filters--readonly-12 li.tooltip span em, .mcoc-filter__filters--readonly-12 li.tooltip span em *, .mcoc-filter__filters--readonly-13 li.tooltip span em, .mcoc-filter__filters--readonly-13 li.tooltip span em *, .mcoc-filter__filters--readonly-14 li.tooltip span em, .mcoc-filter__filters--readonly-14 li.tooltip span em *, .mcoc-filter__filters--readonly-15 li.tooltip span em, .mcoc-filter__filters--readonly-15 li.tooltip span em *, .mcoc-filter__filters--readonly-16 li.tooltip span em, .mcoc-filter__filters--readonly-16 li.tooltip span em *, .mcoc-filter__filters--readonly-17 li.tooltip span em, .mcoc-filter__filters--readonly-17 li.tooltip span em *, .mcoc-filter__filters--readonly-18 li.tooltip span em, .mcoc-filter__filters--readonly-18 li.tooltip span em *, .mcoc-filter__filters--readonly-19 li.tooltip span em, .mcoc-filter__filters--readonly-19 li.tooltip span em *, .mcoc-filter__filters--readonly-20 li.tooltip span em, .mcoc-filter__filters--readonly-20 li.tooltip span em *, .mcoc-filter__filters--readonly-21 li.tooltip span em, .mcoc-filter__filters--readonly-21 li.tooltip span em *, .mcoc-filter__filters--readonly-22 li.tooltip span em, .mcoc-filter__filters--readonly-22 li.tooltip span em *, .mcoc-filter__filters--readonly-23 li.tooltip span em, .mcoc-filter__filters--readonly-23 li.tooltip span em *, .mcoc-filter__filters--readonly-24 li.tooltip span em, .mcoc-filter__filters--readonly-24 li.tooltip span em * {
  color: #fffc00 !important;
}
.mcoc-filter__filters--readonly li.tooltip span em2, .mcoc-filter__filters--readonly li.tooltip span em2 *, .mcoc-filter__filters--readonly-1 li.tooltip span em2, .mcoc-filter__filters--readonly-1 li.tooltip span em2 *, .mcoc-filter__filters--readonly-2 li.tooltip span em2, .mcoc-filter__filters--readonly-2 li.tooltip span em2 *, .mcoc-filter__filters--readonly-3 li.tooltip span em2, .mcoc-filter__filters--readonly-3 li.tooltip span em2 *, .mcoc-filter__filters--readonly-4 li.tooltip span em2, .mcoc-filter__filters--readonly-4 li.tooltip span em2 *, .mcoc-filter__filters--readonly-5 li.tooltip span em2, .mcoc-filter__filters--readonly-5 li.tooltip span em2 *, .mcoc-filter__filters--readonly-6 li.tooltip span em2, .mcoc-filter__filters--readonly-6 li.tooltip span em2 *, .mcoc-filter__filters--readonly-7 li.tooltip span em2, .mcoc-filter__filters--readonly-7 li.tooltip span em2 *, .mcoc-filter__filters--readonly-8 li.tooltip span em2, .mcoc-filter__filters--readonly-8 li.tooltip span em2 *, .mcoc-filter__filters--readonly-9 li.tooltip span em2, .mcoc-filter__filters--readonly-9 li.tooltip span em2 *, .mcoc-filter__filters--readonly-10 li.tooltip span em2, .mcoc-filter__filters--readonly-10 li.tooltip span em2 *, .mcoc-filter__filters--readonly-11 li.tooltip span em2, .mcoc-filter__filters--readonly-11 li.tooltip span em2 *, .mcoc-filter__filters--readonly-12 li.tooltip span em2, .mcoc-filter__filters--readonly-12 li.tooltip span em2 *, .mcoc-filter__filters--readonly-13 li.tooltip span em2, .mcoc-filter__filters--readonly-13 li.tooltip span em2 *, .mcoc-filter__filters--readonly-14 li.tooltip span em2, .mcoc-filter__filters--readonly-14 li.tooltip span em2 *, .mcoc-filter__filters--readonly-15 li.tooltip span em2, .mcoc-filter__filters--readonly-15 li.tooltip span em2 *, .mcoc-filter__filters--readonly-16 li.tooltip span em2, .mcoc-filter__filters--readonly-16 li.tooltip span em2 *, .mcoc-filter__filters--readonly-17 li.tooltip span em2, .mcoc-filter__filters--readonly-17 li.tooltip span em2 *, .mcoc-filter__filters--readonly-18 li.tooltip span em2, .mcoc-filter__filters--readonly-18 li.tooltip span em2 *, .mcoc-filter__filters--readonly-19 li.tooltip span em2, .mcoc-filter__filters--readonly-19 li.tooltip span em2 *, .mcoc-filter__filters--readonly-20 li.tooltip span em2, .mcoc-filter__filters--readonly-20 li.tooltip span em2 *, .mcoc-filter__filters--readonly-21 li.tooltip span em2, .mcoc-filter__filters--readonly-21 li.tooltip span em2 *, .mcoc-filter__filters--readonly-22 li.tooltip span em2, .mcoc-filter__filters--readonly-22 li.tooltip span em2 *, .mcoc-filter__filters--readonly-23 li.tooltip span em2, .mcoc-filter__filters--readonly-23 li.tooltip span em2 *, .mcoc-filter__filters--readonly-24 li.tooltip span em2, .mcoc-filter__filters--readonly-24 li.tooltip span em2 * {
  color: #00d217;
}
.mcoc-filter__filters--readonly li.tooltip span em3, .mcoc-filter__filters--readonly li.tooltip span em3 *, .mcoc-filter__filters--readonly-1 li.tooltip span em3, .mcoc-filter__filters--readonly-1 li.tooltip span em3 *, .mcoc-filter__filters--readonly-2 li.tooltip span em3, .mcoc-filter__filters--readonly-2 li.tooltip span em3 *, .mcoc-filter__filters--readonly-3 li.tooltip span em3, .mcoc-filter__filters--readonly-3 li.tooltip span em3 *, .mcoc-filter__filters--readonly-4 li.tooltip span em3, .mcoc-filter__filters--readonly-4 li.tooltip span em3 *, .mcoc-filter__filters--readonly-5 li.tooltip span em3, .mcoc-filter__filters--readonly-5 li.tooltip span em3 *, .mcoc-filter__filters--readonly-6 li.tooltip span em3, .mcoc-filter__filters--readonly-6 li.tooltip span em3 *, .mcoc-filter__filters--readonly-7 li.tooltip span em3, .mcoc-filter__filters--readonly-7 li.tooltip span em3 *, .mcoc-filter__filters--readonly-8 li.tooltip span em3, .mcoc-filter__filters--readonly-8 li.tooltip span em3 *, .mcoc-filter__filters--readonly-9 li.tooltip span em3, .mcoc-filter__filters--readonly-9 li.tooltip span em3 *, .mcoc-filter__filters--readonly-10 li.tooltip span em3, .mcoc-filter__filters--readonly-10 li.tooltip span em3 *, .mcoc-filter__filters--readonly-11 li.tooltip span em3, .mcoc-filter__filters--readonly-11 li.tooltip span em3 *, .mcoc-filter__filters--readonly-12 li.tooltip span em3, .mcoc-filter__filters--readonly-12 li.tooltip span em3 *, .mcoc-filter__filters--readonly-13 li.tooltip span em3, .mcoc-filter__filters--readonly-13 li.tooltip span em3 *, .mcoc-filter__filters--readonly-14 li.tooltip span em3, .mcoc-filter__filters--readonly-14 li.tooltip span em3 *, .mcoc-filter__filters--readonly-15 li.tooltip span em3, .mcoc-filter__filters--readonly-15 li.tooltip span em3 *, .mcoc-filter__filters--readonly-16 li.tooltip span em3, .mcoc-filter__filters--readonly-16 li.tooltip span em3 *, .mcoc-filter__filters--readonly-17 li.tooltip span em3, .mcoc-filter__filters--readonly-17 li.tooltip span em3 *, .mcoc-filter__filters--readonly-18 li.tooltip span em3, .mcoc-filter__filters--readonly-18 li.tooltip span em3 *, .mcoc-filter__filters--readonly-19 li.tooltip span em3, .mcoc-filter__filters--readonly-19 li.tooltip span em3 *, .mcoc-filter__filters--readonly-20 li.tooltip span em3, .mcoc-filter__filters--readonly-20 li.tooltip span em3 *, .mcoc-filter__filters--readonly-21 li.tooltip span em3, .mcoc-filter__filters--readonly-21 li.tooltip span em3 *, .mcoc-filter__filters--readonly-22 li.tooltip span em3, .mcoc-filter__filters--readonly-22 li.tooltip span em3 *, .mcoc-filter__filters--readonly-23 li.tooltip span em3, .mcoc-filter__filters--readonly-23 li.tooltip span em3 *, .mcoc-filter__filters--readonly-24 li.tooltip span em3, .mcoc-filter__filters--readonly-24 li.tooltip span em3 * {
  color: #e22a2a;
}
.mcoc-filter__filters--readonly li.tooltip span em4, .mcoc-filter__filters--readonly li.tooltip span em4 *, .mcoc-filter__filters--readonly-1 li.tooltip span em4, .mcoc-filter__filters--readonly-1 li.tooltip span em4 *, .mcoc-filter__filters--readonly-2 li.tooltip span em4, .mcoc-filter__filters--readonly-2 li.tooltip span em4 *, .mcoc-filter__filters--readonly-3 li.tooltip span em4, .mcoc-filter__filters--readonly-3 li.tooltip span em4 *, .mcoc-filter__filters--readonly-4 li.tooltip span em4, .mcoc-filter__filters--readonly-4 li.tooltip span em4 *, .mcoc-filter__filters--readonly-5 li.tooltip span em4, .mcoc-filter__filters--readonly-5 li.tooltip span em4 *, .mcoc-filter__filters--readonly-6 li.tooltip span em4, .mcoc-filter__filters--readonly-6 li.tooltip span em4 *, .mcoc-filter__filters--readonly-7 li.tooltip span em4, .mcoc-filter__filters--readonly-7 li.tooltip span em4 *, .mcoc-filter__filters--readonly-8 li.tooltip span em4, .mcoc-filter__filters--readonly-8 li.tooltip span em4 *, .mcoc-filter__filters--readonly-9 li.tooltip span em4, .mcoc-filter__filters--readonly-9 li.tooltip span em4 *, .mcoc-filter__filters--readonly-10 li.tooltip span em4, .mcoc-filter__filters--readonly-10 li.tooltip span em4 *, .mcoc-filter__filters--readonly-11 li.tooltip span em4, .mcoc-filter__filters--readonly-11 li.tooltip span em4 *, .mcoc-filter__filters--readonly-12 li.tooltip span em4, .mcoc-filter__filters--readonly-12 li.tooltip span em4 *, .mcoc-filter__filters--readonly-13 li.tooltip span em4, .mcoc-filter__filters--readonly-13 li.tooltip span em4 *, .mcoc-filter__filters--readonly-14 li.tooltip span em4, .mcoc-filter__filters--readonly-14 li.tooltip span em4 *, .mcoc-filter__filters--readonly-15 li.tooltip span em4, .mcoc-filter__filters--readonly-15 li.tooltip span em4 *, .mcoc-filter__filters--readonly-16 li.tooltip span em4, .mcoc-filter__filters--readonly-16 li.tooltip span em4 *, .mcoc-filter__filters--readonly-17 li.tooltip span em4, .mcoc-filter__filters--readonly-17 li.tooltip span em4 *, .mcoc-filter__filters--readonly-18 li.tooltip span em4, .mcoc-filter__filters--readonly-18 li.tooltip span em4 *, .mcoc-filter__filters--readonly-19 li.tooltip span em4, .mcoc-filter__filters--readonly-19 li.tooltip span em4 *, .mcoc-filter__filters--readonly-20 li.tooltip span em4, .mcoc-filter__filters--readonly-20 li.tooltip span em4 *, .mcoc-filter__filters--readonly-21 li.tooltip span em4, .mcoc-filter__filters--readonly-21 li.tooltip span em4 *, .mcoc-filter__filters--readonly-22 li.tooltip span em4, .mcoc-filter__filters--readonly-22 li.tooltip span em4 *, .mcoc-filter__filters--readonly-23 li.tooltip span em4, .mcoc-filter__filters--readonly-23 li.tooltip span em4 *, .mcoc-filter__filters--readonly-24 li.tooltip span em4, .mcoc-filter__filters--readonly-24 li.tooltip span em4 * {
  color: #fc00ff;
}
.mcoc-filter__filters--readonly li.tooltip span i, .mcoc-filter__filters--readonly li.tooltip span i *, .mcoc-filter__filters--readonly-1 li.tooltip span i, .mcoc-filter__filters--readonly-1 li.tooltip span i *, .mcoc-filter__filters--readonly-2 li.tooltip span i, .mcoc-filter__filters--readonly-2 li.tooltip span i *, .mcoc-filter__filters--readonly-3 li.tooltip span i, .mcoc-filter__filters--readonly-3 li.tooltip span i *, .mcoc-filter__filters--readonly-4 li.tooltip span i, .mcoc-filter__filters--readonly-4 li.tooltip span i *, .mcoc-filter__filters--readonly-5 li.tooltip span i, .mcoc-filter__filters--readonly-5 li.tooltip span i *, .mcoc-filter__filters--readonly-6 li.tooltip span i, .mcoc-filter__filters--readonly-6 li.tooltip span i *, .mcoc-filter__filters--readonly-7 li.tooltip span i, .mcoc-filter__filters--readonly-7 li.tooltip span i *, .mcoc-filter__filters--readonly-8 li.tooltip span i, .mcoc-filter__filters--readonly-8 li.tooltip span i *, .mcoc-filter__filters--readonly-9 li.tooltip span i, .mcoc-filter__filters--readonly-9 li.tooltip span i *, .mcoc-filter__filters--readonly-10 li.tooltip span i, .mcoc-filter__filters--readonly-10 li.tooltip span i *, .mcoc-filter__filters--readonly-11 li.tooltip span i, .mcoc-filter__filters--readonly-11 li.tooltip span i *, .mcoc-filter__filters--readonly-12 li.tooltip span i, .mcoc-filter__filters--readonly-12 li.tooltip span i *, .mcoc-filter__filters--readonly-13 li.tooltip span i, .mcoc-filter__filters--readonly-13 li.tooltip span i *, .mcoc-filter__filters--readonly-14 li.tooltip span i, .mcoc-filter__filters--readonly-14 li.tooltip span i *, .mcoc-filter__filters--readonly-15 li.tooltip span i, .mcoc-filter__filters--readonly-15 li.tooltip span i *, .mcoc-filter__filters--readonly-16 li.tooltip span i, .mcoc-filter__filters--readonly-16 li.tooltip span i *, .mcoc-filter__filters--readonly-17 li.tooltip span i, .mcoc-filter__filters--readonly-17 li.tooltip span i *, .mcoc-filter__filters--readonly-18 li.tooltip span i, .mcoc-filter__filters--readonly-18 li.tooltip span i *, .mcoc-filter__filters--readonly-19 li.tooltip span i, .mcoc-filter__filters--readonly-19 li.tooltip span i *, .mcoc-filter__filters--readonly-20 li.tooltip span i, .mcoc-filter__filters--readonly-20 li.tooltip span i *, .mcoc-filter__filters--readonly-21 li.tooltip span i, .mcoc-filter__filters--readonly-21 li.tooltip span i *, .mcoc-filter__filters--readonly-22 li.tooltip span i, .mcoc-filter__filters--readonly-22 li.tooltip span i *, .mcoc-filter__filters--readonly-23 li.tooltip span i, .mcoc-filter__filters--readonly-23 li.tooltip span i *, .mcoc-filter__filters--readonly-24 li.tooltip span i, .mcoc-filter__filters--readonly-24 li.tooltip span i * {
  font-style: italic !important;
  color: #ffa800 !important;
}
.mcoc-filter__filters--readonly li.tooltip span h em2, .mcoc-filter__filters--readonly li.tooltip span h em3, .mcoc-filter__filters--readonly li.tooltip span h em4, .mcoc-filter__filters--readonly-1 li.tooltip span h em2, .mcoc-filter__filters--readonly-1 li.tooltip span h em3, .mcoc-filter__filters--readonly-1 li.tooltip span h em4, .mcoc-filter__filters--readonly-2 li.tooltip span h em2, .mcoc-filter__filters--readonly-2 li.tooltip span h em3, .mcoc-filter__filters--readonly-2 li.tooltip span h em4, .mcoc-filter__filters--readonly-3 li.tooltip span h em2, .mcoc-filter__filters--readonly-3 li.tooltip span h em3, .mcoc-filter__filters--readonly-3 li.tooltip span h em4, .mcoc-filter__filters--readonly-4 li.tooltip span h em2, .mcoc-filter__filters--readonly-4 li.tooltip span h em3, .mcoc-filter__filters--readonly-4 li.tooltip span h em4, .mcoc-filter__filters--readonly-5 li.tooltip span h em2, .mcoc-filter__filters--readonly-5 li.tooltip span h em3, .mcoc-filter__filters--readonly-5 li.tooltip span h em4, .mcoc-filter__filters--readonly-6 li.tooltip span h em2, .mcoc-filter__filters--readonly-6 li.tooltip span h em3, .mcoc-filter__filters--readonly-6 li.tooltip span h em4, .mcoc-filter__filters--readonly-7 li.tooltip span h em2, .mcoc-filter__filters--readonly-7 li.tooltip span h em3, .mcoc-filter__filters--readonly-7 li.tooltip span h em4, .mcoc-filter__filters--readonly-8 li.tooltip span h em2, .mcoc-filter__filters--readonly-8 li.tooltip span h em3, .mcoc-filter__filters--readonly-8 li.tooltip span h em4, .mcoc-filter__filters--readonly-9 li.tooltip span h em2, .mcoc-filter__filters--readonly-9 li.tooltip span h em3, .mcoc-filter__filters--readonly-9 li.tooltip span h em4, .mcoc-filter__filters--readonly-10 li.tooltip span h em2, .mcoc-filter__filters--readonly-10 li.tooltip span h em3, .mcoc-filter__filters--readonly-10 li.tooltip span h em4, .mcoc-filter__filters--readonly-11 li.tooltip span h em2, .mcoc-filter__filters--readonly-11 li.tooltip span h em3, .mcoc-filter__filters--readonly-11 li.tooltip span h em4, .mcoc-filter__filters--readonly-12 li.tooltip span h em2, .mcoc-filter__filters--readonly-12 li.tooltip span h em3, .mcoc-filter__filters--readonly-12 li.tooltip span h em4, .mcoc-filter__filters--readonly-13 li.tooltip span h em2, .mcoc-filter__filters--readonly-13 li.tooltip span h em3, .mcoc-filter__filters--readonly-13 li.tooltip span h em4, .mcoc-filter__filters--readonly-14 li.tooltip span h em2, .mcoc-filter__filters--readonly-14 li.tooltip span h em3, .mcoc-filter__filters--readonly-14 li.tooltip span h em4, .mcoc-filter__filters--readonly-15 li.tooltip span h em2, .mcoc-filter__filters--readonly-15 li.tooltip span h em3, .mcoc-filter__filters--readonly-15 li.tooltip span h em4, .mcoc-filter__filters--readonly-16 li.tooltip span h em2, .mcoc-filter__filters--readonly-16 li.tooltip span h em3, .mcoc-filter__filters--readonly-16 li.tooltip span h em4, .mcoc-filter__filters--readonly-17 li.tooltip span h em2, .mcoc-filter__filters--readonly-17 li.tooltip span h em3, .mcoc-filter__filters--readonly-17 li.tooltip span h em4, .mcoc-filter__filters--readonly-18 li.tooltip span h em2, .mcoc-filter__filters--readonly-18 li.tooltip span h em3, .mcoc-filter__filters--readonly-18 li.tooltip span h em4, .mcoc-filter__filters--readonly-19 li.tooltip span h em2, .mcoc-filter__filters--readonly-19 li.tooltip span h em3, .mcoc-filter__filters--readonly-19 li.tooltip span h em4, .mcoc-filter__filters--readonly-20 li.tooltip span h em2, .mcoc-filter__filters--readonly-20 li.tooltip span h em3, .mcoc-filter__filters--readonly-20 li.tooltip span h em4, .mcoc-filter__filters--readonly-21 li.tooltip span h em2, .mcoc-filter__filters--readonly-21 li.tooltip span h em3, .mcoc-filter__filters--readonly-21 li.tooltip span h em4, .mcoc-filter__filters--readonly-22 li.tooltip span h em2, .mcoc-filter__filters--readonly-22 li.tooltip span h em3, .mcoc-filter__filters--readonly-22 li.tooltip span h em4, .mcoc-filter__filters--readonly-23 li.tooltip span h em2, .mcoc-filter__filters--readonly-23 li.tooltip span h em3, .mcoc-filter__filters--readonly-23 li.tooltip span h em4, .mcoc-filter__filters--readonly-24 li.tooltip span h em2, .mcoc-filter__filters--readonly-24 li.tooltip span h em3, .mcoc-filter__filters--readonly-24 li.tooltip span h em4 {
  color: #abff00 !important;
}
@media (min-width: 495px) {
  .mcoc-filter__filters--readonly li.tooltip:after, .mcoc-filter__filters--readonly-1 li.tooltip:after, .mcoc-filter__filters--readonly-2 li.tooltip:after, .mcoc-filter__filters--readonly-3 li.tooltip:after, .mcoc-filter__filters--readonly-4 li.tooltip:after, .mcoc-filter__filters--readonly-5 li.tooltip:after, .mcoc-filter__filters--readonly-6 li.tooltip:after, .mcoc-filter__filters--readonly-7 li.tooltip:after, .mcoc-filter__filters--readonly-8 li.tooltip:after, .mcoc-filter__filters--readonly-9 li.tooltip:after, .mcoc-filter__filters--readonly-10 li.tooltip:after, .mcoc-filter__filters--readonly-11 li.tooltip:after, .mcoc-filter__filters--readonly-12 li.tooltip:after, .mcoc-filter__filters--readonly-13 li.tooltip:after, .mcoc-filter__filters--readonly-14 li.tooltip:after, .mcoc-filter__filters--readonly-15 li.tooltip:after, .mcoc-filter__filters--readonly-16 li.tooltip:after, .mcoc-filter__filters--readonly-17 li.tooltip:after, .mcoc-filter__filters--readonly-18 li.tooltip:after, .mcoc-filter__filters--readonly-19 li.tooltip:after, .mcoc-filter__filters--readonly-20 li.tooltip:after, .mcoc-filter__filters--readonly-21 li.tooltip:after, .mcoc-filter__filters--readonly-22 li.tooltip:after, .mcoc-filter__filters--readonly-23 li.tooltip:after, .mcoc-filter__filters--readonly-24 li.tooltip:after {
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    content: "\f059";
    top: 8px;
    right: 12px;
    position: absolute;
  }
}
@media (min-width: 495px) {
  .mcoc-filter__filters--readonly li:hover:after, .mcoc-filter__filters--readonly-1 li:hover:after, .mcoc-filter__filters--readonly-2 li:hover:after, .mcoc-filter__filters--readonly-3 li:hover:after, .mcoc-filter__filters--readonly-4 li:hover:after, .mcoc-filter__filters--readonly-5 li:hover:after, .mcoc-filter__filters--readonly-6 li:hover:after, .mcoc-filter__filters--readonly-7 li:hover:after, .mcoc-filter__filters--readonly-8 li:hover:after, .mcoc-filter__filters--readonly-9 li:hover:after, .mcoc-filter__filters--readonly-10 li:hover:after, .mcoc-filter__filters--readonly-11 li:hover:after, .mcoc-filter__filters--readonly-12 li:hover:after, .mcoc-filter__filters--readonly-13 li:hover:after, .mcoc-filter__filters--readonly-14 li:hover:after, .mcoc-filter__filters--readonly-15 li:hover:after, .mcoc-filter__filters--readonly-16 li:hover:after, .mcoc-filter__filters--readonly-17 li:hover:after, .mcoc-filter__filters--readonly-18 li:hover:after, .mcoc-filter__filters--readonly-19 li:hover:after, .mcoc-filter__filters--readonly-20 li:hover:after, .mcoc-filter__filters--readonly-21 li:hover:after, .mcoc-filter__filters--readonly-22 li:hover:after, .mcoc-filter__filters--readonly-23 li:hover:after, .mcoc-filter__filters--readonly-24 li:hover:after {
    color: #abff00;
  }
  .mcoc-filter__filters--readonly li:hover span, .mcoc-filter__filters--readonly-1 li:hover span, .mcoc-filter__filters--readonly-2 li:hover span, .mcoc-filter__filters--readonly-3 li:hover span, .mcoc-filter__filters--readonly-4 li:hover span, .mcoc-filter__filters--readonly-5 li:hover span, .mcoc-filter__filters--readonly-6 li:hover span, .mcoc-filter__filters--readonly-7 li:hover span, .mcoc-filter__filters--readonly-8 li:hover span, .mcoc-filter__filters--readonly-9 li:hover span, .mcoc-filter__filters--readonly-10 li:hover span, .mcoc-filter__filters--readonly-11 li:hover span, .mcoc-filter__filters--readonly-12 li:hover span, .mcoc-filter__filters--readonly-13 li:hover span, .mcoc-filter__filters--readonly-14 li:hover span, .mcoc-filter__filters--readonly-15 li:hover span, .mcoc-filter__filters--readonly-16 li:hover span, .mcoc-filter__filters--readonly-17 li:hover span, .mcoc-filter__filters--readonly-18 li:hover span, .mcoc-filter__filters--readonly-19 li:hover span, .mcoc-filter__filters--readonly-20 li:hover span, .mcoc-filter__filters--readonly-21 li:hover span, .mcoc-filter__filters--readonly-22 li:hover span, .mcoc-filter__filters--readonly-23 li:hover span, .mcoc-filter__filters--readonly-24 li:hover span {
    display: block;
  }
}
.mcoc-filter__filters--readonly li:nth-child(4n) span, .mcoc-filter__filters--readonly-1 li:nth-child(4n) span, .mcoc-filter__filters--readonly-2 li:nth-child(4n) span, .mcoc-filter__filters--readonly-3 li:nth-child(4n) span, .mcoc-filter__filters--readonly-4 li:nth-child(4n) span, .mcoc-filter__filters--readonly-5 li:nth-child(4n) span, .mcoc-filter__filters--readonly-6 li:nth-child(4n) span, .mcoc-filter__filters--readonly-7 li:nth-child(4n) span, .mcoc-filter__filters--readonly-8 li:nth-child(4n) span, .mcoc-filter__filters--readonly-9 li:nth-child(4n) span, .mcoc-filter__filters--readonly-10 li:nth-child(4n) span, .mcoc-filter__filters--readonly-11 li:nth-child(4n) span, .mcoc-filter__filters--readonly-12 li:nth-child(4n) span, .mcoc-filter__filters--readonly-13 li:nth-child(4n) span, .mcoc-filter__filters--readonly-14 li:nth-child(4n) span, .mcoc-filter__filters--readonly-15 li:nth-child(4n) span, .mcoc-filter__filters--readonly-16 li:nth-child(4n) span, .mcoc-filter__filters--readonly-17 li:nth-child(4n) span, .mcoc-filter__filters--readonly-18 li:nth-child(4n) span, .mcoc-filter__filters--readonly-19 li:nth-child(4n) span, .mcoc-filter__filters--readonly-20 li:nth-child(4n) span, .mcoc-filter__filters--readonly-21 li:nth-child(4n) span, .mcoc-filter__filters--readonly-22 li:nth-child(4n) span, .mcoc-filter__filters--readonly-23 li:nth-child(4n) span, .mcoc-filter__filters--readonly-24 li:nth-child(4n) span {
  left: auto;
  right: 0px;
}
.mcoc-filter__filters--readonly li:nth-child(4n) span span, .mcoc-filter__filters--readonly-1 li:nth-child(4n) span span, .mcoc-filter__filters--readonly-2 li:nth-child(4n) span span, .mcoc-filter__filters--readonly-3 li:nth-child(4n) span span, .mcoc-filter__filters--readonly-4 li:nth-child(4n) span span, .mcoc-filter__filters--readonly-5 li:nth-child(4n) span span, .mcoc-filter__filters--readonly-6 li:nth-child(4n) span span, .mcoc-filter__filters--readonly-7 li:nth-child(4n) span span, .mcoc-filter__filters--readonly-8 li:nth-child(4n) span span, .mcoc-filter__filters--readonly-9 li:nth-child(4n) span span, .mcoc-filter__filters--readonly-10 li:nth-child(4n) span span, .mcoc-filter__filters--readonly-11 li:nth-child(4n) span span, .mcoc-filter__filters--readonly-12 li:nth-child(4n) span span, .mcoc-filter__filters--readonly-13 li:nth-child(4n) span span, .mcoc-filter__filters--readonly-14 li:nth-child(4n) span span, .mcoc-filter__filters--readonly-15 li:nth-child(4n) span span, .mcoc-filter__filters--readonly-16 li:nth-child(4n) span span, .mcoc-filter__filters--readonly-17 li:nth-child(4n) span span, .mcoc-filter__filters--readonly-18 li:nth-child(4n) span span, .mcoc-filter__filters--readonly-19 li:nth-child(4n) span span, .mcoc-filter__filters--readonly-20 li:nth-child(4n) span span, .mcoc-filter__filters--readonly-21 li:nth-child(4n) span span, .mcoc-filter__filters--readonly-22 li:nth-child(4n) span span, .mcoc-filter__filters--readonly-23 li:nth-child(4n) span span, .mcoc-filter__filters--readonly-24 li:nth-child(4n) span span {
  margin-left: 0px;
  margin-right: -1px;
}
.mcoc-filter__filters--readonly li:nth-child(4n) div, .mcoc-filter__filters--readonly-1 li:nth-child(4n) div, .mcoc-filter__filters--readonly-2 li:nth-child(4n) div, .mcoc-filter__filters--readonly-3 li:nth-child(4n) div, .mcoc-filter__filters--readonly-4 li:nth-child(4n) div, .mcoc-filter__filters--readonly-5 li:nth-child(4n) div, .mcoc-filter__filters--readonly-6 li:nth-child(4n) div, .mcoc-filter__filters--readonly-7 li:nth-child(4n) div, .mcoc-filter__filters--readonly-8 li:nth-child(4n) div, .mcoc-filter__filters--readonly-9 li:nth-child(4n) div, .mcoc-filter__filters--readonly-10 li:nth-child(4n) div, .mcoc-filter__filters--readonly-11 li:nth-child(4n) div, .mcoc-filter__filters--readonly-12 li:nth-child(4n) div, .mcoc-filter__filters--readonly-13 li:nth-child(4n) div, .mcoc-filter__filters--readonly-14 li:nth-child(4n) div, .mcoc-filter__filters--readonly-15 li:nth-child(4n) div, .mcoc-filter__filters--readonly-16 li:nth-child(4n) div, .mcoc-filter__filters--readonly-17 li:nth-child(4n) div, .mcoc-filter__filters--readonly-18 li:nth-child(4n) div, .mcoc-filter__filters--readonly-19 li:nth-child(4n) div, .mcoc-filter__filters--readonly-20 li:nth-child(4n) div, .mcoc-filter__filters--readonly-21 li:nth-child(4n) div, .mcoc-filter__filters--readonly-22 li:nth-child(4n) div, .mcoc-filter__filters--readonly-23 li:nth-child(4n) div, .mcoc-filter__filters--readonly-24 li:nth-child(4n) div {
  border-right-width: 0px;
}
@media (max-width: 1100px) {
  .mcoc-filter__filters--readonly li, .mcoc-filter__filters--readonly-1 li, .mcoc-filter__filters--readonly-2 li, .mcoc-filter__filters--readonly-3 li, .mcoc-filter__filters--readonly-4 li, .mcoc-filter__filters--readonly-5 li, .mcoc-filter__filters--readonly-6 li, .mcoc-filter__filters--readonly-7 li, .mcoc-filter__filters--readonly-8 li, .mcoc-filter__filters--readonly-9 li, .mcoc-filter__filters--readonly-10 li, .mcoc-filter__filters--readonly-11 li, .mcoc-filter__filters--readonly-12 li, .mcoc-filter__filters--readonly-13 li, .mcoc-filter__filters--readonly-14 li, .mcoc-filter__filters--readonly-15 li, .mcoc-filter__filters--readonly-16 li, .mcoc-filter__filters--readonly-17 li, .mcoc-filter__filters--readonly-18 li, .mcoc-filter__filters--readonly-19 li, .mcoc-filter__filters--readonly-20 li, .mcoc-filter__filters--readonly-21 li, .mcoc-filter__filters--readonly-22 li, .mcoc-filter__filters--readonly-23 li, .mcoc-filter__filters--readonly-24 li {
    width: 50%;
  }
  .mcoc-filter__filters--readonly li:nth-child(4n) div, .mcoc-filter__filters--readonly-1 li:nth-child(4n) div, .mcoc-filter__filters--readonly-2 li:nth-child(4n) div, .mcoc-filter__filters--readonly-3 li:nth-child(4n) div, .mcoc-filter__filters--readonly-4 li:nth-child(4n) div, .mcoc-filter__filters--readonly-5 li:nth-child(4n) div, .mcoc-filter__filters--readonly-6 li:nth-child(4n) div, .mcoc-filter__filters--readonly-7 li:nth-child(4n) div, .mcoc-filter__filters--readonly-8 li:nth-child(4n) div, .mcoc-filter__filters--readonly-9 li:nth-child(4n) div, .mcoc-filter__filters--readonly-10 li:nth-child(4n) div, .mcoc-filter__filters--readonly-11 li:nth-child(4n) div, .mcoc-filter__filters--readonly-12 li:nth-child(4n) div, .mcoc-filter__filters--readonly-13 li:nth-child(4n) div, .mcoc-filter__filters--readonly-14 li:nth-child(4n) div, .mcoc-filter__filters--readonly-15 li:nth-child(4n) div, .mcoc-filter__filters--readonly-16 li:nth-child(4n) div, .mcoc-filter__filters--readonly-17 li:nth-child(4n) div, .mcoc-filter__filters--readonly-18 li:nth-child(4n) div, .mcoc-filter__filters--readonly-19 li:nth-child(4n) div, .mcoc-filter__filters--readonly-20 li:nth-child(4n) div, .mcoc-filter__filters--readonly-21 li:nth-child(4n) div, .mcoc-filter__filters--readonly-22 li:nth-child(4n) div, .mcoc-filter__filters--readonly-23 li:nth-child(4n) div, .mcoc-filter__filters--readonly-24 li:nth-child(4n) div {
    border-right-width: 1px;
  }
  .mcoc-filter__filters--readonly li:nth-child(3n) div, .mcoc-filter__filters--readonly-1 li:nth-child(3n) div, .mcoc-filter__filters--readonly-2 li:nth-child(3n) div, .mcoc-filter__filters--readonly-3 li:nth-child(3n) div, .mcoc-filter__filters--readonly-4 li:nth-child(3n) div, .mcoc-filter__filters--readonly-5 li:nth-child(3n) div, .mcoc-filter__filters--readonly-6 li:nth-child(3n) div, .mcoc-filter__filters--readonly-7 li:nth-child(3n) div, .mcoc-filter__filters--readonly-8 li:nth-child(3n) div, .mcoc-filter__filters--readonly-9 li:nth-child(3n) div, .mcoc-filter__filters--readonly-10 li:nth-child(3n) div, .mcoc-filter__filters--readonly-11 li:nth-child(3n) div, .mcoc-filter__filters--readonly-12 li:nth-child(3n) div, .mcoc-filter__filters--readonly-13 li:nth-child(3n) div, .mcoc-filter__filters--readonly-14 li:nth-child(3n) div, .mcoc-filter__filters--readonly-15 li:nth-child(3n) div, .mcoc-filter__filters--readonly-16 li:nth-child(3n) div, .mcoc-filter__filters--readonly-17 li:nth-child(3n) div, .mcoc-filter__filters--readonly-18 li:nth-child(3n) div, .mcoc-filter__filters--readonly-19 li:nth-child(3n) div, .mcoc-filter__filters--readonly-20 li:nth-child(3n) div, .mcoc-filter__filters--readonly-21 li:nth-child(3n) div, .mcoc-filter__filters--readonly-22 li:nth-child(3n) div, .mcoc-filter__filters--readonly-23 li:nth-child(3n) div, .mcoc-filter__filters--readonly-24 li:nth-child(3n) div {
    border-right-width: 1px;
  }
  .mcoc-filter__filters--readonly li:nth-child(2n) span, .mcoc-filter__filters--readonly-1 li:nth-child(2n) span, .mcoc-filter__filters--readonly-2 li:nth-child(2n) span, .mcoc-filter__filters--readonly-3 li:nth-child(2n) span, .mcoc-filter__filters--readonly-4 li:nth-child(2n) span, .mcoc-filter__filters--readonly-5 li:nth-child(2n) span, .mcoc-filter__filters--readonly-6 li:nth-child(2n) span, .mcoc-filter__filters--readonly-7 li:nth-child(2n) span, .mcoc-filter__filters--readonly-8 li:nth-child(2n) span, .mcoc-filter__filters--readonly-9 li:nth-child(2n) span, .mcoc-filter__filters--readonly-10 li:nth-child(2n) span, .mcoc-filter__filters--readonly-11 li:nth-child(2n) span, .mcoc-filter__filters--readonly-12 li:nth-child(2n) span, .mcoc-filter__filters--readonly-13 li:nth-child(2n) span, .mcoc-filter__filters--readonly-14 li:nth-child(2n) span, .mcoc-filter__filters--readonly-15 li:nth-child(2n) span, .mcoc-filter__filters--readonly-16 li:nth-child(2n) span, .mcoc-filter__filters--readonly-17 li:nth-child(2n) span, .mcoc-filter__filters--readonly-18 li:nth-child(2n) span, .mcoc-filter__filters--readonly-19 li:nth-child(2n) span, .mcoc-filter__filters--readonly-20 li:nth-child(2n) span, .mcoc-filter__filters--readonly-21 li:nth-child(2n) span, .mcoc-filter__filters--readonly-22 li:nth-child(2n) span, .mcoc-filter__filters--readonly-23 li:nth-child(2n) span, .mcoc-filter__filters--readonly-24 li:nth-child(2n) span {
    left: auto;
    right: 0px;
  }
  .mcoc-filter__filters--readonly li:nth-child(2n) div, .mcoc-filter__filters--readonly-1 li:nth-child(2n) div, .mcoc-filter__filters--readonly-2 li:nth-child(2n) div, .mcoc-filter__filters--readonly-3 li:nth-child(2n) div, .mcoc-filter__filters--readonly-4 li:nth-child(2n) div, .mcoc-filter__filters--readonly-5 li:nth-child(2n) div, .mcoc-filter__filters--readonly-6 li:nth-child(2n) div, .mcoc-filter__filters--readonly-7 li:nth-child(2n) div, .mcoc-filter__filters--readonly-8 li:nth-child(2n) div, .mcoc-filter__filters--readonly-9 li:nth-child(2n) div, .mcoc-filter__filters--readonly-10 li:nth-child(2n) div, .mcoc-filter__filters--readonly-11 li:nth-child(2n) div, .mcoc-filter__filters--readonly-12 li:nth-child(2n) div, .mcoc-filter__filters--readonly-13 li:nth-child(2n) div, .mcoc-filter__filters--readonly-14 li:nth-child(2n) div, .mcoc-filter__filters--readonly-15 li:nth-child(2n) div, .mcoc-filter__filters--readonly-16 li:nth-child(2n) div, .mcoc-filter__filters--readonly-17 li:nth-child(2n) div, .mcoc-filter__filters--readonly-18 li:nth-child(2n) div, .mcoc-filter__filters--readonly-19 li:nth-child(2n) div, .mcoc-filter__filters--readonly-20 li:nth-child(2n) div, .mcoc-filter__filters--readonly-21 li:nth-child(2n) div, .mcoc-filter__filters--readonly-22 li:nth-child(2n) div, .mcoc-filter__filters--readonly-23 li:nth-child(2n) div, .mcoc-filter__filters--readonly-24 li:nth-child(2n) div {
    border-right-width: 0px;
  }
}
.mcoc-filter__filters--readonly-1 li:nth-last-child(-n+1) div, .mcoc-filter__filters--readonly-5 li:nth-last-child(-n+1) div, .mcoc-filter__filters--readonly-9 li:nth-last-child(-n+1) div, .mcoc-filter__filters--readonly-13 li:nth-last-child(-n+1) div, .mcoc-filter__filters--readonly-17 li:nth-last-child(-n+1) div, .mcoc-filter__filters--readonly-21 li:nth-last-child(-n+1) div {
  border-bottom-width: 0px;
}
.mcoc-filter__filters--readonly-2 li:nth-last-child(-n+2) div, .mcoc-filter__filters--readonly-6 li:nth-last-child(-n+2) div, .mcoc-filter__filters--readonly-10 li:nth-last-child(-n+2) div, .mcoc-filter__filters--readonly-14 li:nth-last-child(-n+2) div, .mcoc-filter__filters--readonly-18 li:nth-last-child(-n+2) div, .mcoc-filter__filters--readonly-22 li:nth-last-child(-n+2) div {
  border-bottom-width: 0px;
}
.mcoc-filter__filters--readonly-3 li:nth-last-child(-n+3) div, .mcoc-filter__filters--readonly-7 li:nth-last-child(-n+3) div, .mcoc-filter__filters--readonly-11 li:nth-last-child(-n+3) div, .mcoc-filter__filters--readonly-15 li:nth-last-child(-n+3) div, .mcoc-filter__filters--readonly-19 li:nth-last-child(-n+3) div, .mcoc-filter__filters--readonly-23 li:nth-last-child(-n+3) div {
  border-bottom-width: 0px;
}
@media (max-width: 1100px) {
  .mcoc-filter__filters--readonly-3 li:nth-last-child(-n+3) div, .mcoc-filter__filters--readonly-7 li:nth-last-child(-n+3) div, .mcoc-filter__filters--readonly-11 li:nth-last-child(-n+3) div, .mcoc-filter__filters--readonly-15 li:nth-last-child(-n+3) div, .mcoc-filter__filters--readonly-19 li:nth-last-child(-n+3) div, .mcoc-filter__filters--readonly-23 li:nth-last-child(-n+3) div {
    border-bottom-width: 1px;
  }
  .mcoc-filter__filters--readonly-3 li:nth-last-child(-n+1) div, .mcoc-filter__filters--readonly-7 li:nth-last-child(-n+1) div, .mcoc-filter__filters--readonly-11 li:nth-last-child(-n+1) div, .mcoc-filter__filters--readonly-15 li:nth-last-child(-n+1) div, .mcoc-filter__filters--readonly-19 li:nth-last-child(-n+1) div, .mcoc-filter__filters--readonly-23 li:nth-last-child(-n+1) div {
    border-bottom-width: 0px;
  }
}
.mcoc-filter__filters--readonly-4 li:nth-last-child(-n+4) div, .mcoc-filter__filters--readonly-8 li:nth-last-child(-n+4) div, .mcoc-filter__filters--readonly-12 li:nth-last-child(-n+4) div, .mcoc-filter__filters--readonly-16 li:nth-last-child(-n+4) div, .mcoc-filter__filters--readonly-20 li:nth-last-child(-n+4) div, .mcoc-filter__filters--readonly-24 li:nth-last-child(-n+4) div {
  border-bottom-width: 0px;
}
@media (max-width: 1100px) {
  .mcoc-filter__filters--readonly-4 li:nth-last-child(-n+4) div, .mcoc-filter__filters--readonly-8 li:nth-last-child(-n+4) div, .mcoc-filter__filters--readonly-12 li:nth-last-child(-n+4) div, .mcoc-filter__filters--readonly-16 li:nth-last-child(-n+4) div, .mcoc-filter__filters--readonly-20 li:nth-last-child(-n+4) div, .mcoc-filter__filters--readonly-24 li:nth-last-child(-n+4) div {
    border-bottom-width: 1px;
  }
  .mcoc-filter__filters--readonly-4 li:nth-last-child(-n+2) div, .mcoc-filter__filters--readonly-8 li:nth-last-child(-n+2) div, .mcoc-filter__filters--readonly-12 li:nth-last-child(-n+2) div, .mcoc-filter__filters--readonly-16 li:nth-last-child(-n+2) div, .mcoc-filter__filters--readonly-20 li:nth-last-child(-n+2) div, .mcoc-filter__filters--readonly-24 li:nth-last-child(-n+2) div {
    border-bottom-width: 0px;
  }
}
.mcoc-filter__filters--champions li, .mcoc-filter__filters--champions-readonly li {
  width: 59px;
  height: 59px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  margin: 0px;
  background-image: radial-gradient(circle at 50% 0, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0) 60%);
}
.mcoc-filter__filters--champions li:hover, .mcoc-filter__filters--champions-readonly li:hover {
  background-image: radial-gradient(circle at 50% 0, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0) 60%);
}
.mcoc-filter__filters--champions a, .mcoc-filter__filters--champions-readonly a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  height: 57px !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: none;
  background-size: 100%;
  border: 0px !important;
  opacity: 0.3;
  color: transparent !important;
  z-index: 5;
}
.mcoc-filter__filters--champions a:hover, .mcoc-filter__filters--champions-readonly a:hover {
  opacity: 1;
}
.mcoc-filter__filters--champions a.synergy, .mcoc-filter__filters--champions-readonly a.synergy {
  -webkit-box-shadow: inset 0px -25px 25px 0 rgba(0, 0, 0, 0.9);
          box-shadow: inset 0px -25px 25px 0 rgba(0, 0, 0, 0.9);
}
.mcoc-filter__filters--champions a.synergy:after, .mcoc-filter__filters--champions-readonly a.synergy:after {
  position: absolute;
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  font-size: 14px;
  display: block;
  color: #ffffff;
  bottom: 10px;
  left: calc(50% - 12px);
  width: 24px;
  height: 24px;
  text-align: center;
  z-index: 8;
  text-shadow: 0px 0px 10px #000000;
}
.mcoc-filter__filters--champions a.synergy--in:after, .mcoc-filter__filters--champions-readonly a.synergy--in:after {
  color: #e7ae02;
  content: "\f175";
}
.mcoc-filter__filters--champions a.synergy--out:after, .mcoc-filter__filters--champions-readonly a.synergy--out:after {
  content: "\f176";
}
.mcoc-filter__filters--champions a.synergy--both:after, .mcoc-filter__filters--champions-readonly a.synergy--both:after {
  content: "\f07d";
}
.mcoc-filter__filters--champions li.selected, .mcoc-filter__filters--champions-readonly li {
  border-color: #b2b2c4;
  background-image: radial-gradient(circle at 50% 0, rgba(255, 255, 255, 0.48), rgba(255, 255, 255, 0) 60%);
}
.mcoc-filter__filters--champions li.selected a, .mcoc-filter__filters--champions-readonly li a {
  text-shadow: none !important;
  background-color: transparent;
  opacity: 1;
}
.mcoc-filter__filters--champions li.selected:hover, .mcoc-filter__filters--champions-readonly li:hover {
  background-image: radial-gradient(circle at 50% 0, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0) 60%);
}
.mcoc-filter__filters--champions-readonly li {
  background-image: radial-gradient(circle at 50% 0, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 60%);
  border-color: rgba(255, 255, 255, 0.3);
}
.mcoc-filter__filters--crystals li {
  width: 80px;
  height: 80px;
  border: 0px;
}
.mcoc-filter__filters--crystals li a, .mcoc-filter__filters--crystals li > div {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  height: 78px !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: none;
  background-size: 90%;
  border: 0px !important;
  opacity: 0.4;
  color: transparent !important;
  text-shadow: none !important;
}
.mcoc-filter__filters--crystals li a:hover {
  opacity: 1;
  -webkit-filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.6));
          filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.6));
}
.mcoc-filter__filters--crystals li.selected a, .mcoc-filter__filters--crystals li > div {
  opacity: 1;
  background-size: 100%;
  background-color: transparent;
}
.mcoc-filter__filters--crystals li > div {
  background-size: 90%;
  -webkit-filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.4));
          filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.4));
}
.mcoc-filter__toggle {
  padding-bottom: 74px !important;
}
.mcoc-filter__toggle ul.mcoc-option {
  margin-top: 14px;
  list-style: none;
}
.mcoc-filter__toggle ul.mcoc-option li a {
  display: block;
  line-height: 30px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.6px;
  text-decoration: none;
  color: #5a5969;
  position: relative;
  padding-left: 26px;
  white-space: nowrap;
  cursor: pointer;
}
.mcoc-filter__toggle ul.mcoc-option li a:hover {
  color: #ffffff;
  text-shadow: 0px 0px 15px #ffffff;
}
.mcoc-filter__toggle ul.mcoc-option li a:hover:before {
  border-color: #ffffff;
  background-color: #5a5969;
}
.mcoc-filter__toggle ul.mcoc-option li a:before {
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  font-size: 8px;
  line-height: 12px;
  text-align: center;
  content: "";
  width: 12px;
  height: 12px;
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  position: absolute;
  top: 9px;
  left: 0px;
  background-color: #333540;
}
.mcoc-filter__toggle ul.mcoc-option li.selected a {
  color: #abff00;
}
.mcoc-filter__toggle ul.mcoc-option li.selected a:before {
  background-color: #000000;
  border-color: #abff00;
  content: "\f00c";
}
.mcoc-filter__toggle ul.mcoc-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 0px;
  left: 0px;
  list-style: none;
  width: calc(100% - 24px);
  margin: 12px;
}
.mcoc-filter__toggle ul.mcoc-toggle li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-width: 1px 0px 1px 1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.3);
}
.mcoc-filter__toggle ul.mcoc-toggle li:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.mcoc-filter__toggle ul.mcoc-toggle li:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right-width: 1px;
}
.mcoc-filter__toggle ul.mcoc-toggle li a {
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #568000;
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  line-height: 38px;
  cursor: pointer;
}
.mcoc-filter__toggle ul.mcoc-toggle li a:hover {
  text-shadow: 0px 0px 15px #abff00;
  color: #abff00;
}
.mcoc-filter__toggle ul.mcoc-toggle li.selected a {
  background-color: #000000;
  color: #abff00;
}
.mcoc-filter__input {
  position: relative;
}
.mcoc-filter__input input {
  background: rgba(0, 0, 0, 0.9);
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  height: 41px;
  outline: 0;
  color: #ffffff;
  position: relative;
  padding: 0px 40px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.6px;
}
.mcoc-filter__input input::-webkit-input-placeholder {
  color: #568000;
}
.mcoc-filter__input input::-moz-placeholder {
  color: #568000;
}
.mcoc-filter__input input:-ms-input-placeholder {
  color: #568000;
}
.mcoc-filter__input input::-ms-input-placeholder {
  color: #568000;
}
.mcoc-filter__input input::placeholder {
  color: #568000;
}
.mcoc-filter__input:before {
  font-family: "Font Awesome 6 Free";
  content: "\f002";
  position: absolute;
  left: 0px;
  top: -1px;
  height: 16px;
  font-size: 14px;
  font-weight: 600;
  color: #568000;
  padding: 12px;
  z-index: 1;
}
.mcoc-filter__input:has(input:focus):before {
  color: #abff00;
  text-shadow: 0px 0px 15px #fffc00;
}
.mcoc-filter__input .mcoc-filter__reset {
  right: 2px;
  top: 2px;
  color: #568000;
}
.mcoc-filter__input .mcoc-filter__reset:hover {
  color: #abff00;
}
.mcoc-filter--icon {
  padding-left: 44px !important;
}
.mcoc-filter--awakened {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

/*
##############################
# TAGS
##############################
*/
.mcoc-tag--a {
  color: #e7ae02 !important;
}
.mcoc-tag--o {
  color: #68de33 !important;
}
.mcoc-tag--cc {
  color: #289cc4 !important;
}
.mcoc-tag--aq {
  color: #c46eff !important;
}
.mcoc-tag--aw {
  color: #ff8d07 !important;
}
.mcoc-tag--r {
  color: #80deff !important;
}
.mcoc-tag--sc {
  color: #fc00ff !important;
}

/*
##############################
# FEATURED
##############################
*/
.mcoc-featured {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px;
}
.mcoc-featured__sticker {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.mcoc-featured__sticker h3 {
  -webkit-box-shadow: 0px 0px 10px rgb(0, 0, 0);
  box-shadow: 0px 0px 10px rgb(0, 0, 0);
  position: absolute;
  border-top-left-radius: 7px;
  border-bottom-right-radius: 8px;
  border-width: 1px;
  border-style: solid;
  line-height: 38px;
  padding: 0px 24px;
  color: #ffffff;
  text-shadow: 0px 0px 15px #000000;
  font-family: hanzel;
  font-weight: 600;
  font-style: italic;
  text-transform: uppercase;
  font-size: 12px;
}
.mcoc-featured__sticker:before {
  position: absolute;
  content: "";
  border-radius: 8px;
  width: 100%;
  height: 100%;
  padding: 1px;
  -webkit-mask: linear-gradient(#000000 0px 0px), linear-gradient(#000000 0px 0px) content-box;
  -webkit-mask-composite: xor;
          mask: linear-gradient(#000000 0px 0px) exclude, linear-gradient(#000000 0px 0px) content-box;
}
.mcoc-featured__sticker--timeline h3 {
  background: -webkit-gradient(linear, left top, left bottom, from(#ff8d07), to(#fffc00));
  background: linear-gradient(#ff8d07, #fffc00);
  border-color: #fffc00;
}
.mcoc-featured__sticker--timeline:before {
  background: linear-gradient(140deg, #fffc00 4%, rgba(255, 255, 255, 0.1) 100%);
}
.mcoc-featured__sticker--crystal h3 {
  background: -webkit-gradient(linear, left top, left bottom, from(#4f38c5), to(#fc00ff));
  background: linear-gradient(#4f38c5, #fc00ff);
  border-color: #fc00ff;
}
.mcoc-featured__sticker--crystal:before {
  background: linear-gradient(140deg, #fc00ff 4%, rgba(255, 255, 255, 0.1) 100%);
}
.mcoc-featured__sticker--aw h3 {
  background: -webkit-gradient(linear, left top, left bottom, from(#e22a2a), to(#ff8d07));
  background: linear-gradient(#e22a2a, #ff8d07);
  border-color: #ff8d07;
}
.mcoc-featured__sticker--aw:before {
  background: linear-gradient(140deg, #ff8d07 4%, rgba(255, 255, 255, 0.1) 100%);
}
.mcoc-featured__sticker--top h3 {
  background: -webkit-gradient(linear, left top, left bottom, from(#1a28cf), to(#289cc4));
  background: linear-gradient(#1a28cf, #289cc4);
  border-color: #289cc4;
}
.mcoc-featured__sticker--top:before {
  background: linear-gradient(140deg, #289cc4 4%, rgba(255, 255, 255, 0.1) 100%);
}
.mcoc-featured__sticker--aq h3 {
  background: -webkit-gradient(linear, left top, left bottom, from(#237c15), to(#abff00));
  background: linear-gradient(#237c15, #abff00);
  border-color: #abff00;
}
.mcoc-featured__sticker--aq:before {
  background: linear-gradient(140deg, #abff00 4%, rgba(255, 255, 255, 0.1) 100%);
}
.mcoc-featured__tile {
  display: block;
  width: 300px;
  height: 300px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
  -webkit-box-shadow: 0px 2px 14px #000000;
          box-shadow: 0px 2px 14px #000000;
  border-radius: 8px;
}
.mcoc-featured__tile:hover > div {
  background-size: 110%;
}
.mcoc-featured__tile:hover > div h2, .mcoc-featured__tile:hover > div p {
  text-shadow: 0px 0px 15px #ffffff;
}
@media (max-width: 1100px) {
  .mcoc-featured__tile {
    width: calc(50% - 12px);
    height: 260px;
  }
}
@media (max-width: 660px) {
  .mcoc-featured__tile {
    width: 100%;
    height: 220px;
  }
}
.mcoc-featured__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: inset 0 -150px 100px 0 rgba(0, 0, 0, 0.9);
          box-shadow: inset 0 -150px 100px 0 rgba(0, 0, 0, 0.9);
  border-radius: 8px;
  z-index: 5;
}
.mcoc-featured__content > div {
  margin-top: auto;
  display: inline-block;
  padding: 24px;
}
.mcoc-featured__content > div h2 {
  font-family: hanzel;
  font-weight: 600;
  font-style: italic;
  text-transform: uppercase;
  font-size: 18px;
  color: #ffffff;
  line-height: 1.3;
}
.mcoc-featured__content > div p {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.6px;
  color: #ffffff;
  margin-bottom: 18px;
}
.mcoc-featured__image {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
}

/*
##############################
# GLOSSARY
##############################
*/
.mcoc-glossary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 70px 70px 100px 70px;
  gap: 12px;
}
@media (max-width: 1100px) {
  .mcoc-glossary {
    padding: 40px 40px 100px 40px;
    height: calc(100% - 80px);
  }
}
@media (max-width: 880px) {
  .mcoc-glossary {
    padding: 20px 20px 100px 20px;
  }
}
.mcoc-glossary > div {
  width: calc(33.333% - 20px);
  padding: 20px;
  border-radius: 0px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background-image: radial-gradient(circle at 30% 0, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7) 100%);
  min-height: 200px;
}
@media (max-width: 1100px) {
  .mcoc-glossary > div {
    width: calc(50% - 20px);
  }
}
@media (max-width: 880px) {
  .mcoc-glossary > div {
    width: 100%;
    min-height: 0px;
  }
}
.mcoc-glossary > div h3 {
  padding: 8px 0px 0px 50px;
  position: relative;
}
.mcoc-glossary > div h3:before {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  content: " ";
}
.mcoc-glossary > div p {
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: 0.6px;
  color: #b2b2c4;
  padding: 5px 20px 10px 50px;
}

/*
##############################
# TIMELINE
##############################
*/
@media (max-width: 1100px) {
  #div-filters-timeline {
    padding-bottom: 12px;
  }
  #div-filters-timeline button {
    min-width: calc(50% - 8px);
  }
}

.mcoc-timeline {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: auto;
  position: relative;
  cursor: -webkit-grab;
  cursor: grab;
}
.mcoc-timeline * {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.mcoc-timeline__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: calc(45% - 5px);
  z-index: 100;
}
.mcoc-timeline__line > div {
  width: 41px;
  height: 10px;
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #c46eff), color-stop(10%, #289cc4), color-stop(20%, #80deff), color-stop(#ffffff), color-stop(80%, #80deff), color-stop(90%, #289cc4), color-stop(98%, #c46eff));
  background-image: linear-gradient(#c46eff 2%, #289cc4 10%, #80deff 20%, #ffffff, #80deff 80%, #289cc4 90%, #c46eff 98%);
  -webkit-box-shadow: 0px 0px 90px #289cc4;
          box-shadow: 0px 0px 90px #289cc4;
  position: relative;
}
@media (max-width: 660px) {
  .mcoc-timeline__line {
    top: calc(100% - 280px);
  }
}
.mcoc-timeline__marker {
  position: absolute;
  top: -35px;
  left: -20px;
}
.mcoc-timeline__marker--2 {
  top: -105px;
  left: -20px;
}
.mcoc-timeline__marker--3 {
  top: -70px;
  left: 40px;
}
.mcoc-timeline__marker--4 {
  top: -70px;
  left: -80px;
}
.mcoc-timeline__marker--5 {
  top: -175px;
  left: -20px;
}
.mcoc-timeline__marker--6 {
  top: -140px;
  left: 40px;
}
.mcoc-timeline__marker--7 {
  top: -140px;
  left: -80px;
}
.mcoc-timeline__marker--8 {
  top: -105px;
  left: -140px;
}
.mcoc-timeline__marker--9 {
  top: -105px;
  left: 100px;
}
.mcoc-timeline__marker--10 {
  top: -245px;
  left: -20px;
}
.mcoc-timeline__marker--11 {
  top: -210px;
  left: 40px;
}
.mcoc-timeline__marker--12 {
  top: -210px;
  left: -80px;
}
.mcoc-timeline__marker--13 {
  top: -175px;
  left: 100px;
}
.mcoc-timeline__marker--14 {
  top: -175px;
  left: -140px;
}
.mcoc-timeline__marker--15 {
  top: -140px;
  left: 160px;
}
.mcoc-timeline__marker--16 {
  top: -140px;
  left: -200px;
}
.mcoc-timeline__marker--17 {
  top: -280px;
  left: 40px;
}
.mcoc-timeline__marker--18 {
  top: -280px;
  left: -80px;
}
.mcoc-timeline__marker--19 {
  top: -245px;
  left: 100px;
}
.mcoc-timeline__marker--20 {
  top: -245px;
  left: -140px;
}
.mcoc-timeline__marker--21 {
  top: -210px;
  left: 160px;
}
.mcoc-timeline__marker--22 {
  top: -210px;
  left: -200px;
}
.mcoc-timeline__marker--23 {
  top: -175px;
  left: 220px;
}
.mcoc-timeline__marker--24 {
  top: -175px;
  left: -260px;
}
.mcoc-timeline__marker--25 {
  top: -245px;
  left: 220px;
}
.mcoc-timeline__marker--26 {
  top: -245px;
  left: -260px;
}
.mcoc-timeline__marker---1 {
  top: 35px;
  left: -20px;
}
.mcoc-timeline__marker--1s {
  top: -1px;
  left: 2px;
}
.mcoc-timeline__marker--1ss {
  top: -70px;
  left: -20px;
}
@media (min-width: 495px) {
  .mcoc-timeline__marker:hover .mcoc-timeline__tooltip {
    display: block;
  }
}
.mcoc-timeline__hex {
  clip-path: polygon(75% 6.699%, 101.471% 50.849%, 76.471% 94.151%, 25% 93.301%, -1.471% 49.151%, 23.529% 5.849%);
  position: absolute;
  width: 80px;
  height: 80px;
  background: #80deff;
  padding: 1px;
  cursor: pointer;
  z-index: 100;
}
.mcoc-timeline__hex > div {
  clip-path: polygon(75% 6.699%, 101.471% 50.849%, 76.471% 94.151%, 25% 93.301%, -1.471% 49.151%, 23.529% 5.849%);
  background-image: radial-gradient(circle at 50% 0, #5a5969, #000000 80%);
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.mcoc-timeline__hex > div img {
  width: 100%;
  -webkit-filter: drop-shadow(0px -2px 2px rgba(0, 0, 0, 0.7));
          filter: drop-shadow(0px -2px 2px rgba(0, 0, 0, 0.7));
}
.mcoc-timeline__tooltip {
  z-index: 500;
  display: none;
  position: absolute;
  width: 263px;
  background: rgba(0, 0, 0, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 24px;
  left: -95px;
  bottom: 35px;
  -webkit-box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.5);
}
.mcoc-timeline__tooltip p {
  margin-top: 20px;
  font-size: 14px;
  color: #b2b2c4;
  letter-spacing: 0.6px;
  line-height: 1.7;
}
.mcoc-timeline__tooltip b {
  font-weight: 600;
  color: #e7ae02;
}
.mcoc-timeline__tooltip l {
  display: block;
}
.mcoc-timeline__tooltip l + l {
  margin-top: 10px;
}
.mcoc-timeline__tooltip span {
  margin-top: 10px;
  font-size: 12px;
  display: block;
  color: #ffffff;
  line-height: 1.7;
  letter-spacing: 0.6px;
}
.mcoc-timeline__tooltip:after {
  position: absolute;
  width: 1px;
  height: 40px;
  bottom: -41px;
  left: 131px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(#80deff));
  background: linear-gradient(rgba(255, 255, 255, 0.3), #80deff);
  content: "";
}
.mcoc-timeline__tooltip--l {
  width: 483px;
  left: -202px;
}
.mcoc-timeline__tooltip--l:after {
  left: 241px;
}

.mcoc-timeline__branch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 0px;
}
.mcoc-timeline__branch--1 {
  top: 20px;
}
.mcoc-timeline__branch--1 > div {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #e22a2a), color-stop(10%, #ff8d07), color-stop(20%, #e7ae02), color-stop(#ffefbd), color-stop(80%, #e7ae02), color-stop(90%, #ff8d07), color-stop(98%, #e22a2a)) !important;
  background-image: linear-gradient(#e22a2a 2%, #ff8d07 10%, #e7ae02 20%, #ffefbd, #e7ae02 80%, #ff8d07 90%, #e22a2a 98%) !important;
  -webkit-box-shadow: 0px 0px 90px #ff8d07 !important;
          box-shadow: 0px 0px 90px #ff8d07 !important;
}
.mcoc-timeline__branch--1 .mcoc-timeline__hex {
  background: #e7ae02;
}
.mcoc-timeline__branch--1 .mcoc-timeline__tooltip:after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(#e7ae02));
  background: linear-gradient(rgba(255, 255, 255, 0.3), #e7ae02);
}
.mcoc-timeline__branch--11 {
  top: 20px;
}
.mcoc-timeline__branch--11 > div {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #e22a2a), color-stop(10%, #ff8d07), color-stop(20%, #e7ae02), color-stop(#ffefbd), color-stop(80%, #e7ae02), color-stop(90%, #ff8d07), color-stop(98%, #e22a2a)) !important;
  background-image: linear-gradient(#e22a2a 2%, #ff8d07 10%, #e7ae02 20%, #ffefbd, #e7ae02 80%, #ff8d07 90%, #e22a2a 98%) !important;
  -webkit-box-shadow: 0px 0px 90px #ff8d07 !important;
          box-shadow: 0px 0px 90px #ff8d07 !important;
}
.mcoc-timeline__branch--11 .mcoc-timeline__hex {
  background: #e7ae02;
}
.mcoc-timeline__branch--11 .mcoc-timeline__tooltip:after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(#e7ae02));
  background: linear-gradient(rgba(255, 255, 255, 0.3), #e7ae02);
}
.mcoc-timeline__branch--2 {
  top: -20px;
}
.mcoc-timeline__branch--2 > div {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #237c15), color-stop(10%, #00d217), color-stop(20%, #abff00), color-stop(#fffc00), color-stop(80%, #abff00), color-stop(90%, #00d217), color-stop(98%, #237c15)) !important;
  background-image: linear-gradient(#237c15 2%, #00d217 10%, #abff00 20%, #fffc00, #abff00 80%, #00d217 90%, #237c15 98%) !important;
  -webkit-box-shadow: 0px 0px 90px #abff00 !important;
          box-shadow: 0px 0px 90px #abff00 !important;
}
.mcoc-timeline__branch--2 .mcoc-timeline__hex {
  background: #abff00;
}
.mcoc-timeline__branch--2 .mcoc-timeline__tooltip:after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(#abff00));
  background: linear-gradient(rgba(255, 255, 255, 0.3), #abff00);
}
.mcoc-timeline__branch--2 .mcoc-timeline__marker--1s {
  top: -49px;
  left: 8px;
}
.mcoc-timeline__branch > div {
  width: 41px;
  height: 10px;
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #c46eff), color-stop(10%, #289cc4), color-stop(20%, #80deff), color-stop(#ffffff), color-stop(80%, #80deff), color-stop(90%, #289cc4), color-stop(98%, #c46eff));
  background-image: linear-gradient(#c46eff 2%, #289cc4 10%, #80deff 20%, #ffffff, #80deff 80%, #289cc4 90%, #c46eff 98%);
  -webkit-box-shadow: 0px 0px 90px #289cc4;
          box-shadow: 0px 0px 90px #289cc4;
  position: relative;
}
.mcoc-timeline__branch > div:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.mcoc-timeline__branch > div:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.mcoc-timeline__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  height: calc(45% + 140px);
  z-index: 10;
}
@media (max-width: 660px) {
  .mcoc-timeline__grid {
    height: calc(100% - 140px);
  }
}
.mcoc-timeline__grid > div {
  height: 100%;
  width: 41px;
  position: relative;
}
.mcoc-timeline__grid > div:before {
  display: block;
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 1px;
  height: 180px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 0, 103, 0)), to(rgba(255, 0, 103, 0.5)));
  background: linear-gradient(rgba(255, 0, 103, 0), rgba(255, 0, 103, 0.5));
  content: "";
}
.mcoc-timeline__grid > div aside {
  position: absolute;
  bottom: -85px;
  left: 20px;
  color: #ffffff;
  padding: 20px 0px 0px 20px;
  border-style: solid;
  border-width: 0px 0px 0px 1px;
  border-color: rgba(255, 0, 103, 0.5);
  font-family: hanzel;
  font-weight: 600;
  font-style: italic;
  font-size: 16px;
  text-transform: uppercase;
}
.mcoc-timeline__grid > div p {
  position: absolute;
  height: 46px;
  bottom: -46px;
  display: block;
  border-radius: 4px;
  border: 1px solid rgba(255, 0, 103, 0.5);
  color: #ff0067;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  left: 50%;
  width: 40px;
  margin-left: -20px;
  text-align: center;
  padding: 5px 0px;
  line-height: 1.3;
  background-image: radial-gradient(circle at 40% 0, rgba(255, 0, 103, 0.2), rgba(255, 0, 103, 0) 100%);
}
.mcoc-timeline__grid > div p span {
  font-family: hanzel;
  font-size: 16px;
  font-weight: 600;
  display: block;
  font-style: italic;
  color: #ffffff;
  margin-left: -2px;
  margin-top: 1px;
}
.mcoc-timeline__grid > div p.weekend {
  color: rgba(255, 0, 103, 0.5);
}
.mcoc-timeline__grid > div p.weekend span {
  color: rgba(255, 0, 103, 0.5);
}
.mcoc-timeline__grid > div.m-12:before, .mcoc-timeline__grid > div.m-1:before, .mcoc-timeline__grid > div.m-2:before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 222, 255, 0)), to(rgba(128, 222, 255, 0.5)));
  background: linear-gradient(rgba(128, 222, 255, 0), rgba(128, 222, 255, 0.5));
}
.mcoc-timeline__grid > div.m-12 p, .mcoc-timeline__grid > div.m-1 p, .mcoc-timeline__grid > div.m-2 p {
  border-color: rgba(128, 222, 255, 0.5);
  color: #80deff;
  background-image: radial-gradient(circle at 40% 0, rgba(128, 222, 255, 0.2), rgba(128, 222, 255, 0) 100%);
}
.mcoc-timeline__grid > div.m-12 p.weekend, .mcoc-timeline__grid > div.m-1 p.weekend, .mcoc-timeline__grid > div.m-2 p.weekend {
  color: rgba(128, 222, 255, 0.5);
}
.mcoc-timeline__grid > div.m-12 p.weekend span, .mcoc-timeline__grid > div.m-1 p.weekend span, .mcoc-timeline__grid > div.m-2 p.weekend span {
  color: rgba(128, 222, 255, 0.5);
}
.mcoc-timeline__grid > div.m-12 aside, .mcoc-timeline__grid > div.m-1 aside, .mcoc-timeline__grid > div.m-2 aside {
  border-color: rgba(128, 222, 255, 0.5);
}
.mcoc-timeline__grid > div.m-3:before, .mcoc-timeline__grid > div.m-4:before, .mcoc-timeline__grid > div.m-5:before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(171, 255, 0, 0)), to(rgba(171, 255, 0, 0.5)));
  background: linear-gradient(rgba(171, 255, 0, 0), rgba(171, 255, 0, 0.5));
}
.mcoc-timeline__grid > div.m-3 p, .mcoc-timeline__grid > div.m-4 p, .mcoc-timeline__grid > div.m-5 p {
  border-color: rgba(171, 255, 0, 0.5);
  color: #abff00;
  background-image: radial-gradient(circle at 40% 0, rgba(171, 255, 0, 0.2), rgba(171, 255, 0, 0) 100%);
}
.mcoc-timeline__grid > div.m-3 p.weekend, .mcoc-timeline__grid > div.m-4 p.weekend, .mcoc-timeline__grid > div.m-5 p.weekend {
  color: rgba(171, 255, 0, 0.5);
}
.mcoc-timeline__grid > div.m-3 p.weekend span, .mcoc-timeline__grid > div.m-4 p.weekend span, .mcoc-timeline__grid > div.m-5 p.weekend span {
  color: rgba(171, 255, 0, 0.5);
}
.mcoc-timeline__grid > div.m-3 aside, .mcoc-timeline__grid > div.m-4 aside, .mcoc-timeline__grid > div.m-5 aside {
  border-color: rgba(171, 255, 0, 0.5);
}
.mcoc-timeline__grid > div.m-9:before, .mcoc-timeline__grid > div.m-10:before, .mcoc-timeline__grid > div.m-11:before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 141, 7, 0)), to(rgba(255, 141, 7, 0.5)));
  background: linear-gradient(rgba(255, 141, 7, 0), rgba(255, 141, 7, 0.5));
}
.mcoc-timeline__grid > div.m-9 p, .mcoc-timeline__grid > div.m-10 p, .mcoc-timeline__grid > div.m-11 p {
  border-color: rgba(255, 141, 7, 0.5);
  color: #ff8d07;
  background-image: radial-gradient(circle at 40% 0, rgba(255, 141, 7, 0.2), rgba(255, 141, 7, 0) 100%);
}
.mcoc-timeline__grid > div.m-9 p.weekend, .mcoc-timeline__grid > div.m-10 p.weekend, .mcoc-timeline__grid > div.m-11 p.weekend {
  color: rgba(255, 141, 7, 0.5);
}
.mcoc-timeline__grid > div.m-9 p.weekend span, .mcoc-timeline__grid > div.m-10 p.weekend span, .mcoc-timeline__grid > div.m-11 p.weekend span {
  color: rgba(255, 141, 7, 0.5);
}
.mcoc-timeline__grid > div.m-9 aside, .mcoc-timeline__grid > div.m-10 aside, .mcoc-timeline__grid > div.m-11 aside {
  border-color: rgba(255, 141, 7, 0.5);
}
.mcoc-timeline__grid > div.selected p {
  background: rgba(255, 0, 103, 0.5);
  color: #ffffff;
}
.mcoc-timeline__grid > div.selected.m-12 p, .mcoc-timeline__grid > div.selected.m-1 p, .mcoc-timeline__grid > div.selected.m-2 p {
  background: rgba(128, 222, 255, 0.5);
}
.mcoc-timeline__grid > div.selected.m-3 p, .mcoc-timeline__grid > div.selected.m-4 p, .mcoc-timeline__grid > div.selected.m-5 p {
  background: rgba(171, 255, 0, 0.5);
}
.mcoc-timeline__grid > div.selected.m-9 p, .mcoc-timeline__grid > div.selected.m-10 p, .mcoc-timeline__grid > div.selected.m-11 p {
  background: rgba(255, 141, 7, 0.5);
}

/*
##############################
# AURA
##############################
*/
.mcoc-timeline__aura {
  position: fixed;
  width: 100%;
  height: calc(100% - 140px);
  z-index: 0;
  overflow: hidden;
}
.mcoc-timeline__aura > div {
  position: absolute;
  opacity: 0;
  width: 80%;
  height: 80%;
  border-radius: 50%;
  scale: 1;
  -webkit-filter: blur(150px);
          filter: blur(150px);
}
.mcoc-timeline__aura > div:nth-child(1) {
  background-color: #1a28cf;
  -webkit-animation: aura-1 40s 0s linear infinite;
          animation: aura-1 40s 0s linear infinite;
}
.mcoc-timeline__aura > div:nth-child(2) {
  background-color: #fc00ff;
  -webkit-animation: aura-2 60s 0s linear infinite;
          animation: aura-2 60s 0s linear infinite;
}
.mcoc-timeline__aura > div:nth-child(3) {
  background-color: #4f38c5;
  -webkit-animation: aura-3 80s 0s linear infinite;
          animation: aura-3 80s 0s linear infinite;
}

@-webkit-keyframes aura-1 {
  0% {
    top: -50vh;
    left: 50vw;
    opacity: 0.1;
    scale: 0.5;
  }
  25% {
    left: -50vw;
    opacity: 0.25;
  }
  50% {
    top: 100vh;
    opacity: 0.1;
    scale: 1.5;
  }
  75% {
    left: 100vw;
    opacity: 0.25;
  }
  100% {
    top: -50vh;
    left: 50vw;
    opacity: 0.1;
    scale: 0.5;
  }
}

@keyframes aura-1 {
  0% {
    top: -50vh;
    left: 50vw;
    opacity: 0.1;
    scale: 0.5;
  }
  25% {
    left: -50vw;
    opacity: 0.25;
  }
  50% {
    top: 100vh;
    opacity: 0.1;
    scale: 1.5;
  }
  75% {
    left: 100vw;
    opacity: 0.25;
  }
  100% {
    top: -50vh;
    left: 50vw;
    opacity: 0.1;
    scale: 0.5;
  }
}
@-webkit-keyframes aura-2 {
  0% {
    top: 50vh;
    left: 100vw;
    opacity: 0.1;
    scale: 0.5;
  }
  25% {
    top: 100vh;
    opacity: 0.25;
  }
  50% {
    left: -50vw;
    opacity: 0.1;
    scale: 1.5;
  }
  75% {
    top: -50vh;
    opacity: 0.25;
  }
  100% {
    top: 50vh;
    left: 100vw;
    opacity: 0.1;
    scale: 0.5;
  }
}
@keyframes aura-2 {
  0% {
    top: 50vh;
    left: 100vw;
    opacity: 0.1;
    scale: 0.5;
  }
  25% {
    top: 100vh;
    opacity: 0.25;
  }
  50% {
    left: -50vw;
    opacity: 0.1;
    scale: 1.5;
  }
  75% {
    top: -50vh;
    opacity: 0.25;
  }
  100% {
    top: 50vh;
    left: 100vw;
    opacity: 0.1;
    scale: 0.5;
  }
}
@-webkit-keyframes aura-3 {
  0% {
    top: 100vh;
    left: 50vw;
    opacity: 0.1;
    scale: 0.5;
  }
  25% {
    left: 100vw;
    opacity: 0.25;
  }
  50% {
    top: -50vh;
    opacity: 0.1;
    scale: 1.5;
  }
  75% {
    left: -50vw;
    opacity: 0.25;
  }
  100% {
    top: 100vh;
    left: 50vw;
    opacity: 0.1;
    scale: 0.5;
  }
}
@keyframes aura-3 {
  0% {
    top: 100vh;
    left: 50vw;
    opacity: 0.1;
    scale: 0.5;
  }
  25% {
    left: 100vw;
    opacity: 0.25;
  }
  50% {
    top: -50vh;
    opacity: 0.1;
    scale: 1.5;
  }
  75% {
    left: -50vw;
    opacity: 0.25;
  }
  100% {
    top: 100vh;
    left: 50vw;
    opacity: 0.1;
    scale: 0.5;
  }
}