/* Guests */

.character-button.captain::before,
.captain .portrait-picture {
  background-image: url(./cg/others/captain_pt.png);
}
.full-body-character.captain {
  background-image: url(./cg/others/captain.png);
}
.full-body-character.captain.step-1 {
  background-position-x: -811px;
}
.full-body-character.captain.step-2 {
  background-position-x: -1622px;
}
.full-body-character.captain.step-3 {
  background-position-x: -2433px;
}
.full-body-character.captain.step-4 {
  background-position-x: -3244px;
}
.full-body-character.captain.step-5 {
  background-position-x: -4055px;
}

.character-button.ercis::before,
.ercis .portrait-picture {
  background-image: url(./cg/others/ercis_pt.png);
}
.full-body-character.ercis {
  background-image: url(./cg/others/ercis.png);
}
.full-body-character.ercis.step-1 {
  background-position-x: -811px;
}
.full-body-character.ercis.step-2 {
  background-position-x: -1622px;
}
.full-body-character.ercis.step-3 {
  background-position-x: -2433px;
}
.full-body-character.ercis.step-4 {
  background-position-x: -3244px;
}
.full-body-character.ercis.step-5 {
  background-position-x: -4055px;
}
.full-body-character.ercis.step-6 {
  background-position-x: -4866px;
}


.character-button.inca::before,
.inca .portrait-picture {
  background-image: url(./cg/others/inca_pt.png);
}
.full-body-character.inca {
  background-image: url(./cg/others/inca.png);
}
.full-body-character.inca.step-1 {
  background-position-x: -811px;
}
.full-body-character.inca.step-2 {
  background-position-x: -1622px;
}
.full-body-character.inca.step-3 {
  background-position-x: -2433px;
}
.full-body-character.inca.step-4 {
  background-position-x: -3244px;
}
.full-body-character.inca.step-5 {
  background-position-x: -4055px;
}

.character-button.leather::before,
.leather .portrait-picture {
  background-image: url(./cg/others/leather_pt.png);
}
.full-body-character.leather {
  background-image: url(./cg/others/leather.png);
}
.full-body-character.leather.step-1 {
  background-position-x: -811px;
}
.full-body-character.leather.step-2 {
  background-position-x: -1622px;
}
.full-body-character.leather.step-3 {
  background-position-x: -2433px;
}
.full-body-character.leather.step-4 {
  background-position-x: -3244px;
}
.full-body-character.leather.step-5 {
  background-position-x: -4055px;
}

.character-button.viking::before,
.viking .portrait-picture {
  background-image: url(./cg/others/viking_pt.png);
}
.full-body-character.viking {
  background-image: url(./cg/others/viking.png);
}
.full-body-character.viking.step-1 {
  background-position-x: -811px;
}
.full-body-character.viking.step-2 {
  background-position-x: -1622px;
}
.full-body-character.viking.step-3 {
  background-position-x: -2433px;
}
.full-body-character.viking.step-4 {
  background-position-x: -3244px;
}
.full-body-character.viking.step-5 {
  background-position-x: -4055px;
}

.character-button.bren::before,
.bren .portrait-picture {
  background-image: url(./cg/others/bren_pt.png);
}
.full-body-character.bren {
  background-image: url(./cg/others/bren.png);
}
.full-body-character.bren.step-1 {
  background-position-x: -811px;
}
.full-body-character.bren.step-2 {
  background-position-x: -1622px;
}
.full-body-character.bren.step-3 {
  background-position-x: -2433px;
}
.full-body-character.bren.step-4 {
  background-position-x: -3244px;
}
.full-body-character.bren.step-5 {
  background-position-x: -4055px;
}
.full-body-character.bren.step-6 {
  background-position-x: -4866px;
}


.character-button.ector::before,
.ector .portrait-picture {
  background-image: url(./cg/others/ector_pt.png);
}
.full-body-character.ector {
  background-image: url(./cg/others/ector.png);
}
.full-body-character.ector.step-1 {
  background-position-x: -811px;
}
.full-body-character.ector.step-2 {
  background-position-x: -1622px;
}
.full-body-character.ector.step-3 {
  background-position-x: -2433px;
}
.full-body-character.ector.step-4 {
  background-position-x: -3244px;
}
.full-body-character.ector.step-5 {
  background-position-x: -4055px;
}


.character-button.samurai::before,
.samurai .portrait-picture {
  background-image: url(./cg/others/samurai_pt.png);
}
.full-body-character.samurai {
  background-image: url(./cg/others/samurai.png);
}
.full-body-character.samurai.step-1 {
  background-position-x: -811px;
}
.full-body-character.samurai.step-2 {
  background-position-x: -1622px;
}
.full-body-character.samurai.step-3 {
  background-position-x: -2433px;
}
.full-body-character.samurai.step-4 {
  background-position-x: -3244px;
}
.full-body-character.samurai.step-5 {
  background-position-x: -4055px;
}
.full-body-character.samurai.step-6 {
  background-position-x: -4866px;
}


.character-button.big_horn::before,
.big_horn .portrait-picture {
  background-image: url(./cg/others/big_horn_pt.png);
}
.full-body-character.big_horn {
  background-image: url(./cg/others/big_horn.png);
}
.full-body-character.big_horn.step-1 {
  background-position-x: -811px;
}
.full-body-character.big_horn.step-2 {
  background-position-x: -1622px;
}
.full-body-character.big_horn.step-3 {
  background-position-x: -2433px;
}
.full-body-character.big_horn.step-4 {
  background-position-x: -3244px;
}
.full-body-character.big_horn.step-5 {
  background-position-x: -4055px;
}
.full-body-character.big_horn.step-6 {
  background-position-x: -4866px;
}
.full-body-character.big_horn.step-7 {
  background-position-x: -5677px;
}


.character-button.bunny::before,
.bunny .portrait-picture {
  background-image: url(./cg/others/bunny_pt.png);
}
.full-body-character.bunny {
  background-image: url(./cg/others/bunny.png);
}
.full-body-character.bunny.step-1 {
  background-position-x: -811px;
}
.full-body-character.bunny.step-2 {
  background-position-x: -1622px;
}
.full-body-character.bunny.step-3 {
  background-position-x: -2433px;
}
.full-body-character.bunny.step-4 {
  background-position-x: -3244px;
}
.full-body-character.bunny.step-5 {
  background-position-x: -4055px;
}
.full-body-character.bunny.step-6 {
  background-position-x: -4866px;
}


.character-button.bugbear::before,
.bugbear .portrait-picture {
  background-image: url(./cg/ettaran/bugbear_pt.png);
}
.full-body-character.bugbear {
  background-image: url(./cg/ettaran/bugbear.png);
}
.full-body-character.bugbear.step-1 {
  background-position-x: -811px;
}
.full-body-character.bugbear.step-2 {
  background-position-x: -1622px;
}
.full-body-character.bugbear.step-3 {
  background-position-x: -2433px;
}
.full-body-character.bugbear.step-4 {
  background-position-x: -3244px;
}
.full-body-character.bugbear.step-5 {
  background-position-x: -4055px;
}
.full-body-character.bugbear.step-6 {
  background-position-x: -4866px;
}