i.icon.shopping.cart {
	position: relative;
	--width: 20px;
	--height: 21px;
	width: 20px;
	height: 21px;
	display: block;
	box-sizing: border-box;
	background: linear-gradient(to left, currentColor 12px, transparent 0)
			no-repeat -1px 6px/18px 2px,
		linear-gradient(to left, currentColor 12px, transparent 0) no-repeat 6px
			14px/11px 2px,
		linear-gradient(to left, currentColor 12px, transparent 0) no-repeat 0 2px/4px
			2px,
		radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat 12px
			17px/4px 4px,
		radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat 6px
			17px/4px 4px;
}
i.icon.shopping.cart.bold {
	--height: 22px;
	height: 22px;
	background: linear-gradient(to left, currentColor 13px, transparent 0)
			no-repeat 0px 6px/19px 3px,
		linear-gradient(to left, currentColor 14px, transparent 0) no-repeat 4px
			14px/16px 3px,
		linear-gradient(to left, currentColor 14px, transparent 0) no-repeat 0 2px/5px
			3px,
		radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat 14px
			18px/4px 4px,
		radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat 5px
			18px/4px 4px;
}
i.icon.shopping.cart::after,
i.icon.shopping.cart::before {
	left: 4px;
	top: 2px;
	position: absolute;
	content: "";
	width: 2px;
	height: 14px;
	display: block;
	box-sizing: border-box;
	transform: skew(12deg);
	background: currentColor;
}
i.icon.shopping.cart.bold::after,
i.icon.shopping.cart.bold::before {
	width: 3px;
}
i.icon.shopping.cart::after {
	left: 16px;
	top: 6px;
	height: 10px;
	transform: skew(-12deg);
}
i.icon.shopping.cart.bold::after {
	left: 18px;
}

label > i.icon.shopping.cart:first-of-type {
	left: 10px;
  top: 6px;
}

i.icon.shopping.cart + input {
	padding-left: 37px;
}
