svg {
    overflow: visible;
}

.mouth, .eye, .eyebrow, .blush {
    display: none;
}

.🥰 .mouth.grin, .🥰 .eye.smile, .🥰 .eyebrow.smile, .🥰 .blush
{
    display: inline;
}

.😀 .mouth.smile, .😀 .eye.smile, .😀 .eyebrow.smile
{
    display: inline;
}

.😊 .mouth.smile, .😊 .eye.neutral, .😊 .eyebrow.smile
{
    display: inline;
}

.🙂 .mouth.neutral, .🙂 .eye.neutral, .🙂 .eyebrow.neutral {
    display: inline;
}

.😐 .mouth.frown, .😐 .eye.neutral, .😐 .eyebrow.frown {
    display: inline;
}

.🤨 .mouth.frown, .🤨 .eye.neutral, .🤨 .eyebrow.confused {
    display: inline;
}

.wobbly .wobble1, .wobbly .wobble2 {
    animation-name: toggleA;
    animation-duration: 0.4s;
    animation-iteration-count: infinite;
}

.wobble2 {
    visibility: hidden;
}

.wobbly .wobble2 {
    animation-direction: reverse;
}

@keyframes toggleA {
    0% {visibility: hidden;}
    49% {visibility: hidden;}
    50% {visibility: visible;}
    100% {visibility: visible;}
}