/** PCS & KEYS custom SVG icon foundation. */
.pk-icon {
	width: var(--pk-icon-size-compact);
	height: var(--pk-icon-size-compact);
	overflow: visible;
}

.pk-icon__outline {
	fill: none;
	stroke: var(--pk-color-text);
	stroke-width: var(--pk-icon-stroke-width);
	stroke-linecap: round;
	stroke-linejoin: round;
}

.pk-icon__fill {
	fill: transparent;
	transition: fill var(--pk-motion-duration) ease;
}

.pk-icon-action {
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	box-shadow: none;
	cursor: pointer;
}

.pk-icon-action:hover .pk-icon__fill,
.pk-icon-action[aria-pressed="true"] .pk-icon__fill {
	fill: var(--pk-color-action);
}

.pk-icon-action[aria-pressed="true"]:hover .pk-icon__fill {
	fill: var(--pk-color-action-hover);
}

.pk-icon-informational .pk-icon__outline,
.pk-icon-informational .pk-icon__fill {
	fill: var(--pk-color-text);
	stroke: none;
}