.emote .wapf-swatch-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(55px, 1fr));
    gap: 10px;
	height: 165px;
	overflow: hidden;
	padding: 15px 45px 15px 15px;
	border: 1px solid #ccc;
	border-radius: 6px;
}

.emote .has-pricing .wapf-pricing-hint{
	display: none;
}

.emote .wapf-swatch--text {
	margin: 0;
}
.toggle-expand.fixed{
	right: 5px !important;
}
.emote .wapf-swatch-wrapper .wapf-swatch {	
    display: flex;
    justify-content: center;
    align-items: center;
    width: 55px;
	height: 55px;
    padding: 5px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 12px;
    cursor: pointer;
	border: var(--border);
}

.emote .wapf-swatch-wrapper .wapf-swatch.wapf-checked {
	background-color: var(--nv-primary-accent);
	border-color: var(--nv-primary-accent);
}

.emote .wapf-swatch-wrapper .wapf-swatch.wapf-checked img {
	filter: invert(1);
}
.preview-container .emoji {
	background-color: currentcolor;
	font-size: 60px;
}

.preview-container .left-emoji{
	margin-right: 5px;
}

.preview-container .right-emoji{
	margin-left: 5px;
}