body{font-family: arial,verdana;font-size: 12px;padding: 5px 0 0 0;}

 .hit-area {
  position: relative;
  width: 267px;
  height: 265px;
  background-color: #ffffff;
  margin: 148px auto 0 auto;
  border-radius: 100px;
  box-shadow: 0px 0px 46px #0000001a;
  float: none;
  background: linear-gradient(-39deg, #cfd7e0 0,#ffffff 58%);
}
.hit-area button{position: absolute;bottom: 28px;right: 50%;border-radius: 35px;width: 62px;height: 24px;border: none;margin: 0px -31px 0px 1px;background-color: #999;}
/*.hit-area button{border-radius: 20px 180% 20px 20px;}*/
.hit-area button{border-radius: 19px  19px 100% 100%;height:20px;outline: none;-webkit-transition: all 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28);background-color: #ffcaca;bottom: 34px;border: 3px solid #b7c7d4;box-shadow: 0px 3px 8px 1px #0000004d inset;}
::-webkit-scrollbar { width: 5px;}
::-webkit-scrollbar-thumb {
    background-color: #e4e4e4;
}
::-webkit-scrollbar-thumb:hover {
    border-width: 1px 1px 1px 2px;
    border-color: #555;
    background-color: #7e8992
}
::-webkit-scrollbar-track {
    border-width: 0
}
::-webkit-scrollbar-track:hover {
    background-color: #cdd9e4
}



@keyframes animatedBackground {
  from {
    background-position: 3px 8px;
  }
  to {
    background-position: 500% 8px;
  }
}


.hitbox {
  width: 53px;
  height: 52px;
  float:left;
  /* border: 1px solid #bfbfbf61; */
  margin: 0px -2px 0px 0px;
}

.eye {
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  left: 8%;
  top: 26%;
  background-color: #e8e8e8;
  pointer-events: none;
  max-width: 40%;
  max-height: 40%;
  box-shadow: 1px 1px 24px 13px #e3e8ed inset;
  background-color: #FFF;
}

.eye + .eye {
  left: 55%;
}

.pupil {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: black;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  transition: all .5s ease;
}

.eyelid {
  width: 80px;
  height: 22px;
  background-color: #b7c7d4;
  border-radius: 8px;
  position: absolute;
  left: 14%;
  top: 14%;
  pointer-events: none;
  -webkit-animation-name: blink;
  -webkit-animation-duration: 4.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -webkit-animation-direction: alternate;
  -webkit-animation-delay: 1s;
  -webkit-transition: all .5s ease;
  max-width: 31%;
}
.eyelid {border-radius: 180% 20px 20px 20px;height: 20px;}
.eyelid:nth-of-type(2n+1){border-radius: 20px 180% 20px 20px;}
.eyelid + .eyelid {
  left: 57%;
}

@-webkit-keyframes blink {
  0% {
    top: 14%;
  }
  95% {
    top: 14%;
  }
  100% {
    top: 40%;
  }
}

.hitbox:hover ~ .eyelid {
  -webkit-transform: rotate(-10deg);
}

.hitbox:hover ~ .eyelid:nth-of-type(2n+1) {
  -webkit-transform: rotate(10deg);
}

#c-3:hover ~ .eyelid {
  -webkit-transform:  rotate(15deg);
}

#c-3:hover ~ .eyelid:nth-of-type(2n+1) {
  -webkit-transform: rotate(-15deg);
}

#c-3:hover ~ .eye .pupil {
  background-color: black;
}

#a-1:hover ~ .eye > .pupil {
  -webkit-transform: rotate(60deg) translate(-30px);
}

#a-2:hover ~ .eye > .pupil {
  -webkit-transform: rotate(80deg) translate(-30px);
}

#a-3:hover ~ .eye > .pupil {
  -webkit-transform: rotate(90deg) translate(-30px);
}

#a-4:hover ~.eye > .pupil {
  -webkit-transform: rotate(100deg) translate(-30px);
}

#a-5:hover ~ .eye > .pupil {
  -webkit-transform: rotate(120deg) translate(-30px);
}

#b-1:hover ~ .eye > .pupil {
  -webkit-transform: rotate(50deg) translate(-25px);
}

#b-2:hover ~ .eye > .pupil {
  -webkit-transform: rotate(70deg) translate(-25px);
}

#b-3:hover ~ .eye > .pupil {
  -webkit-transform: rotate(90deg) translate(-25px);
}

#b-4:hover ~.eye > .pupil {
  -webkit-transform: rotate(110deg) translate(-25px);

}

#b-5:hover ~ .eye > .pupil {
  -webkit-transform: rotate(140deg) translate(-20px);
}

#c-1:hover ~ .eye > .pupil {
  -webkit-transform: rotate(0deg) translate(-25px);
}

#c-2:hover ~ .eye > .pupil {
  -webkit-transform: rotate(0deg) translate(-10px);
}

#c-3:hover ~ .eye > .pupil {
  -webkit-transform: rotate(0deg) translate(20px);
}

#c-3:hover ~ .eye:nth-of-type(2n+1) > .pupil {
  -webkit-transform: rotate(0deg) translate(-20px);
}

#c-4:hover ~.eye > .pupil {
  -webkit-transform: rotate(0deg) translate(10px);
}

#c-5:hover ~ .eye > .pupil {
  -webkit-transform: rotate(180deg) translate(-20px);
}

#d-1:hover ~ .eye > .pupil {
  -webkit-transform: rotate(-50deg) translate(-25px);
}

#d-2:hover ~ .eye > .pupil {
  -webkit-transform: rotate(-70deg) translate(-25px);
}

#d-3:hover ~ .eye > .pupil {
  -webkit-transform: rotate(-90deg) translate(-25px);
}

#d-4:hover ~.eye > .pupil {
  -webkit-transform: rotate(-110deg) translate(-25px);
}

#d-5:hover ~ .eye > .pupil {
    -webkit-transform: rotate(-130deg) translate(-30px);
}

#e-1:hover ~ .eye > .pupil {
  -webkit-transform: rotate(-40deg) translate(-30px);
}

#e-2:hover ~ .eye > .pupil {
  -webkit-transform: rotate(-60deg) translate(-30px);
}

#e-3:hover ~ .eye > .pupil {
   -webkit-transform: rotate(-80deg) translate(-35px);
}

#e-4:hover ~.eye > .pupil {
   -webkit-transform: rotate(-100deg) translate(-35px);
}

#e-5:hover ~ .eye > .pupil {
  -webkit-transform: rotate(-120deg) translate(-35px);
}

#SpeethX:hover ~.eye > .pupil {
  -webkit-transform: rotate(-100deg) translate(-30px);
}

table{padding: 8px;border-collapse:collapse;margin: -55px auto 0px auto;border-radius:  6px;background-color: #eaeef1;border: none;font-size: 12px;position: fixed;left: 1px;bottom: 31px;z-index: 1;}
table td{border: 1px solid #ffffff;padding: 6px 12px;/* width: 100%; */}
.em:hover,.actem{cursor:pointer;color: #F00 !important;/* border: 1px solid #F00; */}
.realiz{color: #5da4dd;/* font-weight: 900; */}
.actem img{box-shadow: 0px 0px 12px 3px #b7c7d48c inset !important;}
/* neutral */
.em_neutral .eyelid {-webkit-transform:  rotate(0deg);border-radius: 30px 20px 18px 18px;height: 20px;}
.em_neutral .eyelid:nth-of-type(2n+1) {-webkit-transform: rotate(-0deg);border-radius: 20px 30px 18px 18px;}

/*
.em_neutral #SpeethX{height: 23px;border-radius: 0;width: 75px;background-size: 110% 100%;background-color: #9990;background-repeat: no-repeat;background-position: -1px -3px;margin: 0px -37px 0px 0px;bottom: 37px;background-image: url("3.svg");}
*/
.em_neutral #SpeethX {
    height: 14px;
    width: 75px;
    margin: 0px -37px 0px 0px;
    bottom: 37px;
    background-color: #ffc8c8;
    border-radius: 91% 0px;
    transform: rotate(9deg) scaleY(1.5) matrix(0.8, 0, 0, 0.6, 0, 0);
    box-shadow: 0px 3px 1px 1px #00000021 inset;
}



.em_neutral .pupil{width: 25px; height: 25px; margin-left: -12.5px; margin-top: -12.5px;}
/* happy */
.em_happy .eyelid {-webkit-transform:  rotate(-7deg);}
.em_happy .eyelid:nth-of-type(2n+1) {-webkit-transform: rotate(7deg);}
/*
.em_happy #SpeethX{height: 40px;width: 104px;margin: 0px -52px 2px 0px;background-size: 100% 100%;background-color: #9990;background-repeat: no-repeat;background-position: 2px 5px;background-image: url(4.svg);}
*/
.em_happy #SpeethX {
    height: 29px;
    width: 81px;
    margin: 0px -44px 2px 0px;
    transform: rotate(0deg) scaleY(1.0) matrix(0.8, 0, 0, 0.6, 0, 0);
    background-color: #ffcaca;
    border: 4px solid #b7c7d4;
    box-shadow: -1px 6px 5px 1px #0000003b inset;
    border-radius: 13px 13px 100% 100%;
}


.em_happy .pupil{width: 30px; height: 30px; margin-left: -15px; margin-top: -15px;}
/* sad */
.em_sad .eyelid {-webkit-transform: rotate(-5deg);}
.em_sad .eyelid:nth-of-type(2n+1) {-webkit-transform: rotate(5deg);}
/*
.em_sad #SpeethX{height: 50px;width: 107px;margin: 0px -38px 8px 0px;background-size: 100% 100%;background-color: #9990;background-repeat: no-repeat;background-position: -4px 8px;background-image: url(5.svg);}
*/
.em_sad #SpeethX {
    height: 29px;
    margin: 0px -34px 2px 0px;
    transform: rotate(0deg) scaleY(-1.0) matrix(0.8, 0, 0, 0.6, 0, 0);
    background-color: #ffc8c8;
    border: 4px solid #b7c7d4;
    box-shadow: 1px -7px 2px 1px #0000002e inset;
    border-radius: 13px 13px 100% 100%;
}
.em_sad .pupil{width: 25px; height: 25px; margin-left: -12.5px; margin-top: -12.5px;-webkit-transform: rotate(-90deg) translate(-20px);}
/* angry */
.em_angry .eyelid {-webkit-transform:  rotate(15deg);}
.em_angry .eyelid:nth-of-type(2n+1) {-webkit-transform:  rotate(-15deg);}
/*
.em_angry #SpeethX{background-color: #b4c8d6;border-radius: 19px 19px 0 0;height: 9px;width: 50px;margin: 0px -27px 12px 1px;}
*/
.em_angry #SpeethX {
    border-radius: 19px 19px 0 0;
    width: 41px;
    margin: 0px -23px 12px 1px;
    height: 21px;
    transform: rotate(0deg) scaleY(1.0) matrix(0.8, 0, 0, 0.6, 0, 0);
    background-color: #dcb2b2a8;
    border: 4px solid #b7c7d4;
    box-shadow: 0px -6px 5px 1px #b7c7d45c inset;
}
.em_angry .pupil{width: 15px;height: 15px;margin-left: -5.5px;margin-top: -5.5px;}
/* fearful */
.em_fearful .eyelid {
    left: 17%;
    top: -31%;
    border-radius: 180% 20px 20px 20px;
    height: 20px;
    -webkit-transform: rotate(-4deg);
    margin: -2px 0px 0px 0px;
}
.em_fearful .eyelid:nth-of-type(2n+1) {
    border-radius: 20px 180% 20px 20px;
    left: 52%;
    -webkit-transform: rotate(4deg);
}
/*
.em_fearful #SpeethX{border-radius: 35px 35px 100% 100%;height: 38px;width: 45px;background-color: #dae0e7;bottom: 34px;border: 3px solid #b7c7d4;margin: 0px -25px 0px 1px;box-shadow: 0px 3px 1px 1px #00000047 inset;}
*/
.em_fearful #SpeethX {
    border-radius: 35px 35px 100% 100%;
    height: 35px;
    width: 45px;
    background-color: #ffcaca;
    bottom: 34px;
    border: 3px solid #b7c7d4;
    margin: 0px -25px 0px 1px;
    box-shadow: 0px 3px 1px 1px #0000004d inset;
    transform: rotate(0deg) scaleY(2) matrix(0.8, 0, 0, 0.5, 0, 0);
}
.em_fearful .pupil{
    width: 30px;
    height: 30px;
    margin-left: -15px;
    margin-top: -15px;
}
/* surprised */
.em_surprised .eyelid {
    left: 17%;
    top: -37%;
    border-radius: 180% 20px 20px 20px;
    height: 20px;
    margin: -10px 0px 0px 0px;
}
.em_surprised .eyelid:nth-of-type(2n+1) {border-radius: 20px 180% 20px 20px;left: 52%;}
/*
.em_surprised #SpeethX{border-radius: 35px 35px 100% 100%;height: 50px;width: 45px;background-color: #ffa9a9;bottom: 34px;border: 3px solid #b7c7d4;margin: 0px -25px 0px 1px;box-shadow: 0px 3px 1px 1px #648cac80 inset;}
*/
.em_surprised #SpeethX {
    border-radius: 35px 35px 100% 100%;
    height: 50px;
    width: 45px;
    background-color: #ffcaca;
    bottom: 34px;
    border: 3px solid #b7c7d4;
    margin: 0px -25px 0px 1px;
    box-shadow: 0px 3px 8px 1px #0000004d inset;
    transform: rotate(0deg) scaleY(1.5) matrix(0.8, 0, 0, 0.6, 0, 0);
}
.em_surprised .pupil{width: 30px; height: 30px; margin-left: -15px; margin-top: -15px;}
.em_surprised.hit-area {position: relative;/* animation: nod3 14s infinite; */} 
@keyframes nod3 { 
0% {transform: rotate(0deg);} 
25% {transform: rotate(10deg);} 
75% {transform: rotate(-10deg);} 
100% {transform: rotate(0deg);} 
} 
/* dreaminess */
.em_dreaminess .eyelid {-webkit-transform: rotate(-5deg);border-radius: 30px 20px 18px 18px;height: 20px;}
.em_dreaminess .eyelid:nth-of-type(2n+1) {-webkit-transform: rotate(5deg);border-radius: 20px 30px 18px 18px;}
/*
.em_dreaminess #SpeethX{height: 23px;border-radius: 0;width: 75px;background-size: 110% 100%;background-color: #9990;background-repeat: no-repeat;background-position: -1px -3px;margin: 0px -37px 0px 0px;bottom: 37px;background-image: url("3.svg");}
*/
.em_dreaminess #SpeethX {
    height: 23px;
    border-radius: 0;
    width: 75px;
    background-size: 110% 100%;
    background-color: #9990 !important;
    background-repeat: no-repeat;
    background-position: -1px -3px;
    margin: 0px -37px 0px 0px;
    bottom: 37px;
    background-image: url(3.svg);
    border: none;
    box-shadow: none;
}
.em_dreaminess .pupil{width: 35px;height: 30px;margin-left: -17.5px;margin-top: -11.5px;-webkit-transform: rotate(90deg) translate(-25px);box-shadow: -6px -1px 10px 11px #000 inset;background-color: #FFF;}
/* shame */
.em_shame .eyelid {-webkit-transform: rotate(5deg);left: 17%;top: -37%;margin: 5px 0px 0px 0px;}
.em_shame .eyelid:nth-of-type(2n+1) {-webkit-transform: rotate(-5deg);left: 52%;}
/*
.em_shame #SpeethX{background-color: #acbecd;height: 11px;width: 56px;margin: 0px -27px 6px 1px;}
*/
.em_shame #SpeethX {
    height: 14px;
    width: 75px;
    margin: 0px -37px 0px 0px;
    bottom: 37px;
    background-color: #ffc8c8;
    border-radius: 91% 0px;
    transform: rotate(7deg) scaleY(1.5) matrix(0.6, 0, 0, 0.6, 0, 0);
    box-shadow: 0px 4px 1px 1px #00000042 inset;
}
.em_shame .pupil{-webkit-transform: rotate(-90deg) translate(-25px);}
.hit-area.em_shame {background: linear-gradient(-39deg, #ffb093 0,#ffffff 58%);}

/* think */
.em_think .eyelid {}
.em_think .eyelid:nth-of-type(2n+1) {}
/*
.em_think #SpeethX{
    border-radius: 19px 19px 100% 100%;
    height: 20px;
    outline: none;
    background-color: #b7c7d4;
    animation: nodx2 4s infinite;
}
*/
.em_think #SpeethX {
    border-radius: 19px 19px 100% 100%;
    height: 20px;
    outline: none;
    background-color: #b7c7d47d;
    animation: nodx2 4s infinite;
    box-shadow: 4px 4px 7px 1px #0000002e inset;
    transform: rotate(9deg) scaleY(1.5) matrix(0.8, 0, 0, 0.6, 0, 0);
    /* border: 2px solid #b7c7d4; */
}
@keyframes nodx2 { 
0% {-webkit-transform: rotate(0deg) translate(0px);height: 20px;} 
40% {-webkit-transform: rotate(-10deg) translate(25px);height: 15px;}
60% {-webkit-transform: rotate(10deg) translate(-25px);height: 15px;} 
100% {-webkit-transform: rotate(0deg) translate(0px);height: 20px;} 
} 
.em_think .pupil{ animation: nodx 4s infinite;} 
@keyframes nodx { 
0% {-webkit-transform: rotate(0deg) translate(0px);} 
25% {-webkit-transform: rotate(50deg) translate(-25px);} 
40% {-webkit-transform: rotate(-50deg) translate(25px);} 
65% {-webkit-transform: rotate(50deg) translate(25px);} 
85% {-webkit-transform: rotate(-50deg) translate(-25px);} 
100% {-webkit-transform: rotate(0deg) translate(0px);} 
} 

/* smirk */
.em_smirk .eyelid {margin: -10px 0px 0px 0px; -webkit-transform: rotate(-8deg);}
.em_smirk .eyelid:nth-of-type(2n+1) { margin: 0px 0px 0px 0px; -webkit-transform: rotate(3deg);}
.em_smirk #SpeethX{height: 44px;width: 110px;margin: 0px -62px 8px 0px;background-size: 100% 100%;background-color: #9990 !important;background-repeat: no-repeat;background-position: 2px 5px;background-image: url(2.svg);border: none;box-shadow: none;}
.em_smirk .pupil{
    width: 25px;
    height: 25px;
    margin-left: -12.5px;
    margin-top: -12.5px;
}

/* guilt */
.em_guilt .eyelid {-webkit-transform: rotate(5deg);left: 17%;top: -37%;margin: 5px 0px 0px 0px;}
.em_guilt .eyelid:nth-of-type(2n+1) {-webkit-transform: rotate(-5deg);left: 52%;}
/*
.em_guilt #SpeethX{border-radius: 35px 35px 100% 100%;height: 22px;width: 45px;background-color: #dee4ea;bottom: 34px;border: 3px solid #b7c7d4;margin: 0px -25px 0px 1px;box-shadow: 0px 3px 1px 1px #0000004d inset;}
*/
.em_guilt #SpeethX {
    border-radius: 35px 35px 100% 100%;
    height: 21px;
    width: 50px;
    background-color: #ffcaca;
    bottom: 34px;
    border: 3px solid #b7c7d4;
    margin: 1px -28px 0px 0px;
    box-shadow: 0px 3px 1px 1px #0000004d inset;
    transform: rotate(0deg) scaleY(1) matrix(0.8, 0, 0, 0.5, 0, 0);
}
.em_guilt .pupil{-webkit-transform: rotate(-90deg) translate(-25px);}

/* disapproval */
.em_disapproval .eyelid {-webkit-transform: rotate(5deg);left: 17%;top: -37%;margin: 5px 0px 0px 0px;}
.em_disapproval .eyelid:nth-of-type(2n+1) {-webkit-transform: rotate(-5deg);left: 52%;}
/*
.em_disapproval #SpeethX{border-radius: 35px 35px 100% 100%;height: 18px;width: 45px;background-color: #f7f7f8;bottom: 43px;border: 3px solid #bfd0dc;margin: 0px -23px 0px 0px;box-shadow: 0px 3px 1px 1px #baccd966 inset;}
*/
.em_disapproval #SpeethX {
    height: 31px;
    width: 53px;
    bottom: 36px;
    border: 3px solid #b7c7d4;
    margin: 0px -28px 0px 0px;
    transform: rotate(2deg) scaleY(-1.0) matrix(0.8, 0, 0, 0.6, 0, 0);
    background-color: #ffc8c8;
    box-shadow: 1px -7px 2px 1px #0000002e inset;
    border-radius: 20px 45px 100% 100%;
}
.em_disapproval .pupil{width: 15px;height: 15px;margin-left: -5.5px;margin-top: -5.5px;}
.em_disapproval.hit-area {position: relative;/* animation: nod1 4s infinite; */} 
@keyframes nod1 { 
0% {transform: rotate(0deg);} 
25% {transform: rotate(10deg);} 
75% {transform: rotate(-10deg);} 
100% {transform: rotate(0deg);} 
} 

/* sympathy */
.em_sympathy .eyelid {left: 17%;top: -31%;border-radius: 180% 20px 20px 20px;height: 20px;-webkit-transform: rotate(-4deg);}
.em_sympathy .eyelid:nth-of-type(2n+1) {-webkit-transform: rotate(4deg);left: 52%;border-radius: 20px 180%  20px 20px;}
/*
.em_sympathy #SpeethX{border-radius: 100% 100% 75px 75px;height: 21px;width: 43px;background-color: #fdcddd;bottom: 37px;border: 3px solid #b7c7d4;margin: 0px -23px 0px 0px;box-shadow: 0px 3px 1px 1px #0000004d inset;}
*/
.em_sympathy #SpeethX {
    border-radius: 100% 100% 75px 75px;
    height: 22px;
    width: 43px;
    background-color: #ffcaca;
    bottom: 37px;
    border: 3px solid #b7c7d4;
    margin: 0px -23px 0px 0px;
    box-shadow: 0px 3px 1px 1px #0000004d inset;
    transform: rotate(0deg) scaleY(1.5) matrix(1, 0, 0, 0.5, 0, 0);
}
.em_sympathy .pupil{width: 25px;height: 25px;margin-left: -11.5px;margin-top: -8.5px;-webkit-transform: rotate(-90deg) translate(-8px);}
.em_sympathy.hit-area {position: relative; animation: nod2 4s infinite;} 
@keyframes nod2 { 
0% {transform: rotateX(0deg);} 
25% {transform: rotateX(-8deg);} 
50% {transform: rotateX(0deg);} 
75% {transform: rotateX(8deg);} 
100% {transform: rotateX(0deg);} 
} 

/* confidence */
.em_confidence .eyelid {-webkit-transform: rotate(-10deg);}
.em_confidence .eyelid:nth-of-type(2n+1) {-webkit-transform: rotate(10deg);}
/*
.em_confidence #SpeethX{border-radius: 100% 100% 75px 75px;height: 21px;width: 60px;background-color: #ffcede;bottom: 37px;border: 3px solid #b7c7d4;margin: 0px -30px 0px 0px;box-shadow: 0px 3px 1px 1px #0000004d inset;}
*/
.em_confidence #SpeethX {
    border-radius: 100% 100% 75px 75px;
    height: 21px;
    width: 60px;
    background-color: #ffc8c8;
    bottom: 37px;
    border: 3px solid #b7c7d4;
    margin: 0px -32px 0px 0px;
    box-shadow: 0px 3px 7px 1px #0143674d inset;
}
.em_confidence .pupil{width: 25px;height: 25px;margin-left: -11.5px;margin-top: -8.5px;}

/* skepticism */
.em_skepticism .eyelid {-webkit-transform: rotate(5deg);left: 17%;top: -37%;margin: 5px 0px 0px 0px;}
.em_skepticism .eyelid:nth-of-type(2n+1) {-webkit-transform: rotate(-5deg);left: 52%;}
/*
.em_skepticism #SpeethX{border-radius: 100% 100% 66px 40px;height: 19px;width: 55px;background-color: #dee4ea;bottom: 47px;border: 3px solid #b7c7d4;margin: 0px -28px 0px 0px;box-shadow: 0px 3px 1px 1px #0000004f inset;}
*/
.em_skepticism #SpeethX {
    box-shadow: 0px 3px 1px 1px #0000004d inset;
    height: 19px;
    width: 75px;
    margin: 0px -37px 0px 0px;
    bottom: 37px;
    background-color: #ffcaca;
    border-radius: 91% 0px;
    transform: rotate(19deg) scaleY(1.5) matrix(1.0, 0, 0, 0.7, 0, 0);
    border: 3px solid #b7c7d4;
}
.em_skepticism .pupil{width: 46px;height: 27px;margin-left: -22.5px;margin-top: -12.5px;-webkit-transform: rotate(0deg) translate(0px);box-shadow: 10px -5px 0px 8px #272727 inset;background-color: #fff;}

/* speaks */
/*
.em_speaks #SpeethX{animation: nodx5 1.5s infinite;background-image: url(6.svg);background-color: #ffccdd;height: 23px;width: 62px;margin: 0px -29px 0px 1px;bottom: 28px;border: 3px solid #b7c7d4;box-shadow: 0px 3px 1px 1px #0000004d inset;border-radius: 19px 19px 100% 100%;background-repeat: repeat;background-size: 13px;background-position: 0px -2px;}
*/
.em_speaks #SpeethX {
    animation: nodx5 1.5s infinite;
    background-image: url(6.svg);
    background-color: #efcece;
    height: 23px;
    width: 62px;
    margin: 0px -29px 0px 1px;
    bottom: 28px;
    border: 3px solid #b7c7d4;
    box-shadow: 0px 4px 3px 0px #0000002e inset;
    border-radius: 19px 19px 100% 100%;
    background-repeat: repeat;
    background-size: 13px;
    background-position: 0px -2px;
}
@keyframes nodx5 { 
0% {height: 23px;  width: 62px; margin: 0px -29px 0px 1px;bottom: 33px;} 
10% {height: 30px; width:70px;  margin: 0px -36px 0px 1px;bottom: 25px;} 
20% {height: 13px; width:40px; margin: 0px -20px 0px 1px;bottom: 37px;} 
30% {height: 30px; width:55px; margin: 0px -29px 0px 1px;bottom: 25px;} 
40% {height: 23px;width: 62px; margin: 0px -31px 0px 1px;bottom:33px;}
50% {height: 23px;  width: 62px; margin: 0px -31px 0px 1px;bottom: 33px;} 
60% {height: 13px; width:40px; margin: 0px -20px 0px 1px;bottom: 37px;}
70% {height: 30px; width:55px; margin: 0px -29px 0px 1px;bottom: 25px;}  
80% {height: 30px; width:10px;  margin: 0px -6px 0px 1px;bottom: 30px;} 
90% {height: 30px; width:70px;  margin: 0px -36px 0px 1px;bottom: 25px;} 
100% {height: 23px;width: 62px; margin: 0px -29px 0px 1px;bottom:33px;}
} 
.uho_left,.uho_right{width: 29px;height:70px;background-color: #f5f5f5;position:relative;border: 6px solid #efefef;display:none;}
.uho_left{float:left;margin: -168px 10px 0px -28px;border-radius: 28px 0px 0px 28px;border-right: none !important;box-shadow: 3px 0px 9px 2px #d8e1e6 inset;}
.uho_right{float:right;margin: -171px -29px 0px 0px;border-left: none !important;border-radius: 0px 28px 28px 0px;box-shadow: -5px 0px 9px 2px #d8e1e6 inset;}
.maskax:hover,.sc:hover{color:#F00; cursor:pointer;}
.maska{position: relative;width: 326px;height: 520px;float: none;max-width: 100%;min-width: 315px;z-index: 1;/* display: none; */background-repeat: no-repeat;/* border: 1px solid #999; */margin: 0px auto -528px auto;}
.sc,.maskax{font-weight: bold;color: #07a80d;}

.hit-area.maska0{margin: 60px auto 0 auto;}
.bigekr .hit-area.maska0{margin: 140px auto 0 auto;}



.maska.maska1
{
    background: url(maski/2.png?x=2) no-repeat, url(maski/1.png?x=12) no-repeat;
    background-position: 59px 301px, 14px 47px;
    background-size: 205px 84px, 299px 232px;
    margin: -46px auto -528px auto;
}
.bigekr .maska.maska1{margin: 0px auto -528px auto;}
.maska.maska2
{
    background-image: url(maski/3.png?x=7);
    background-size: 109%;
    background-position: -23px -4px;
    margin: -19px auto -528px auto;
}
.bigekr .maska.maska2{margin: 10px auto -528px auto;}
.maska.maska3
{
    background-image: url(maski/4.png);
    background-size: 105%;
    background-position: -11px 17px;
    margin: -36px auto -528px auto;
}
.bigekr .maska.maska3{margin: 0px auto -528px auto;}
.maska.maska4
{
    background-image: url(maski/5.png?x=1);
    background-size: 108%;
    background-position: -19px -26px;
    margin: -13px auto -528px auto;
}
.bigekr .maska.maska4{margin: 20px auto -528px auto;}
.maska.maska5{background-image: url(maski/6.png?x1);background-position: 0px 62px;background-size: 99% 72%;margin: -62px auto -528px auto;}
.bigekr .maska.maska5{margin: 0px auto -528px auto;}
.maska.maska6{background-image: url(maski/7.png?x3);background-position: 16px 40px;background-size: 90% 32%;background: url(maski/16.png?x=3) no-repeat, url(maski/7.png?x=3) no-repeat;background-position: 35px 210px, -3px 46px;background-size: 258px 116px, 320px 151px;margin: -50px auto -528px auto;}
.bigekr .maska.maska6{margin: 0px auto -528px auto;}
.maska.maska7{background-image: url(maski/8.png?x2);background-size: 98% 62%;background-position: 3px 47px;margin: -54px auto -528px auto;}
.bigekr .maska.maska7{margin: 0px auto -528px auto;}
.maska.maska8{background-image: url(maski/9.png?x=4);background-size: 111% 91%;background-position: -17px 12px;margin: -29px auto -528px auto;}
.bigekr .maska.maska8{margin: 0px auto -528px auto;}
.maska.maska9{background-image: url(maski/10.png?x1);background-position: 44px 77px;background-size: 76% 32%;margin: -75px auto -528px auto;}

.maska.maska10{background-image: url(maski/11.png?x1);background-size: 111% 54%;background-position: -12px 29px;margin: -44px auto -528px auto;}
.maska.maska11{background: url(maski/12-2.png?x=2) no-repeat, url(maski/12-1.png?x=1) no-repeat;background-position: 106px 278px, 10px 88px;background-size: 142px 87px, 334px 106px;}
.maska.maska12{background: url(maski/13-2.png?x=2) no-repeat, url(maski/13-1.png?x=1) no-repeat;background-position: 109px 280px, 10px 105px;background-size: 103px 75px, 301px 93px;margin: -54px auto -528px auto;}
.bigekr .maska.maska12{margin: 0px auto -528px auto;}
.maska.maska13{background: url(maski/14-2.png?x=3) no-repeat, url(maski/14-1.png?x=2) no-repeat;background-position: 28px 285px, 38px 89px;background-size: 268px 105px, 244px 102px;margin: -54px auto -528px auto;}
.bigekr .maska.maska13{margin: 0px auto -528px auto;}
.maska.maska14{background: url(maski/15-2.png?x=2) no-repeat, url(maski/15-1.png?x=1) no-repeat;background-position: 98px 280px, 10px 79px;background-size: 127px 92px, 295px 107px;margin: -51px auto -528px auto;}
.bigekr .maska.maska14{margin: 0px auto -528px auto;}
.maska,.hit-area{display:none;}
.sc_mrd{color:#E91E63;}




.sc_mrd svg{
    transform: rotate(-45deg);
    margin: 9px -7px -28px -9px;
    fill: #bebebe;
    background-color: #f6f6f6;
    border-radius: 50%;
    cursor: pointer;
    padding: 5px;
    }
.sc_mrd svg:hover{fill:#000}


.hit-area.maska1
{
    border-radius: 0% 0% 120px 120px;
    box-shadow: 0px 0px 34px #0000004d;
    background: linear-gradient(-39deg, #c7b597 0,#ffebe0 58%);
}
.hit-area.maska1.em_shame {background: linear-gradient(-39deg, #eda388 0,#f1e0c5 58%);}
.hit-area.maska1 .eyelid {background-color: #0d0d0d;}
.hit-area.maska1 #SpeethX{border-color:#a5a5a5}
.hit-area.maska1 .eye{box-shadow: 1px 1px 34px 2px #e6dcd8 inset;background-color: #fff5f2;}
.hit-area.maska1 .uho_left, .hit-area.maska1 .uho_right{display:block !important;background-color: #dcc9b2;border: 6px solid #e7e0d7;box-shadow: 3px 0px 9px 2px #e5dacc inset;}
.hit-area.maska1 .uho_right{
    box-shadow: -4px 0px 3px 1px #b19d80 inset;
}
.hit-area.maska1 .uho_left{box-shadow: 4px 0px 3px 1px #b19d80 inset;background-color: #f1dfd4;}





.hit-area.maska2
{
    border-radius: 50% 50% 180px 180px;
    box-shadow: 0px 0px 34px #0000004d;
    background: linear-gradient(-39deg, #c7b597 0,#ffebe0 58%);
}
.hit-area.maska2.em_shame {background: linear-gradient(-39deg, #eda388 0,#f1e0c5 58%);}
.hit-area.maska2 .eyelid {background-color: #b18c69;}
.hit-area.maska2 #SpeethX{border-color:#ef85a9;}
.hit-area.maska2 .eye{box-shadow: 1px 1px 34px 2px #e6dcd8 inset;background-color: #fff5f2;}
.hit-area.maska2 .uho_left, .hit-area.maska2 .uho_right{display:none !important;/* display: block !important; */}



.hit-area.maska3
{
    border-radius: 0% 0% 120px 120px;
    box-shadow: 0px 0px 34px #0000004d;
    background: linear-gradient(-39deg, #f8c8c8 0,#fff4cc 58%);
}
.hit-area.maska3.em_shame {background: linear-gradient(-39deg, #eda388 0,#f1e0c5 58%);}
.hit-area.maska3 .eyelid {background-color: #0d0d0d;}
.hit-area.maska3 #SpeethX{border-color: #c5c5c5;}
.hit-area.maska3 .eye{box-shadow: 1px 1px 34px 2px #e6dcd8 inset;background-color: #fff5f2;}
.hit-area.maska3 .uho_left, .hit-area.maska3 .uho_right{display:block !important;background-color: #fad7c9;border: 6px solid #f2e1cca6;box-shadow: 3px 0px 9px 2px #e5dacc inset;border-radius: 0px 33px 49px 0px;}
.hit-area.maska3 .uho_right{
    box-shadow: -4px 0px 3px 1px #b19d80 inset;
    border-radius: 0px 33px 49px 0px;
}
.hit-area.maska3 .uho_left{box-shadow: 4px 0px 3px 1px #b19d80 inset;background-color: #fff4cc;border-radius: 33px 0px 0px 49px;}



.hit-area.maska4
{
    border-radius: 0% 0% 160px 160px;
    box-shadow: 1px -14px 29px #00000087;
    background: linear-gradient(-39deg, #dfd0b9 0,#ffebe0 58%);
}
.hit-area.maska4.em_shame {background: linear-gradient(-39deg, #ffae91 0,#ffedd2 58%);}
.hit-area.maska4 .eyelid {background-color: #555555;}
.hit-area.maska4 #SpeethX{border-color: #b7b7b7;}
.hit-area.maska4 .eye{box-shadow: 1px 1px 34px 2px #ffffff inset;background-color: #ffffff;}
.hit-area.maska4 .uho_left, .hit-area.maska4 .uho_right{display:block !important;background-color: #ddd2c3;border: 6px solid #f2e1cca6;}
.hit-area.maska4 .uho_right{
    box-shadow: -4px 0px 3px 1px #cbc1b1 inset;
    border-radius: 0px 33px 43px 0px;
}
.hit-area.maska4 .uho_left{box-shadow: 4px 0px 3px 1px #cbc0b0 inset;background-color: #fff4e5;border-radius: 33px 0px 0px 49px;}


.hit-area.maska5
{
    border-radius: 50% 50% 180px 180px;
    box-shadow: 0px 0px 34px #0000004d;
    background: linear-gradient(-39deg, #c7b597 0,#ffebe0 58%);
}
.hit-area.maska5.em_shame {background: linear-gradient(-39deg, #eda388 0,#f1e0c5 58%);}
.hit-area.maska5 .eyelid {background-color: #77371b;}
.hit-area.maska5 #SpeethX{border-color:#ef85a9}
.hit-area.maska5 .eye{box-shadow: 1px 1px 34px 2px #e6dcd8 inset;background-color: #fff5f2;}
.hit-area.maska5 .uho_left, .hit-area.maska5 .uho_right{display:none !important;}



.hit-area.maska6
{
    border-radius: 0% 0% 160px 160px;
    box-shadow: 8px 7px 29px #00000040;
    background: linear-gradient(-39deg, #dfd0b9 0,#ffebe0 58%);
}
.hit-area.maska6.em_shame {background: linear-gradient(-39deg, #ffae91 0,#ffedd2 58%);}
.hit-area.maska6 .eyelid {background-color: #555555;}
.hit-area.maska6 #SpeethX{border-color: #b7b7b7;}
.hit-area.maska6 .eye{box-shadow: 1px 1px 34px 2px #ffffff inset;background-color: #ffffff;}
.hit-area.maska6 .uho_left, .hit-area.maska6 .uho_right{display:block !important;background-color: #ebdecd;border: 6px solid #f2e1cca6;width: 18px;height: 61px;margin: -180px -23px 0px 0px;}
.hit-area.maska6 .uho_right{
    box-shadow: -4px 0px 3px 1px #b9ab93 inset;
    border-radius: 0px 33px 43px 0px;
}
.hit-area.maska6 .uho_left{box-shadow: 4px 0px 3px 1px #cbc0b0 inset;background-color: #ffebe0;border-radius: 33px 0px 0px 49px;margin: -180px 40px 0px -22px;}





.hit-area.maska7
{
    border-radius: 21% 21% 180px 180px;
    box-shadow: -1px -11px 31px #000000;
    background: linear-gradient(-39deg, #dfd0b9 0,#ffebe0 58%);
}
.hit-area.maska7.em_shame {background: linear-gradient(-39deg, #ffae91 0,#ffedd2 58%);}
.hit-area.maska7 .eyelid {background-color: #776473;}
.hit-area.maska7 #SpeethX{border-color: #db98d1;}
.hit-area.maska7 .eye{box-shadow: 1px 1px 34px 2px #ffffff inset;background-color: #ffffff;}
.hit-area.maska7 .uho_left, .hit-area.maska7 .uho_right{display:block !important;background-color: #ebdecd;border: 6px solid #f2e1cca6;width: 18px;height: 61px;margin: -180px -23px 0px 0px;}
.hit-area.maska7 .uho_right{
    box-shadow: -4px 0px 3px 1px #ccc3b4 inset;
    border-radius: 0px 33px 43px 0px;
}
.hit-area.maska7 .uho_left{box-shadow: 4px 0px 3px 1px #cbc0b0 inset;background-color: #ffebe0;border-radius: 33px 0px 0px 49px;margin: -180px 40px 0px -22px;}



.hit-area.maska8
{
    border-radius: 21% 21% 180px 180px;
    box-shadow: -1px -11px 31px #000000;
    background: linear-gradient(-39deg, #dfd0b9 0,#ffebe0 58%);
}
.hit-area.maska8.em_shame {background: linear-gradient(-39deg, #ffae91 0,#ffedd2 58%);}
.hit-area.maska8 .eyelid {background-color: #463c3c;}
.hit-area.maska8 #SpeethX{border-color: #ff548e;background-color: #ff9b9b;}
.hit-area.maska8 .eye{box-shadow: 1px 1px 34px 2px #ffffff inset;background-color: #ffffff;}
.hit-area.maska8 .uho_left, .hit-area.maska7 .uho_right{display:block !important;background-color: #ebdecd;border: 6px solid #f2e1cca6;width: 18px;height: 61px;margin: -180px -23px 0px 0px;}
.hit-area.maska8 .uho_right{
    box-shadow: -4px 0px 3px 1px #ccc3b4 inset;
    border-radius: 0px 33px 43px 0px;
}
.hit-area.maska8 .uho_left{box-shadow: 4px 0px 3px 1px #cbc0b0 inset;background-color: #ffebe0;border-radius: 33px 0px 0px 49px;margin: -180px 40px 0px -22px;}



.hit-area.maska9
{
    border-radius: 26% 25% 160px 160px;
    box-shadow: -3px -4px 20px #00000087;
    background: linear-gradient(-39deg, #dfd0b9 0,#ffebe0 58%);
}
.hit-area.maska9.em_shame {background: linear-gradient(-39deg, #ffae91 0,#ffedd2 58%);}
.hit-area.maska9 .eyelid {background-color: #555555;}
.hit-area.maska9 #SpeethX{border-color: #b7b7b7;}
.hit-area.maska9 .eye{box-shadow: 1px 1px 34px 2px #ffffff inset;background-color: #ffffff;}
.hit-area.maska9 .uho_left, .hit-area.maska9 .uho_right{display:block !important;background-color: #ebdecd;border: 6px solid #f2e1cca6;width: 18px;height: 61px;margin: -180px -23px 0px 0px;}
.hit-area.maska9 .uho_right{
    box-shadow: -4px 0px 3px 1px #b9ab93 inset;
    border-radius: 0px 33px 43px 0px;
}
.hit-area.maska9 .uho_left{box-shadow: 4px 0px 3px 1px #cbc0b0 inset;background-color: #ffebe0;border-radius: 33px 0px 0px 49px;margin: -180px 40px 0px -22px;}


.hit-area.maska10
{
    border-radius: 50% 50% 180px 180px;
    box-shadow: 0px 0px 34px #00000059;
    background: linear-gradient(-39deg, #bebab3 0,#ede8e5 58%);
}
.hit-area.maska10.em_shame {background: linear-gradient(-39deg, #eda388 0,#f1e0c5 58%);}
.hit-area.maska10 .eyelid {background-color: #7d7d7a;}
.hit-area.maska10 #SpeethX{border-color: #c2c2c2;}
.hit-area.maska10 .eye{box-shadow: 1px 1px 34px 2px #ebebeb inset;background-color: #ffffff;}
.hit-area.maska10 .uho_left, .hit-area.maska10 .uho_right{display:none !important;}

.hit-area.maska11
{
    border-radius: 50% 50% 180px 180px;
    box-shadow: 0px 0px 34px #00000059;
    background: linear-gradient(-39deg, #100303 0,#b98059 58%);
}
.hit-area.maska11.em_shame {background: linear-gradient(-39deg, #eda388 0,#f1e0c5 58%);}
.hit-area.maska11 .eyelid {background-color: #7a4a35;}
.hit-area.maska11 #SpeethX{border-color: #4a2c00;}
.hit-area.maska11 .eye{box-shadow: 1px 1px 34px 2px #ebebeb inset;background-color: #ffffff;}
.hit-area.maska11 .uho_left, .hit-area.maska11 .uho_right{display:none !important;}


.hit-area.maska12
{
    border-radius: 50% 50% 180px 180px;
    box-shadow: 5px 5px 14px #00000038;
    background: linear-gradient(314deg, #b87778 0,#feeae3 58%);
}
.hit-area.maska12.em_shame {background: linear-gradient(-39deg, #eda388 0,#f1e0c5 58%);}
.hit-area.maska12 .eyelid {background-color: #bea397;}
.hit-area.maska12 #SpeethX{border-color: #b797a2;}
.hit-area.maska12 .eye{box-shadow: 1px 1px 34px 2px #ebebeb inset;background-color: #ffffff;}
.hit-area.maska12 .uho_left, .hit-area.maska12 .uho_right{display:none !important;}

.hit-area.maska13
{
    border-radius: 41% 41% 116px 116px;
    box-shadow: 0px 0px 15px #00000038;
    background: linear-gradient(-39deg, #848484 0,#f1f1f1 58%);
}
.hit-area.maska13.em_shame {background: linear-gradient(-39deg, #eda388 0,#f1e0c5 58%);}
.hit-area.maska13 .eyelid {background-color: #f17795;}
.hit-area.maska13 #SpeethX{border-color: #f3aec0;}
.hit-area.maska13 .eye{box-shadow: 1px 1px 34px 2px #c0c0c0 inset;background-color: #ffffff;}
.hit-area.maska13 .uho_left, .hit-area.maska13 .uho_right{display:none !important;}


.hit-area.maska14
{
    border-radius: 50% 50% 180px 180px;
    box-shadow: 0px 0px 34px #00000080;
    background: linear-gradient(-39deg, #000000 0,#a16322 58%);
}
.hit-area.maska14.em_shame {background: linear-gradient(-39deg, #eda388 0,#f1e0c5 58%);}
.hit-area.maska14 .eyelid {background-color: #793e05;}
.hit-area.maska14 #SpeethX{border-color: #422410;background-color: #000000;}
.hit-area.maska14 .eye{box-shadow: 1px 1px 34px 2px #606060 inset;background-color: #ebcda1;}
.hit-area.maska14 .uho_left, .hit-area.maska14 .uho_right{display:none !important;}

table table{padding:0px;float: left;margin: 0px 4px 5px 4px;position: relative;left: 0px;bottom: 0px;}
table table td {
    border: none;
    padding: 0px 0px;
}
table table img,#xmskx img{width: 32px;float: left;border-radius: 50%;margin: 32px -5px -27px -16px;}
#xmskx{}
#xmskx img:hover{box-shadow: 0px 0px 12px 3px #b7c7d48c inset !important;}
#xmskx img{}




#xmskx{float:left;width: 58px;position:fixed;top: 0px;right: 0px;box-shadow: 3px -4px 35px #00000080;border-radius: 0px;padding: 0px 0px 0px 0px;/* background-image: linear-gradient(to right,#ffffff 0,#ffffff 51%,#ffffff 100%); */z-index: 1234;display: none;overflow-y: scroll;height: 100%;background-color: #ffffff;}
#xmskx img:hover{box-shadow: 0px 0px 12px 3px #b7c7d48c inset !important;}
#xmskx img{/* box-shadow: 0px 0px 12px 3px #00000029 inset; */padding: 7px;float:left;clear:both}
#xmskx .xmskx{height: 780px;/* background-color:#F00; */width: 30px;padding: 0px 0px 0px 22px;float: left;clear: both;}






.apX{
     animation: pulsex21 2s infinite;
     display: block;
     justify-content: center;
     align-items: center;
     background-size: 100%;
     background-position: center;
     background-repeat:no-repeat;
     width: 120px;
     height: 120px;
     border-radius: 50%;
     position: fixed !important;
     top: 50%;
     left: 50%;
     margin-left: -64px;
     margin-top: -64px;
     z-index:1000;
     display: none;
     }
.apX.showau{display: block;}
.apX.apXbig{
    right: -34px;
    top: 7px;
    float: right;
    margin: auto;
    left: auto;
}
.apX.pl{animation: pulsex11 2s infinite;}
.apX svg{display:none;}
.pause-iconx{
    width: 50px;
    height: 50px;
    fill: #000;
    margin: -4px 0px 0px -4px;
    position:  relative;
    z-index: 12345;
    } 
.pause-iconx.active {display: block;} 
.pause-iconx.active svg.playx{display:block;width: 80px;height: 80px;margin: 0px 0px 0px 0px;}
.pause-iconx svg.stopx{display: block;width: 54px;height: 54px;transform: none !important;margin: 15px -20px 0px 20px;position: relative;z-index: 12345;}
.pause-iconx.active svg.stopx{display: none !important;}
.pause-iconx svg{fill: #6e8da5d9;border-radius:50%;}
.pause-iconx.active svg{fill: #90a6b7bd;transform: rotate(-31deg);} 
@keyframes pulsex11 {15% {transform: scale(0.9); opacity: 0.4;}100% {opacity: 1;}15% {transform: scale(1.0); opacity: 0.3;}}
@keyframes pulsex21 {100% {opacity: 1;}50% {opacity: 0.8;}}
.apX svg:hover{fill:#495f70d9; cursor:pointer;}
.apX img {
    margin: -56px 20px 43px 25px;
    display: none;
    width: 33px;
}

.maskax.maska9,.maskax.maska10,.maska.maska0{display: none !important;}