/* SwapThing reaction feedback: persistent pill state; only the thumb icon animates outside the pill. */
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair,
body main.site-main .listing-detail-popularity-row .browse-card-reaction-pair,
body main.site-main .permanent-listing-page .listing-slide-frame .listing-detail-reaction-pair{
  overflow:visible!important;
  isolation:isolate!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair.is-selected-like,
body main.site-main .listing-detail-popularity-row .browse-card-reaction-pair.is-selected-like,
body main.site-main .permanent-listing-page .listing-slide-frame .listing-detail-reaction-pair.is-selected-like{
  background:#16a34a!important;
  border-color:rgba(255,255,255,.92)!important;
  box-shadow:0 0 0 3px rgba(255,255,255,.18),0 12px 28px rgba(22,163,74,.46)!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair.is-selected-dislike,
body main.site-main .listing-detail-popularity-row .browse-card-reaction-pair.is-selected-dislike,
body main.site-main .permanent-listing-page .listing-slide-frame .listing-detail-reaction-pair.is-selected-dislike{
  background:#dc2626!important;
  border-color:rgba(255,255,255,.92)!important;
  box-shadow:0 0 0 3px rgba(255,255,255,.18),0 12px 28px rgba(220,38,38,.48)!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction,
body main.site-main .listing-detail-popularity-row .browse-card-reaction,
body main.site-main .permanent-listing-page .listing-slide-frame .browse-card-reaction{
  overflow:visible!important;
  position:relative!important;
  transform:none!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair.is-selected-like .browse-card-like,
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction.browse-card-like.is-liked,
body main.site-main .listing-detail-popularity-row .browse-card-reaction-pair.is-selected-like .browse-card-like,
body main.site-main .listing-detail-popularity-row .browse-card-reaction.browse-card-like.is-liked,
body main.site-main .permanent-listing-page .listing-slide-frame .listing-detail-reaction-pair.is-selected-like .browse-card-like,
body main.site-main .permanent-listing-page .listing-slide-frame .browse-card-reaction.browse-card-like.is-liked{
  background:transparent!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair.is-selected-dislike .browse-card-dislike,
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction.browse-card-dislike.is-disliked,
body main.site-main .listing-detail-popularity-row .browse-card-reaction-pair.is-selected-dislike .browse-card-dislike,
body main.site-main .listing-detail-popularity-row .browse-card-reaction.browse-card-dislike.is-disliked,
body main.site-main .permanent-listing-page .listing-slide-frame .listing-detail-reaction-pair.is-selected-dislike .browse-card-dislike,
body main.site-main .permanent-listing-page .listing-slide-frame .browse-card-reaction.browse-card-dislike.is-disliked{
  background:transparent!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction > span[aria-hidden="true"],
body main.site-main .listing-detail-popularity-row .browse-card-reaction > span[aria-hidden="true"],
body main.site-main .permanent-listing-page .listing-slide-frame .browse-card-reaction > span[aria-hidden="true"]{
  display:inline-block!important;
  position:relative!important;
  z-index:3!important;
  transform-origin:center center!important;
  text-shadow:0 3px 7px rgba(0,0,0,.42)!important;
  will-change:transform,filter!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction.is-pressing,
body main.site-main .listing-detail-popularity-row .browse-card-reaction.is-pressing,
body main.site-main .permanent-listing-page .listing-slide-frame .browse-card-reaction.is-pressing{
  animation:none!important;
  z-index:90!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction.is-pressing > span[aria-hidden="true"],
body main.site-main .listing-detail-popularity-row .browse-card-reaction.is-pressing > span[aria-hidden="true"],
body main.site-main .permanent-listing-page .listing-slide-frame .browse-card-reaction.is-pressing > span[aria-hidden="true"]{
  animation:swapthing-reaction-thumb-3d-2s 2s cubic-bezier(.16,1.12,.22,1) both!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair.is-reaction-animating,
body main.site-main .listing-detail-popularity-row .browse-card-reaction-pair.is-reaction-animating,
body main.site-main .permanent-listing-page .listing-slide-frame .listing-detail-reaction-pair.is-reaction-animating{
  animation:none!important;
  transform:none!important;
  overflow:visible!important;
  z-index:79!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair.is-reaction-animating::before,
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair.is-reaction-animating::after,
body main.site-main .listing-detail-popularity-row .browse-card-reaction-pair.is-reaction-animating::before,
body main.site-main .listing-detail-popularity-row .browse-card-reaction-pair.is-reaction-animating::after,
body main.site-main .permanent-listing-page .listing-slide-frame .listing-detail-reaction-pair.is-reaction-animating::before,
body main.site-main .permanent-listing-page .listing-slide-frame .listing-detail-reaction-pair.is-reaction-animating::after{
  display:none!important;
  content:none!important;
}
@keyframes swapthing-reaction-thumb-3d-2s{
  0%{transform:translate3d(0,0,0) scale(1) rotate(0deg);filter:none;}
  12%{transform:translate3d(0,-26px,38px) scale(2.65) rotate(-14deg);filter:drop-shadow(0 18px 18px rgba(0,0,0,.36)) drop-shadow(0 0 18px rgba(255,255,255,.95)) saturate(1.45);}
  28%{transform:translate3d(0,8px,0) scale(.72) rotate(9deg);filter:drop-shadow(0 5px 8px rgba(0,0,0,.28)) saturate(1.25);}
  48%{transform:translate3d(0,-18px,28px) scale(2.05) rotate(-7deg);filter:drop-shadow(0 14px 15px rgba(0,0,0,.32)) drop-shadow(0 0 14px rgba(255,255,255,.72));}
  68%{transform:translate3d(0,4px,0) scale(.9) rotate(3deg);filter:drop-shadow(0 4px 7px rgba(0,0,0,.22));}
  84%{transform:translate3d(0,-7px,10px) scale(1.28) rotate(-2deg);filter:drop-shadow(0 8px 10px rgba(0,0,0,.22));}
  100%{transform:translate3d(0,0,0) scale(1) rotate(0deg);filter:none;}
}
@media (prefers-reduced-motion:reduce){
  body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction.is-pressing > span[aria-hidden="true"],
  body main.site-main .listing-detail-popularity-row .browse-card-reaction.is-pressing > span[aria-hidden="true"],
  body main.site-main .permanent-listing-page .listing-slide-frame .browse-card-reaction.is-pressing > span[aria-hidden="true"]{animation:none!important;}
}

/* 2026-07-08 Browse reaction buttons: thumbs are controls, not underlined links. */
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction,
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction:hover,
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction:focus,
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction:focus-visible,
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction:active,
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction span{
  text-decoration:none!important;
  -webkit-text-decoration:none!important;
  text-decoration-line:none!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap a.browse-card-reaction{
  color:inherit!important;
}