/* 

    3D Player Render Code
    Do not modify this

*/

.container_background {
  position: absolute;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: 'transparent';
  transition: background 0.2s ease;
  z-index: -99;

}

.container_skinviewer {
  transform-style: flat;
  display: flex;
  justify-content: center;
  align-items: center;
  perspective: 1000px;
  width: 50%;
  height: 100%;
  position: absolute;
  left: 0;
  transition: left 1s ease, transform 1s ease;
  /* Atmospheric right-edge fade into panel */
  -webkit-mask-image: linear-gradient(to right, black 60%, transparent 96%);
  mask-image: linear-gradient(to right, black 60%, transparent 96%);
}

.container_skinviewer.visualisation_mode {
  left: 50%;
  transform: translateX(-50%);
}

.container_skinviewer .post_container {
  transform-style: preserve-3d;
  position: relative;
  transition: filter 0.2s ease-in-out;
}

/* ============================================
   SHADOW - Ombre 3D projetée au sol
   À ajouter APRÈS le code existant
   ============================================ */

/* Conteneur de l'ombre - hérite du contexte 3D */
.container_skinviewer .post .shadow {
  transform-style: preserve-3d;
  position: absolute;
  width: 200px;
  height: 200px;
  pointer-events: none;
}

/* Face de l'ombre posée au sol sous les pieds */
.container_skinviewer .post .shadow .ground {
  position: absolute;
  width: 220px;
  height: 220px;

  /* Positionnement au sol sous les pieds */
  transform:
    rotateX(360deg) 
    translateX(-10px) 
    translateY(0) 
    translateZ(-300px);

  /* Forme et apparence */
  background: radial-gradient(ellipse at center,
      rgba(0, 0, 0, 0.50) 0%,
      rgba(0, 0, 0, 0.30) 25%,
      rgba(0, 0, 0, 0.12) 55%,
      transparent 85%);
  border-radius: 50%;
  filter: blur(4px);
}

/* Seconde couche d'ombre plus diffuse */
.container_skinviewer .post .shadow .ground_diffuse {
  position: absolute;
  width: 220px;
  height: 220px;

  transform:
    rotateX(360deg) 
    translateX(-10px) 
    translateY(0) 
    translateZ(-300px);

  background: radial-gradient(ellipse at center,
      rgba(0, 0, 0, 0.18) 0%,
      rgba(0, 0, 0, 0.08) 40%,
      transparent 70%);
  border-radius: 50%;
  filter: blur(10px);
}

.container_skinviewer .post {
  transition: background 0.1s ease-in-out, transition 0.2s ease-in-out;
  transform-style: preserve-3d;
  width: 200px;
  height: 200px;
  background-image: url("https://i.ibb.co/tMXdcd3/E-1.png"), url("https://i.ibb.co/YX2HRJm/H-1.png"), url("https://i.ibb.co/LQTbBPc/Male-Muscular-base.png");
  /*
  Base Féminin    :

  background-image:url('https://i.ibb.co/chVRhTn/E-4.png'),url('https://i.ibb.co/ngPQKHf/H-4.png'),url('https://i.ibb.co/mzsQTJx/Female-Normal-Base.png');

  ______________________________________________________________________
  Base Masculin   :

  background-image:url('https://i.ibb.co/chVRhTn/E-4.png'),url('https://i.ibb.co/ngPQKHf/H-4.png'),url('https://i.ibb.co/mzsQTJx/Female-Normal-Base.png');
  */
  image-rendering: pixelated;
  background-size: 0;
}

.container_skinviewer .post .head_overlay {
  transform-origin: 100px 100px;
  transform-style: inherit;
  width: 100px;
  height: 100px;
  position: relative;
  background-size: 0;
  background-image: inherit;
  position: absolute;
  transform: scale3d(1.1, 1.1, 1.1);
}

.container_skinviewer .post .head_overlay .back {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotateX(-90deg) translatex(50px) translatey(-50px);
  background-position: -700px -100px;
}

.container_skinviewer .post .head_overlay .front {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotateX(-90deg) translatex(50px) translatey(-50px) translatez(100px);
  background-position: -500px -100px;
}

.container_skinviewer .post .head_overlay .left {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotatez(-90deg) rotateX(-90deg) translatex(-50px) translatey(-50px) translatez(100px);
  background-position: -600px -100px;
}

.container_skinviewer .post .head_overlay .right {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotatez(90deg) rotateX(-90deg) translatex(50px) translatey(-50px);
  background-position: -400px -100px;
}

.container_skinviewer .post .head_overlay .top {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: translatex(50px) translatey(50px) translatez(100px);
  background-position: -500px 0;
}

.container_skinviewer .post .head_overlay .bottom {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: translatex(50px) translatey(50px);
  background-position: -600px 0;
}

.container_skinviewer .post .body_overlay {
  transform-style: inherit;
  width: 100px;
  height: 150px;
  position: relative;
  background-size: 0;
  background-image: inherit;
  position: absolute;
  transform: translatez(-135px) translatey(-85px) translatex(-5px) scale3d(1.1, 1.1, 1.1);
}

.container_skinviewer .post .body_overlay .back {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotatex(90deg) rotate(180deg) translatex(-50px) translatey(-50px) translatez(-75px);
  background-position: -400px -450px;
}

.container_skinviewer .post .body_overlay .front {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotateX(-90deg) translatex(50px) translatey(-50px) translatez(125px);
  background-position: -250px -450px;
}

.container_skinviewer .post .body_overlay .left {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotatez(-90deg) rotateX(-90deg) translatex(-100px) translatey(-75px) translatez(125px);
  background-position: -350px -450px;
  width: 50px;
  height: 150px;
  background-size: 1600%;
}

.container_skinviewer .post .body_overlay .right {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotatez(90deg) rotateX(-90deg) translatex(100px) translatey(-75px) translatez(-25px);
  background-position: -200px -450px;
  width: 50px;
  height: 150px;
  background-size: 1600%;
}

.container_skinviewer .post .body_overlay .top {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  width: 100px;
  height: 50px;
  transform: translatex(50px) translatey(150px) translatez(125px);
  background-position: -250px -450px;
}

.container_skinviewer .post .body_overlay .bottom {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: translatex(50px) translatey(150px) rotate(180deg);
  background-position: -200px 0;
  width: 100px;
  height: 50px;
  background-position: -350px -200px;
}

.container_skinviewer .post .right_hand_overlay {
  transform-style: inherit;
  width: 50px;
  height: 150px;
  position: relative;
  background-size: 0;
  background-image: inherit;
  position: absolute;
  transform: translatez(-130px) translatey(-57px) translatex(-55px) scale3d(1.1, 1.1, 1.1);
}

.container_skinviewer .post .right_hand_overlay .back {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotatex(-90deg) translatex(50px) translatey(-50px) translatez(50px);
  background-position: -650px -450px;
  background-size: 1600%;
}

.container_skinviewer .post .right_hand_overlay .front {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotateX(-90deg) translatex(50px) translatey(-50px) translatez(100px);
  background-position: -550px -450px;
  background-size: 1600%;
}

.container_skinviewer .post .right_hand_overlay .left {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotatez(-90deg) rotateX(-90deg) translatex(-75px) translatey(-50px) translatez(75px);
  background-position: -600px -450px;
  background-size: 1600%;
}

.container_skinviewer .post .right_hand_overlay .right {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  background-position: -500px -450px;
  transform: rotatez(90deg) rotateX(-90deg) translatex(75px) translatey(-50px) translatez(-25px);
  background-size: 1600%;
}

.container_skinviewer .post .right_hand_overlay .top {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  width: 50px;
  height: 50px;
  transform: translatex(50px) translatey(125px) translatez(125px);
  background-position: -550px -400px;
  background-size: 1600%;
}

.container_skinviewer .post .right_hand_overlay .bottom {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: translatex(50px) translatey(125px) translatez(-25px) rotate(180deg);
  width: 50px;
  height: 50px;
  background-position: -600px -400px;
  background-size: 1600%;
}

.container_skinviewer .post .left_hand_overlay {
  transform-style: inherit;
  width: 50px;
  height: 150px;
  position: relative;
  background-size: 0;
  background-image: inherit;
  position: absolute;
  transform: translatez(-130px) translatey(-57px) translatex(95px) scale3d(1.1, 1.1, 1.1);
}

.container_skinviewer .post .left_hand_overlay .back {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotatex(-90deg) translatex(50px) translatey(-50px) translatez(50px);
  background-position: -750px -650px;
  background-size: 1600%;
}

.container_skinviewer .post .left_hand_overlay .front {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotateX(-90deg) translatex(50px) translatey(-50px) translatez(100px);
  background-position: -650px -650px;
  background-size: 1600%;
}

.container_skinviewer .post .left_hand_overlay .left {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotatez(-90deg) rotateX(-90deg) translatex(-75px) translatey(-50px) translatez(75px);
  background-position: -700px -650px;
  background-size: 1600%;
}

.container_skinviewer .post .left_hand_overlay .right {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  background-position: -600px -650px;
  transform: rotatez(90deg) rotateX(-90deg) translatex(75px) translatey(-50px) translatez(-25px);
  background-size: 1600%;
}

.container_skinviewer .post .left_hand_overlay .top {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  width: 50px;
  height: 50px;
  transform: translatex(50px) translatey(125px) translatez(125px);
  background-position: -650px -600px;
  background-size: 1600%;
}

.container_skinviewer .post .left_hand_overlay .bottom {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: translatex(50px) translatey(125px) translatez(-25px) rotate(180deg);
  width: 50px;
  height: 50px;
  background-position: -700px -600px;
  background-size: 1600%;
}

.container_skinviewer .post .left_foot_overlay {
  transform-style: inherit;
  width: 50px;
  height: 150px;
  position: relative;
  background-size: 0;
  background-image: inherit;
  position: absolute;
  transform: translatez(-275px) translatey(-55px) translatex(45px) scale3d(1.1, 1.1, 1.1);
}

.container_skinviewer .post .left_foot_overlay .back {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotatex(-90deg) translatex(50px) translatey(-50px) translatez(50px);
  background-position: -150px -650px;
  background-size: 1600%;
}

.container_skinviewer .post .left_foot_overlay .front {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotateX(-90deg) translatex(50px) translatey(-50px) translatez(100px);
  background-position: -50px -650px;
  background-size: 1600%;
}

.container_skinviewer .post .left_foot_overlay .left {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotatez(-90deg) rotateX(-90deg) translatex(-75px) translatey(-50px) translatez(75px);
  background-position: -100px -650px;
  background-size: 1600%;
}

.container_skinviewer .post .left_foot_overlay .right {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  background-position: 0px -650px;
  transform: rotatez(90deg) rotateX(-90deg) translatex(75px) translatey(-50px) translatez(-25px);
  background-size: 1600%;
}

.container_skinviewer .post .left_foot_overlay .top {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  width: 50px;
  height: 50px;
  transform: translatex(50px) translatey(125px) translatez(125px);
  background-position: -50px -600px;
  background-size: 1600%;
}

.container_skinviewer .post .left_foot_overlay .bottom {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: translatex(50px) translatey(125px) translatez(-25px) rotate(180deg);
  width: 50px;
  height: 50px;
  background-position: -100px -600px;
  background-size: 1600%;
}

.container_skinviewer .post .right_foot_overlay {
  transform-style: inherit;
  width: 50px;
  height: 150px;
  position: relative;
  background-size: 0;
  background-image: inherit;
  position: absolute;
  transform: translatez(-275px) translatey(-55px) translatex(-5px) scale3d(1.1, 1.1, 1.1);
}

.container_skinviewer .post .right_foot_overlay .back {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotatex(-90deg) translatex(50px) translatey(-50px) translatez(50px);
  background-position: -150px -450px;
  background-size: 1600%;
}

.container_skinviewer .post .right_foot_overlay .front {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotateX(-90deg) translatex(50px) translatey(-50px) translatez(100px);
  background-position: -50px -450px;
  background-size: 1600%;
}

.container_skinviewer .post .right_foot_overlay .left {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotatez(-90deg) rotateX(-90deg) translatex(-75px) translatey(-50px) translatez(75px);
  background-position: -100px -450px;
  background-size: 1600%;
}

.container_skinviewer .post .right_foot_overlay .right {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  background-position: 0px -450px;
  transform: rotatez(90deg) rotateX(-90deg) translatex(75px) translatey(-50px) translatez(-25px);
  background-size: 1600%;
}

.container_skinviewer .post .right_foot_overlay .top {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  width: 50px;
  height: 50px;
  transform: translatex(50px) translatey(125px) translatez(125px);
  background-position: -50px -400px;
  background-size: 1600%;
}

.container_skinviewer .post .right_foot_overlay .bottom {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: translatex(50px) translatey(125px) translatez(-25px) rotate(180deg);
  width: 50px;
  height: 50px;
  background-position: -100px -400px;
  background-size: 1600%;
}

.container_skinviewer .post .head {
  transform-origin: 100px 100px;
  transform-style: inherit;
  width: 100px;
  height: 100px;
  background-size: 0;
  background-image: inherit;
  position: absolute;
}

.container_skinviewer .post .head .back {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotateX(-90deg) translatex(50px) translatey(-50px) scaleX(-1);
  background-position: -300px -100px;
}

.container_skinviewer .post .head .front {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotateX(-90deg) translatex(50px) translatey(-50px) translatez(100px);
  background-position: -100px -100px;
}

.container_skinviewer .post .head .left {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotatez(-90deg) rotateX(-90deg) translatex(-50px) translatey(-50px) translatez(100px);
  background-position: -200px -100px;
}

.container_skinviewer .post .head .right {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotatez(90deg) rotateX(-90deg) translatex(50px) translatey(-50px);
  background-position: 0 -100px;
}

.container_skinviewer .post .head .top {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: translatex(50px) translatey(50px) translatez(100px);
  background-position: -100px 0;
}

.container_skinviewer .post .head .bottom {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: translatex(50px) translatey(50px);
  background-position: -200px 0;
}

.container_skinviewer .post .body {
  transform-style: inherit;
  width: 100px;
  height: 200px;
  position: relative;
  background-size: 0;
  background-image: inherit;
  position: absolute;
  transform: translatez(-150px) translatey(-75px);
}

.container_skinviewer .post .body .back {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotatex(90deg) rotate(180deg) translatex(-50px) translatey(-50px) translatez(-50px);
  background-position: -400px -250px;
}

.container_skinviewer .post .body .front {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotateX(-90deg) translatex(50px) translatey(-50px) translatez(100px);
  background-position: -250px -250px;
}

.container_skinviewer .post .body .left {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotatez(-90deg) rotateX(-90deg) translatex(-100px) translatey(-75px) translatez(125px);
  background-position: -350px -250px;
  width: 50px;
  height: 150px;
  background-size: 1600%;
}

.container_skinviewer .post .body .right {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotatez(90deg) rotateX(-90deg) translatex(100px) translatey(-75px) translatez(-25px);
  background-position: -200px -250px;
  width: 50px;
  height: 150px;
  background-size: 1600%;
}

.container_skinviewer .post .body .top {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  width: 100px;
  height: 50px;
  transform: translatex(50px) translatey(150px) translatez(150px);
  background-position: -250px -200px;
}

.container_skinviewer .post .body .bottom {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: translatex(50px) translatey(150px) rotate(180deg);
  background-position: -200px 0;
  width: 100px;
  height: 50px;
  background-position: -350px -200px;
}

.container_skinviewer .post .right_hand {
  transform-style: inherit;
  width: 50px;
  height: 150px;
  position: relative;
  background-size: 0;
  background-image: inherit;
  position: absolute;
  transform: translatez(-125px) translatey(-50px) translatex(-50px);
}

.container_skinviewer .post .right_hand .back {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotatex(-90deg) translatex(50px) translatey(-50px) translatez(50px);
  background-position: -550px -650px;
  background-size: 1600%;
}

.container_skinviewer .post .right_hand .front {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotateX(-90deg) translatex(50px) translatey(-50px) translatez(100px);
  background-position: -550px -250px;
  background-size: 1600%;
}

.container_skinviewer .post .right_hand .left {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotatez(-90deg) rotateX(-90deg) translatex(-75px) translatey(-50px) translatez(75px);
  background-position: -600px -250px;
  background-size: 1600%;
}

.container_skinviewer .post .right_hand .right {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  background-position: -500px -250px;
  transform: rotatez(90deg) rotateX(-90deg) translatex(75px) translatey(-50px) translatez(-25px);
  background-size: 1600%;
}

.container_skinviewer .post .right_hand .top {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  width: 50px;
  height: 50px;
  transform: translatex(50px) translatey(125px) translatez(125px);
  background-position: -550px -200px;
  background-size: 1600%;
}

.container_skinviewer .post .right_hand .bottom {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: translatex(50px) translatey(125px) translatez(-25px) rotate(180deg);
  width: 50px;
  height: 50px;
  background-position: -600px -200px;
  background-size: 1600%;
}

.container_skinviewer .post .left_hand {
  transform-style: inherit;
  width: 50px;
  height: 150px;
  position: relative;
  background-size: 0;
  background-image: inherit;
  position: absolute;
  transform: translatez(-125px) translatey(-50px) translatex(100px);
}

.container_skinviewer .post .left_hand .back {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotatex(-90deg) translatex(50px) translatey(-50px) translatez(50px);

  background-position: -650px -250px;
  background-size: 1600%;
}

.container_skinviewer .post .left_hand .front {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotateX(-90deg) translatex(50px) translatey(-50px) translatez(100px);
  background-position: -450px -650px;
  background-size: 1600%;
}

.container_skinviewer .post .left_hand .left {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotatez(-90deg) rotateX(-90deg) translatex(-75px) translatey(-50px) translatez(75px);
  background-position: -500px -650px;
  background-size: 1600%;
}

.container_skinviewer .post .left_hand .right {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  background-position: -400px -650px;
  transform: rotatez(90deg) rotateX(-90deg) translatex(75px) translatey(-50px) translatez(-25px);
  background-size: 1600%;
}

.container_skinviewer .post .left_hand .top {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  width: 50px;
  height: 50px;
  transform: translatex(50px) translatey(125px) translatez(125px);
  background-position: -450px -600px;
  background-size: 1600%;
}

.container_skinviewer .post .left_hand .bottom {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: translatex(50px) translatey(125px) translatez(-25px) rotate(180deg);
  width: 50px;
  height: 50px;
  background-position: -500px -600px;
  background-size: 1600%;
}

.container_skinviewer .post .left_foot {
  transform-style: inherit;
  width: 50px;
  height: 150px;
  position: relative;
  background-size: 0;
  background-image: inherit;
  position: absolute;
  transform: translatez(-275px) translatey(-50px) translatex(50px);
}

.container_skinviewer .post .left_foot .back {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotatex(-90deg) translatex(50px) translatey(-50px) translatez(50px);
  background-position: -150px -250px;
  background-size: 1600%;
}

.container_skinviewer .post .left_foot .front {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotateX(-90deg) translatex(50px) translatey(-50px) translatez(100px);
  background-position: -250px -650px;
  background-size: 1600%;
}

.container_skinviewer .post .left_foot .left {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotatez(-90deg) rotateX(-90deg) translatex(-75px) translatey(-50px) translatez(75px);
  background-position: -300px -650px;
  background-size: 1600%;
}

.container_skinviewer .post .left_foot .right {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  background-position: -200px -650px;
  transform: rotatez(90deg) rotateX(-90deg) translatex(75px) translatey(-50px) translatez(-25px);
  background-size: 1600%;
}

.container_skinviewer .post .left_foot .top {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  width: 50px;
  height: 50px;
  transform: translatex(50px) translatey(125px) translatez(125px);
  background-position: -250px -600px;
  background-size: 1600%;
}

.container_skinviewer .post .left_foot .bottom {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: translatex(50px) translatey(125px) translatez(-25px) rotate(180deg);
  width: 50px;
  height: 50px;
  background-position: -300px -600px;
  background-size: 1600%;
}

.container_skinviewer .post .right_foot {
  transform-style: inherit;
  width: 50px;
  height: 150px;
  position: relative;
  background-size: 0;
  background-image: inherit;
  position: absolute;
  transform: translatez(-275px) translatey(-50px) translatex(0px);
}

.container_skinviewer .post .right_foot .back {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotatex(-90deg) translatex(50px) translatey(-50px) translatez(50px);
  background-position: -350px -650px;
  background-size: 1600%;
}

.container_skinviewer .post .right_foot .front {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotateX(-90deg) translatex(50px) translatey(-50px) translatez(100px);
  background-position: -50px -250px;
  background-size: 1600%;
}

.container_skinviewer .post .right_foot .left {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: rotatez(-90deg) rotateX(-90deg) translatex(-75px) translatey(-50px) translatez(75px);
  background-position: -100px -250px;
  background-size: 1600%;
}

.container_skinviewer .post .right_foot .right {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  background-position: 0px -250px;
  transform: rotatez(90deg) rotateX(-90deg) translatex(75px) translatey(-50px) translatez(-25px);
  background-size: 1600%;
}

.container_skinviewer .post .right_foot .top {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  width: 50px;
  height: 50px;
  transform: translatex(50px) translatey(125px) translatez(125px);
  background-position: -50px -200px;
  background-size: 1600%;
}

.container_skinviewer .post .right_foot .bottom {
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  background-size: 800%;
  transform: translatex(50px) translatey(125px) translatez(-25px) rotate(180deg);
  width: 50px;
  height: 50px;
  background-position: -100px -200px;
  background-size: 1600%;
}