/* Wishlist animations */
.js-wishlist-toggle.js-wishlist-effects {
	
	overflow: visible;
}

.wishlist-heart-burst {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0;
	height: 0;
	pointer-events: none;
	z-index: 10;
}

.wishlist-heart-particle {
	position: absolute;
	left: 0;
	top: 0;
	width: 1.5rem;
	height: 1.5rem;
	transform: translate(-50%, -50%);
	animation:
		wishlist-heart-motion 1125ms ease-out forwards,
		wishlist-heart-fade 562.5ms ease-out forwards;
	animation-delay: var(--delay, 0ms), calc(var(--delay, 0ms) + 375ms);
}

.wishlist-heart-particle__svg {
	width: 100%;
	height: 100%;
}

@keyframes wishlist-heart-motion {
	0% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(0.35);
	}
	10% {
		opacity: 1;
		transform: translate(-50%, -50%) scale(var(--scale, 1));
	}
	100% {
		transform: translate(calc(-50% + var(--tx-end, var(--tx, 0px))), calc(-50% + var(--ty-end, var(--ty, 0px)))) rotate(var(--rot, 0deg)) scale(var(--scale, 1));
	}
}

@keyframes wishlist-heart-fade {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.wishlist-heart-crack {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0.9em;
	height: 0.9em;
	transform: translate(-50%, -50%);
	pointer-events: none;
	z-index: 5;
}

.js-wishlist-toggle .bi {
	display: inline-block;
}

.js-wishlist-toggle.is-exploding .bi {
	animation: wishlist-heart-wiggle 300ms ease-out;
}
.wishlist-heart-immediate {
	animation: wishlist-heart-wiggle 240ms ease-out !important;
}

.js-wishlist-toggle.is-cracking .bi {
	animation: wishlist-heart-crack-wiggle 360ms ease-in forwards;
}

.wishlist-heart-crack__half {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
}

.wishlist-heart-crack__half.is-left {
	clip-path: inset(0 50% 0 0);
}

.wishlist-heart-crack__half.is-right {
	clip-path: inset(0 0 0 50%);
}

@supports (clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)) {
	.wishlist-heart-crack__half.is-left {
		clip-path: polygon(
			0% 0%,
			52% 0%,
			48% 8%,
			52% 18%,
			48% 32%,
			52% 48%,
			48% 65%,
			52% 82%,
			48% 100%,
			0% 100%
		);
	}
	.wishlist-heart-crack__half.is-right {
		clip-path: polygon(
			48% 0%,
			100% 0%,
			100% 100%,
			48% 100%,
			52% 82%,
			48% 65%,
			52% 48%,
			48% 32%,
			52% 18%,
			48% 8%
		);
	}
}

.wishlist-heart-crack__svg {
	width: 100%;
	height: 100%;
}

.wishlist-heart-crack.is-active .wishlist-heart-crack__half.is-left {
	animation: wishlist-heart-crack-left 380ms cubic-bezier(0.42, 0, 1, 1) forwards;
}

.wishlist-heart-crack.is-active .wishlist-heart-crack__half.is-right {
	animation: wishlist-heart-crack-right 310ms cubic-bezier(0.42, 0, 1, 1) forwards;
}

.wishlist-heart-crack__line {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wishlist-heart-crack__line-svg {
	width: 70%;
	height: 70%;
	transform: rotate(-6deg);
}

.wishlist-heart-crack__line-svg path {
	stroke-dasharray: 80;
	stroke-dashoffset: 80;
	opacity: 0;
}

.wishlist-heart-crack.is-active .wishlist-heart-crack__line-svg path {
	animation: wishlist-heart-crack-line 190ms ease-out forwards;
}

@keyframes wishlist-heart-crack-left {
	0% {
		opacity: 1;
		transform: translate(0, 0) rotate(0deg);
	}
	18% {
		opacity: 1;
		transform: translate(-2px, -1px) rotate(-5deg);
	}
	100% {
		opacity: 0;
		transform: translate(-4px, 9.6px) rotate(-30deg);
	}
}

@keyframes wishlist-heart-crack-right {
	0% {
		opacity: 1;
		transform: translate(0, 0) rotate(0deg);
	}
	18% {
		opacity: 1;
		transform: translate(2px, -1px) rotate(5deg);
	}
	100% {
		opacity: 0;
		transform: translate(4px, 9.6px) rotate(30deg);
	}
}

@keyframes wishlist-heart-crack-line {
	0% {
		opacity: 0;
		stroke-dashoffset: 80;
	}
	20% {
		opacity: 0.9;
		stroke-dashoffset: 50;
	}
	100% {
		opacity: 0;
		stroke-dashoffset: 0;
	}
}

@keyframes wishlist-heart-wiggle {
	0% {
		transform: scale(1) rotate(0deg);
	}
	25% {
		transform: scale(1.08) rotate(-6deg);
	}
	50% {
		transform: scale(1.05) rotate(5deg);
	}
	75% {
		transform: scale(1.08) rotate(-4deg);
	}
	100% {
		transform: scale(1) rotate(0deg);
	}
}

@keyframes wishlist-heart-crack-wiggle {
	0% {
		transform: scale(1) rotate(0deg);
	}
	20% {
		transform: scale(0.95) rotate(-2deg);
	}
	40% {
		transform: scale(0.98) rotate(3deg);
	}
	60% {
		transform: scale(0.93) rotate(-1deg);
	}
	100% {
		transform: scale(0.9) rotate(0deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.wishlist-heart-burst,
	.wishlist-heart-crack {
		display: none !important;
	}
}


.pc_swatches .swatch.wished:before,
.productview .variants .thumb.wished:before {
content:"\F415";
font-family:bootstrap-icons;
position:absolute;
z-index:10;
left:50%;
top:55%;
transform:translate3d(-50%, -50%, 1px);
font-size:8px;
opacity:0.65;
text-shadow:0 0 3px rgba(255,255,255,1);
}

.productview .variants .thumb.wished:before {
	font-size:14px;
	color:#000;
}



header .infonav.dark .info-wishlist {
	  background:none;
  height:29px;
} 
header .topnav-wrap .topnav.navbar.navbar-inverse .info-wishlist, 
header .topnav-wrap .topnav.navbar.darknav .info-wishlist,
header .topnav.navbar.navbar-default .navbar-nav > li > a.info-wishlist {
  background:none;
  height:45px;
}

header .info-wishlist .badge, header .infonav .info-wishlist .badge {
  top:4px;
}