.emoji-item{border-radius:var(--cardBorderRadius);text-align:center;background-color:var(--cardBackgroundColor);padding-block:15px 13px;line-height:1;display:block;position:relative}.emoji-item .favorite-button{z-index:5;color:var(--textColorLighter);cursor:pointer;opacity:.4;background:0 0;border:none;padding:6px;font-size:20px;line-height:1;position:absolute;top:0;right:0}.emoji-item .favorite-button:after{content:"";font-family:Icon}.emoji-item .favorite-button.is-active,.emoji-item .favorite-button:hover{opacity:1;color:var(--secondaryColor)}.emoji-item .favorite-button.is-active:after{content:""}.emoji-item.is-list-view{align-items:center;gap:10px;height:54px;padding:10px;display:flex}.emoji-item.is-list-view .emoji-char{margin:0;font-size:32px}.emoji-item.is-list-view .emoji-name{text-align:left;flex:1;margin:0}.emoji-item.is-list-view .emoji-copy{margin-top:0}.emoji-item.is-list-view .favorite-button{position:static}.emoji-char{height:38px;font-size:36px;display:block}.emoji-name{white-space:nowrap;text-overflow:ellipsis;color:var(--textColorLighter);margin:12px 8px 0;line-height:1.3;display:block;overflow:hidden}.emoji-copy{transition:var(--transition);margin-top:10px;display:block}@media (width>=1000px){.emoji-copy{text-align:center;opacity:0;width:100%;position:absolute;bottom:10px;left:0}.emoji-item:hover .emoji-copy{opacity:1}.emoji-item.is-list-view .emoji-copy{z-index:1;text-align:right;width:auto;margin:0;top:0;bottom:0;right:50px}.emoji-item.is-list-view .emoji-copy .button{margin-top:12px}}