.EmojiButton-module__buttonBackground{background-color:var(--color-blue-50);border-radius:4px;margin:20px}.EmojiButton-module__buttonBackground .EmojiButton-module__button{background-color:#fff;border:solid 2px var(--color-blue-50);border-radius:4px;padding:8px;transform:translate(3px) translateY(-3px);display:flex;justify-content:center;align-items:center;user-select:none;cursor:pointer;transition:transform .2s}.EmojiButton-module__buttonBackground .EmojiButton-module__button:hover{transform:translate(4px) translateY(-4px)}.EmojiButton-module__buttonBackground .EmojiButton-module__button:active{transform:translate(0) translateY(0)}.EmojiButton-module__buttonBackground .EmojiButton-module__button .EmojiButton-module__emoji,.EmojiButton-module__buttonBackground.EmojiButton-module__large .EmojiButton-module__emoji{width:80px;height:80px}@media (max-width: 768px){.EmojiButton-module__buttonBackground.EmojiButton-module__large .EmojiButton-module__emoji{width:60px;height:60px}}.EmojiButton-module__buttonBackground.EmojiButton-module__medium .EmojiButton-module__emoji{width:64px;height:64px}@media (max-width: 768px){.EmojiButton-module__buttonBackground.EmojiButton-module__medium .EmojiButton-module__emoji{width:48px;height:48px}}@media (max-width: 480px){.EmojiButton-module__buttonBackground.EmojiButton-module__medium .EmojiButton-module__emoji{width:40px;height:40px}}.EmojiButton-module__buttonBackground.EmojiButton-module__small .EmojiButton-module__emoji{width:40px;height:40px}@media (max-width: 768px){.EmojiButton-module__buttonBackground.EmojiButton-module__small .EmojiButton-module__emoji{width:32px;height:32px}}@media (max-width: 480px){.EmojiButton-module__buttonBackground.EmojiButton-module__small .EmojiButton-module__emoji{width:24px;height:24px}}.HapticRings-module__rings{pointer-events:none}.HapticRings-module__rings circle{transition:all .2s}.HapticRings-module__ring{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transform-origin:center;will-change:transform,opacity;opacity:.1}.HapticRings-module__blue circle{fill:#87cce8;stroke:#2b85ab}.HapticRings-module__yellow circle{fill:#ffd61e;stroke:#ccb33c}.HapticRings-module__red circle{fill:#ff6259;stroke:#ff6259}.HapticRings-module__green circle{fill:#82cab2;stroke:#5b8d7d}.HapticRings-module__wave .HapticRings-module__ring{animation-duration:4s;animation-timing-function:ease-out;animation-iteration-count:infinite}.HapticRings-module__wave .HapticRings-module__ring:nth-child(1){animation-name:HapticRings-module__wave-1;animation-delay:0s}.HapticRings-module__wave .HapticRings-module__ring:nth-child(2){animation-name:HapticRings-module__wave-2;animation-delay:.5s}.HapticRings-module__wave .HapticRings-module__ring:nth-child(3){animation-name:HapticRings-module__wave-3;animation-delay:1s}.HapticRings-module__wave .HapticRings-module__ring:nth-child(4){animation-name:HapticRings-module__wave-4;animation-delay:1.5s}.HapticRings-module__wave .HapticRings-module__ring:nth-child(5){animation-name:HapticRings-module__wave-5;animation-delay:2s}@keyframes HapticRings-module__wave-1{0%,to{transform:scale(1)}50%{transform:scale(1.16)}}@keyframes HapticRings-module__wave-2{0%,to{transform:scale(1)}50%{transform:scale(1.16)}}@keyframes HapticRings-module__wave-3{0%,to{transform:scale(1)}50%{transform:scale(1.16)}}@keyframes HapticRings-module__wave-4{0%,to{transform:scale(1)}50%{transform:scale(1.16)}}@keyframes HapticRings-module__wave-5{0%,to{transform:scale(1)}50%{transform:scale(1.16)}}.HapticRings-module__heartbeat .HapticRings-module__ring{opacity:.1;animation-duration:1.2s;animation-timing-function:ease-out;animation-iteration-count:infinite}.HapticRings-module__heartbeat .HapticRings-module__ring circle{stroke-width:1;animation-duration:1.2s;animation-timing-function:ease-out;animation-iteration-count:infinite}.HapticRings-module__heartbeat .HapticRings-module__ring:nth-child(1){animation-name:HapticRings-module__heartbeat-motion-1;animation-delay:.32s}.HapticRings-module__heartbeat .HapticRings-module__ring:nth-child(1) circle{animation-name:HapticRings-module__heartbeat-stroke-1;animation-delay:.32s}.HapticRings-module__heartbeat .HapticRings-module__ring:nth-child(2){animation-name:HapticRings-module__heartbeat-motion-2;animation-delay:.24s}.HapticRings-module__heartbeat .HapticRings-module__ring:nth-child(2) circle{animation-name:HapticRings-module__heartbeat-stroke-2;animation-delay:.24s}.HapticRings-module__heartbeat .HapticRings-module__ring:nth-child(3){animation-name:HapticRings-module__heartbeat-motion-3;animation-delay:.16s}.HapticRings-module__heartbeat .HapticRings-module__ring:nth-child(3) circle{animation-name:HapticRings-module__heartbeat-stroke-3;animation-delay:.16s}.HapticRings-module__heartbeat .HapticRings-module__ring:nth-child(4){animation-name:HapticRings-module__heartbeat-motion-4;animation-delay:.08s}.HapticRings-module__heartbeat .HapticRings-module__ring:nth-child(4) circle{animation-name:HapticRings-module__heartbeat-stroke-4;animation-delay:.08s}.HapticRings-module__heartbeat .HapticRings-module__ring:nth-child(5){animation-name:HapticRings-module__heartbeat-motion-5;animation-delay:0s}.HapticRings-module__heartbeat .HapticRings-module__ring:nth-child(5) circle{animation-name:HapticRings-module__heartbeat-stroke-5;animation-delay:0s}@keyframes HapticRings-module__heartbeat-motion-1{0%{transform:scale(1);opacity:.1}14%{transform:scale(1.08);opacity:.25}28%{transform:scale(.97);opacity:.15}42%{transform:scale(1.04);opacity:.25}70%{transform:scale(1);opacity:.12}to{transform:scale(1);opacity:.12}}@keyframes HapticRings-module__heartbeat-stroke-1{0%{stroke-width:1}14%{stroke-width:2}28%{stroke-width:1}to{stroke-width:1}}@keyframes HapticRings-module__heartbeat-motion-2{0%{transform:scale(1);opacity:.1}14%{transform:scale(1.08);opacity:.25}28%{transform:scale(.97);opacity:.15}42%{transform:scale(1.04);opacity:.25}70%{transform:scale(1);opacity:.12}to{transform:scale(1);opacity:.12}}@keyframes HapticRings-module__heartbeat-stroke-2{0%{stroke-width:1}14%{stroke-width:2}28%{stroke-width:1}to{stroke-width:1}}@keyframes HapticRings-module__heartbeat-motion-3{0%{transform:scale(1);opacity:.1}14%{transform:scale(1.08);opacity:.25}28%{transform:scale(.97);opacity:.15}42%{transform:scale(1.04);opacity:.25}70%{transform:scale(1);opacity:.12}to{transform:scale(1);opacity:.12}}@keyframes HapticRings-module__heartbeat-stroke-3{0%{stroke-width:1}14%{stroke-width:2}28%{stroke-width:1}to{stroke-width:1}}@keyframes HapticRings-module__heartbeat-motion-4{0%{transform:scale(1);opacity:.1}14%{transform:scale(1.08);opacity:.25}28%{transform:scale(.97);opacity:.15}42%{transform:scale(1.04);opacity:.25}70%{transform:scale(1);opacity:.12}to{transform:scale(1);opacity:.12}}@keyframes HapticRings-module__heartbeat-stroke-4{0%{stroke-width:1}14%{stroke-width:2}28%{stroke-width:1}to{stroke-width:1}}@keyframes HapticRings-module__heartbeat-motion-5{0%{transform:scale(1);opacity:.1}14%{transform:scale(1.08);opacity:.25}28%{transform:scale(.97);opacity:.15}42%{transform:scale(1.04);opacity:.25}70%{transform:scale(1);opacity:.12}to{transform:scale(1);opacity:.12}}@keyframes HapticRings-module__heartbeat-stroke-5{0%{stroke-width:1}14%{stroke-width:2}28%{stroke-width:1}to{stroke-width:1}}.HapticRings-module__sonar .HapticRings-module__ring{opacity:0;animation-timing-function:ease-out;animation-iteration-count:infinite;animation-duration:2.8s}.HapticRings-module__sonar .HapticRings-module__ring circle{stroke-width:1.2;animation-timing-function:ease-out;animation-iteration-count:infinite;animation-duration:2.8s}.HapticRings-module__sonar .HapticRings-module__ring:nth-child(1){animation-name:HapticRings-module__sonar-motion-1;animation-delay:1.12s}.HapticRings-module__sonar .HapticRings-module__ring:nth-child(1) circle{animation-name:HapticRings-module__sonar-stroke-1;animation-delay:1.12s}.HapticRings-module__sonar .HapticRings-module__ring:nth-child(2){animation-name:HapticRings-module__sonar-motion-2;animation-delay:.84s}.HapticRings-module__sonar .HapticRings-module__ring:nth-child(2) circle{animation-name:HapticRings-module__sonar-stroke-2;animation-delay:.84s}.HapticRings-module__sonar .HapticRings-module__ring:nth-child(3){animation-name:HapticRings-module__sonar-motion-3;animation-delay:.56s}.HapticRings-module__sonar .HapticRings-module__ring:nth-child(3) circle{animation-name:HapticRings-module__sonar-stroke-3;animation-delay:.56s}.HapticRings-module__sonar .HapticRings-module__ring:nth-child(4){animation-name:HapticRings-module__sonar-motion-4;animation-delay:.28s}.HapticRings-module__sonar .HapticRings-module__ring:nth-child(4) circle{animation-name:HapticRings-module__sonar-stroke-4;animation-delay:.28s}.HapticRings-module__sonar .HapticRings-module__ring:nth-child(5){animation-name:HapticRings-module__sonar-motion-5;animation-delay:0s}.HapticRings-module__sonar .HapticRings-module__ring:nth-child(5) circle{animation-name:HapticRings-module__sonar-stroke-5;animation-delay:0s}@keyframes HapticRings-module__sonar-motion-1{0%{opacity:0;transform:scale(.2)}12%{opacity:.45;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}@keyframes HapticRings-module__sonar-stroke-1{0%{stroke-width:3}12%{stroke-width:1.2}to{stroke-width:.3}}@keyframes HapticRings-module__sonar-motion-2{0%{opacity:0;transform:scale(.2)}12%{opacity:.45;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}@keyframes HapticRings-module__sonar-stroke-2{0%{stroke-width:3}12%{stroke-width:1.2}to{stroke-width:.3}}@keyframes HapticRings-module__sonar-motion-3{0%{opacity:0;transform:scale(.2)}12%{opacity:.45;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}@keyframes HapticRings-module__sonar-stroke-3{0%{stroke-width:3}12%{stroke-width:1.2}to{stroke-width:.3}}@keyframes HapticRings-module__sonar-motion-4{0%{opacity:0;transform:scale(.2)}12%{opacity:.45;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}@keyframes HapticRings-module__sonar-stroke-4{0%{stroke-width:3}12%{stroke-width:1.2}to{stroke-width:.3}}@keyframes HapticRings-module__sonar-motion-5{0%{opacity:0;transform:scale(.2)}12%{opacity:.45;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}@keyframes HapticRings-module__sonar-stroke-5{0%{stroke-width:3}12%{stroke-width:1.2}to{stroke-width:.3}}.HapticRings-module__quake .HapticRings-module__ring{opacity:.1;animation-timing-function:linear;animation-iteration-count:infinite}.HapticRings-module__quake .HapticRings-module__ring:nth-child(odd){animation-direction:alternate}.HapticRings-module__quake .HapticRings-module__ring:nth-child(2n){animation-direction:alternate-reverse}.HapticRings-module__quake .HapticRings-module__ring:nth-child(1){animation-name:HapticRings-module__quake-1;animation-duration:.07s}.HapticRings-module__quake .HapticRings-module__ring:nth-child(2){animation-name:HapticRings-module__quake-2;animation-duration:.09s}.HapticRings-module__quake .HapticRings-module__ring:nth-child(3){animation-name:HapticRings-module__quake-3;animation-duration:.06s}.HapticRings-module__quake .HapticRings-module__ring:nth-child(4){animation-name:HapticRings-module__quake-4;animation-duration:.11s}.HapticRings-module__quake .HapticRings-module__ring:nth-child(5){animation-name:HapticRings-module__quake-5;animation-duration:.08s}@keyframes HapticRings-module__quake-1{0%{transform:translate(-1.5px,1px) scale(.99)}25%{transform:translate(1px,-1.5px) scale(1.01)}50%{transform:translate(-.5px,-1px) scale(.98)}75%{transform:translate(1.5px,.5px) scale(1.02)}to{transform:translate(-1px,1.5px) scale(1)}}@keyframes HapticRings-module__quake-2{0%{transform:translate(-1.5px,1px) scale(.99)}25%{transform:translate(1px,-1.5px) scale(1.01)}50%{transform:translate(-.5px,-1px) scale(.98)}75%{transform:translate(1.5px,.5px) scale(1.02)}to{transform:translate(-1px,1.5px) scale(1)}}@keyframes HapticRings-module__quake-3{0%{transform:translate(-1.5px,1px) scale(.99)}25%{transform:translate(1px,-1.5px) scale(1.01)}50%{transform:translate(-.5px,-1px) scale(.98)}75%{transform:translate(1.5px,.5px) scale(1.02)}to{transform:translate(-1px,1.5px) scale(1)}}@keyframes HapticRings-module__quake-4{0%{transform:translate(-1.5px,1px) scale(.99)}25%{transform:translate(1px,-1.5px) scale(1.01)}50%{transform:translate(-.5px,-1px) scale(.98)}75%{transform:translate(1.5px,.5px) scale(1.02)}to{transform:translate(-1px,1.5px) scale(1)}}@keyframes HapticRings-module__quake-5{0%{transform:translate(-1.5px,1px) scale(.99)}25%{transform:translate(1px,-1.5px) scale(1.01)}50%{transform:translate(-.5px,-1px) scale(.98)}75%{transform:translate(1.5px,.5px) scale(1.02)}to{transform:translate(-1px,1.5px) scale(1)}}