@charset "UTF-8";

i.icon.pen {
	position: relative;
	margin-right: -2px;
	width: 14px;
	height: 4px;
	box-sizing: border-box;
	display: block;
	border-top-right-radius: 1px;
	border-bottom-right-radius: 1px;
	border-right: 2px solid transparent;
	box-shadow:
		0 0 0 2px,
		inset -2px 0 0;
	transform: rotate(-45deg);

	&:after,
	&:before {
		position: absolute;
		content: "";
		display: block;
		box-sizing: border-box;
	}

	&:before {
		top: 0;
		right: -6px;
		width: 3px;
		height: 4px;
		border-radius: 1px;
		border-left: 0;
		background: currentColor;
	}

	&:after {
		top: -2px;
		left: -11px;
		width: 8px;
		height: 7px;
		border-top: 4px solid transparent;
		border-right: 7px solid;
		border-bottom: 4px solid transparent;
	}
}