/* Custom implementation using svgs from 
provided figma as to follow the no-framework rule*/

.icon {
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	background-color: #1b1c1e;
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
}

.icon--edit {
	mask-image: url("edit.svg");
}

.icon--magnifier {
	mask-image: url("magnifier.svg");
}

.icon--note-add {
	mask-image: url("note-add.svg");
}

.icon--note {
	mask-image: url("note.svg");
}

.icon--trash-can {
	mask-image: url("trash-can.svg");
}

.icon--info {
	mask-image: url("info.svg");
}