.emoji{background:var(--primary);border-radius:50%;width:120px;height:120px;display:inline-block;position:relative}.emoji:after{color:#fff;width:60px;font-size:18px;position:absolute;bottom:-40px;left:calc(50% - 30px)}.emoji__face,.emoji__eyebrows,.emoji__eyes,.emoji__mouth{position:absolute}:is(.emoji__face,.emoji__eyebrows,.emoji__eyes,.emoji__mouth):before,:is(.emoji__face,.emoji__eyebrows,.emoji__eyes,.emoji__mouth):after{content:"";position:absolute}.emoji__face{width:inherit;height:inherit}.emoji--sad .emoji__face{animation:3s ease-in infinite sad-face}.emoji--sad .emoji__eyebrows{background:0 0;border-radius:50%;width:4px;height:4px;top:35px;left:calc(50% - 2px)}.emoji--sad .emoji__eyebrows:before,.emoji--sad .emoji__eyebrows:after{box-sizing:border-box;border:4px solid #0000;border-top-color:#fff;border-radius:50%;width:30px;height:16px;top:2px;left:calc(50% - 15px)}.emoji--sad .emoji__eyebrows:before{margin-left:-30px;transform:rotate(-30deg)}.emoji--sad .emoji__eyebrows:after{margin-left:30px;transform:rotate(30deg)}.emoji--sad .emoji__eyes{background:0 0;border-radius:50%;width:14px;height:16px;top:50px;left:calc(50% - 7px);box-shadow:25px 0 #fff,-25px 0 #fff}.emoji--sad .emoji__mouth{box-sizing:border-box;background:0 0;border:4px solid #0000;border-top-color:#fff;border-radius:50%;width:60px;height:80px;animation:3s ease-in infinite sad-mouth;top:80px;left:calc(50% - 30px)}.emoji--sad .emoji__mouth:after{background:0 0;border-radius:50%;width:4px;height:4px;top:4px;left:calc(50% - 2px)}@keyframes sad-face{25%,35%{top:-15px}55%,75%{top:10px}to,0%{top:0}}@keyframes sad-mouth{25%,35%{top:70px;transform:scale(.85)}55%,75%,0%{top:80px;transform:scale(1)}}