/**
 * Paw-shaped pointer.
 *
 * @package HevenPet
 * @author  Mattia Gosetto <mattia.gosetto@gmail.com>
 */

.hpet-paw {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2147483647;
	width: 2.5rem;
	height: 2.5rem;
	margin: -1.25rem 0 0 -1.25rem;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.25s ease;
	will-change: transform;
}

.hpet-paw.is-visible {
	opacity: 1;
}

.hpet-paw.is-hidden {
	opacity: 0;
}

.hpet-paw svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: none;
	stroke: var(--hpet-gold);
	stroke-width: 3;
	stroke-linejoin: round;
	opacity: 0.6;
	transition: transform 0.25s ease, opacity 0.25s ease;
}

.hpet-paw.is-active svg {
	opacity: 0.8;
	transform: scale(1.4);
}

.hpet-paw.is-pressed svg {
	opacity: 0.9;
	transform: scale(1.1);
	transition-duration: 0.1s;
}

.hpet-paw.is-active.is-pressed svg {
	transform: scale(1.25);
}

@media not all and (any-pointer: fine) {
	.hpet-paw {
		display: none;
	}
}