.icon-success-neutral {
	mask-image: url('../icons/circle-check.svg');
	mask-size: 20px 20px;
	mask-position: center;
	mask-repeat: no-repeat;
	background-color: var(--color-icon-1-default);
}

.icon-error {
	mask-image: url('../icons/circle-exclamation.svg');
	mask-size: 20px 20px;
	mask-position: center;
	mask-repeat: no-repeat;
	background-color: var(--color-feedback-danger-strong);
}

.icon-information-colored {
	mask-image: url('../icons/circle-information.svg');
	mask-size: 20px 20px;
	mask-position: center;
	mask-repeat: no-repeat;
	background-color: var(--color-feedback-info-strong);
}

.icon-information-neutral {
	mask-image: url('../icons/circle-information.svg');
	mask-size: 20px 20px;
	mask-position: center;
	mask-repeat: no-repeat;
	background-color: var(--color-feedback-neutral-strong);
}

.icon-information-gray {
	mask-image: url('../icons/circle-information.svg');
	mask-size: 16px 16px;
	mask-position: center;
	mask-repeat: no-repeat;
	background-color: var(--color-icon-2-default);
}

.icon-arrow-right-neutral {
	mask-image: url('/static/icons/arrow-right.svg');
	mask-size: 16px 16px;
	mask-position: center;
	mask-repeat: no-repeat;
	background-color: var(--color-icon-1-default);
}

.icon-edit-neutral {
	mask-image: url('/static/icons/square-edit.svg');
	mask-size: 20px 20px;
	mask-position: center;
	mask-repeat: no-repeat;
	background-color: var(--color-icon-1-default);
}

.icon-edit-neutral:active {
	background-color: var(--color-icon-1-pressed);
}

.icon-reorder-neutral {
	mask-image: url('/static/icons/reorder.svg');
	mask-size: 16px 16px;
	mask-position: center;
	mask-repeat: no-repeat;
	background-color: var(--color-icon-1-default);
}

.icon-eye-neutral {
	mask-image: url('/static/icons/eye.svg');
	mask-size: 16px 16px;
	mask-position: center;
	mask-repeat: no-repeat;
	background-color: var(--color-icon-1-default);
}

.icon-x-danger {
	mask-image: url('/static/icons/x.svg');
	mask-size: 16px 16px;
	mask-position: center;
	mask-repeat: no-repeat;
	background-color: var(--color-feedback-danger-strong);
}

.icon-star-neutral {
	mask-image: url('/static/icons/star.svg');
	mask-size: 16px 16px;
	mask-position: center;
	mask-repeat: no-repeat;
	background-color: var(--color-icon-1-default);
}

.checklist .icon-success-neutral {
	flex-shrink: 0;
	width: 22px;
	height: 22px;
}