.group-hover .group\/favorite,.group:focus-visible .group-hover\/favorite,.group:focus-within .group\/favorite{display:flex}@media (min-width:992px){.group-hover .group\/quickView,.group:focus-visible .group-hover\/quickView,.group:focus-within .group\/quickView{display:flex}}.group\/quickView:focus-visible{outline:2px solid var(--sfly-color-neutrals-black);outline-offset:1px;box-shadow:none}.group\/favorite:focus-visible{outline:2px solid var(--sfly-color-neutrals-black);outline-offset:2px;box-shadow:none}@keyframes tnFavoriteHeartFloat{0%{transform:translate(var(--tx),var(--ty)) scale(.4);opacity:1}to{transform:translate(var(--tx),calc(var(--ty) - 36px)) scale(1);opacity:0}}.favorite-particle-wrapper{position:absolute;top:50%;left:50%;pointer-events:none}.favorite-particle{position:absolute;animation:tnFavoriteHeartFloat .7s ease-out forwards}@media (prefers-reduced-motion:reduce){.favorite-particle-wrapper{display:none}}