.smilie-inserter {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	
	.smilie-grid {	
		display: grid;
		gap: 0.25rem;
		grid-template-columns: repeat(auto-fill, minmax(2rem, 3rem));
		justify-items: center;
		justify-content: space-evenly;
	}
	
	.more-button {
		align-self: center;
	}
}

.smilie-list {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(auto-fill, minmax(2rem, 8rem));
	justify-items: center;
	justify-content: space-evenly;
}

.smilie-list-popup {
	display: grid;
	gap: 0.75rem;
	grid-template-columns: repeat(auto-fill, minmax(2rem, 3rem));
	justify-items: center;
	justify-content: space-evenly;
}