body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:linear-gradient(135deg,#58cfdc,#6562c8);font-family:Arial,sans-serif}.emoji-translator{background-color:#fff;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.1);margin:0 auto;max-width:1000px;padding:50px;text-align:center}.emoji-translator .title{color:#333;font-size:28px;font-weight:700;margin-bottom:30px}.emoji-translator .container{align-items:center;display:flex;flex-direction:column}.emoji-translator .input-container{align-items:center;display:flex;justify-content:center;margin-bottom:30px}.emoji-translator .input{border:2px solid #333;border-radius:5px;font-size:16px;margin-right:10px;padding:12px;width:100%}.emoji-translator .copy-button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px;transition:background-color .2s}.emoji-translator .copy-button:hover{background-color:#555}.emoji-translator .translation-container{margin-bottom:30px}.emoji-translator .translated-text{cursor:pointer;font-size:36px;margin-top:20px;position:relative}.emoji-translator .translated-text:before{background-color:#333;border-radius:5px;bottom:-40px;color:#fff;left:50%;opacity:0;padding:12px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .2s,visibility .2s;visibility:hidden}.emoji-translator .translated-text:hover:before{opacity:1;visibility:visible}.emoji-translator .similar-emojis{margin-top:20px}.emoji-translator .similar-emojis-label{font-size:18px;font-weight:700;margin-bottom:10px}.emoji-translator .similar-emojis-list{display:flex;flex-wrap:wrap;justify-content:center}.emoji-translator .similar-emoji{cursor:pointer;font-size:24px;margin:5px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.emoji-translator .similar-emoji:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.categories{display:flex;justify-content:center;margin-bottom:30px}.category{cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;position:relative;transition:background-color .2s}.category:after{background-color:#333;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .2s;width:0}.category:hover:after{width:100%}.category.active{background-color:#333;color:#fff}.emoji-grid{grid-gap:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:30px}.emoji-category{text-align:center}.category-title{-webkit-animation:categoryTitleAnimation 2s infinite;animation:categoryTitleAnimation 2s infinite;font-size:20px;font-weight:700;margin-bottom:15px;position:relative}.emoji{-webkit-animation:emojiAnimation 2s infinite;animation:emojiAnimation 2s infinite;cursor:pointer;font-size:30px;margin-right:5px;position:relative}@-webkit-keyframes categoryTitleAnimation{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes categoryTitleAnimation{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes emojiAnimation{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}50%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{-webkit-transform:rotateY(0);transform:rotateY(0)}}@keyframes emojiAnimation{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}50%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{-webkit-transform:rotateY(0);transform:rotateY(0)}}@media (max-width:768px){.categories{flex-direction:column}.categories.open{margin-bottom:0}.categories .category{margin-bottom:10px}.mobile-menu-toggle{display:block}}
/*# sourceMappingURL=main.0d95edb9.css.map*/