.emosxxxbutton {
	position:relative;
	width:21px;
	height:21px;
	display:inline-block;
}
.emosxxxbutton:before {
	position:absolute;
	content:"\263A";
	width:21px;
	height:21px;
	top: 50%;
    left: 50%;
    transform: translate(-50%,-60%);
}
.emosxxxfield {
    /*margin-top: -23px; not good on wall posts*/
    /*position: relative;*/
}
.emosxxxemoji {
}
.emosxxxouter {
    background:white;
    margin: 0px 0px 7px 0px;
    box-shadow: 0px 2px 2px 1px grey;
    background: white;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 14px;
    padding: 7px 0px 7px 12px;
    margin: 0px 4px 7px 0px;
}
.emosxxx { 
	width:266px; 
    height:310px;
    overflow:auto;
    font-size:2pc;
}

.emosxxx > div:nth-child(2) {
    display:none;
}
.emosxxx > div:nth-child(2).active {
    display:block;
}
.emosxxx > div > div {
    /*border-bottom:solid 1px gray;*/
    font-family:"Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", Times, Symbola, Aegyptus, Code2000, Code2001, Code2002, Musica, serif, LastResort,system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
}
.emosxxx > div > div > .title { cursor:pointer; font-size:0.83em; font-weight:200;}
.emosxxx > div > div > .emoji { display:none; }
.emosxxx > div > div > .emoji:after {content: "";display: table;clear: both;}
.emosxxx > div > div > .emoji > .emo {
	padding:2px;
	cursor:pointer;
    float:left;
}