.wishlist-heart {
  display: block;
  width: 24px;
  height: 24px;
  overflow: visible;
  stroke: none;
  pointer-events: none;
}
.wishlist-heart__fill {
  fill: transparent;
  stroke: none;
}
.wishlist-heart__outline {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.wishlist-heart--filled .wishlist-heart__fill {
  fill: currentColor;
}
.wishlist-heart__glow,
.wishlist-heart__particles {
  fill: currentColor;
  stroke: none;
  opacity: 0;
}
.wishlist-heart__shape,
.wishlist-heart__glow,
.wishlist-heart__particles {
  transform-origin: 12px 12px;
}
@media (prefers-reduced-motion: no-preference) {
  .wishlist-heart--celebrate[data-heart-authenticated="true"] .wishlist-heart__shape {
    animation: kb-heart-pop 560ms ease-out;
  }
  .wishlist-heart--celebrate[data-heart-authenticated="true"] .wishlist-heart__glow {
    animation: kb-heart-glow 650ms ease-out;
  }
  .wishlist-heart--celebrate[data-heart-authenticated="true"] .wishlist-heart__particles {
    animation: kb-heart-particles 650ms ease-out;
  }
}
@keyframes kb-heart-pop {
  0%,
  100% {
    transform: scale(1);
  }
  35% {
    transform: scale(1.22);
  }
  65% {
    transform: scale(0.94);
  }
}
@keyframes kb-heart-glow {
  0% {
    opacity: 0.24;
    transform: scale(0.6);
  }
  100% {
    opacity: 0;
    transform: scale(1.7);
  }
}
@keyframes kb-heart-particles {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  25% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    transform: scale(1.4);
  }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .wishlist__trigger:not(:disabled):hover .wishlist-heart:not(.wishlist-heart--celebrate) .wishlist-heart__shape,
  .navigation__profile:hover .wishlist-heart:not(.wishlist-heart--celebrate) .wishlist-heart__shape,
  .mobile-dock__item:hover .wishlist-heart:not(.wishlist-heart--celebrate) .wishlist-heart__shape {
    animation: kb-heart-hover 850ms ease-in-out infinite;
  }
}
@keyframes kb-heart-hover {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.14);
  }
}
.navigation__actions > .club-navigation:hover {
  animation: none;
}
.club-navigation {
  position: relative;
}
.club-navigation summary {
  display: block;
  list-style: none;
  cursor: pointer;
}
.club-navigation summary::-webkit-details-marker {
  display: none;
}
.club-navigation summary:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 5px;
  border-radius: 3px;
}
.club-navigation__links {
  position: absolute;
  top: calc(100% + 16px);
  right: -12px;
  min-width: 210px;
  padding: 10px;
  background: #fff;
  color: #191919;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  z-index: 20;
}
.club-navigation__links a {
  display: block;
  padding: 12px;
  border-radius: 5px;
  white-space: nowrap;
  text-decoration: none;
}
.club-navigation__links a:hover,
.club-navigation__links a:focus-visible {
  background: #f3f3f3;
}