/* Listing-detail popularity controls.
   Detail pages use the same segmented like/dislike pill behavior as browse cards. */
body main.site-main .permanent-listing-page .listing-slide-frame .listing-detail-popularity-overlay{
  position:absolute!important;
  right:8px!important;
  bottom:58px!important;
  left:auto!important;
  top:auto!important;
  z-index:43!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  width:auto!important;
  margin:0!important;
  pointer-events:none!important;
  line-height:1!important;
}
body main.site-main .permanent-listing-page .listing-slide-frame .listing-detail-reaction-pair{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:0!important;
  padding:2px!important;
  border:1px solid rgba(255,255,255,.58)!important;
  border-radius:999px!important;
  background:rgba(8,18,14,.66)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(10px)!important;
  pointer-events:auto!important;
  overflow:hidden!important;
  color:#f8fafc!important;
  text-decoration:none!important;
}
body main.site-main .permanent-listing-page.listing-detail-thing .listing-slide-frame .listing-detail-reaction-pair{
  background:var(--green)!important;
  color:#06110b!important;
}
body main.site-main .permanent-listing-page.listing-detail-service .listing-slide-frame .listing-detail-reaction-pair{
  background:rgba(158,203,255,.92)!important;
  color:#0d1724!important;
}
body main.site-main .permanent-listing-page .listing-slide-frame .listing-detail-reaction-pair.is-readonly{
  opacity:.82!important;
}
body main.site-main .permanent-listing-page .listing-slide-frame .browse-card-reaction{
  min-width:35px!important;
  width:35px!important;
  height:30px!important;
  border-radius:999px!important;
  display:inline-grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  box-shadow:none!important;
  overflow:hidden!important;
  font-size:0!important;
  line-height:1!important;
  transform:translateZ(0)!important;
  transition:background .14s ease,color .14s ease,transform .12s ease,width .18s ease,min-width .18s ease,opacity .18s ease!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
body main.site-main .permanent-listing-page .listing-slide-frame .browse-card-reaction + .browse-card-reaction{
  border-left:1px solid rgba(255,255,255,.22)!important;
  border-top-left-radius:0!important;
  border-bottom-left-radius:0!important;
}
body main.site-main .permanent-listing-page .listing-slide-frame .browse-card-reaction:first-child{
  border-top-right-radius:0!important;
  border-bottom-right-radius:0!important;
}
body main.site-main .permanent-listing-page .listing-slide-frame .browse-card-reaction:hover,
body main.site-main .permanent-listing-page .listing-slide-frame .browse-card-reaction:focus-visible{
  background:rgba(255,255,255,.18)!important;
}
body main.site-main .permanent-listing-page .listing-slide-frame .browse-card-reaction > span[aria-hidden="true"]{
  display:block!important;
  font-size:17px!important;
  line-height:1!important;
  filter:grayscale(.22)!important;
}
body main.site-main .permanent-listing-page .listing-slide-frame .browse-card-reaction .visually-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
body main.site-main .permanent-listing-page .listing-slide-frame .browse-card-like.is-liked{
  background:#1877f2!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body main.site-main .permanent-listing-page .listing-slide-frame .browse-card-dislike.is-disliked{
  background:#6b7280!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body main.site-main .permanent-listing-page .listing-slide-frame .browse-card-reaction.is-liked > span[aria-hidden="true"],
body main.site-main .permanent-listing-page .listing-slide-frame .browse-card-reaction.is-disliked > span[aria-hidden="true"]{
  filter:none!important;
}
body main.site-main .permanent-listing-page .listing-slide-frame .browse-card-reaction.is-pressing{
  animation:swapthing-reaction-button-pop .52s cubic-bezier(.16,1.45,.22,1) both!important;
}
body main.site-main .permanent-listing-page .listing-slide-frame .listing-detail-reaction-pair.is-reaction-selected{
  padding:2px!important;
  transform-origin:center!important;
  transition:transform .18s ease,padding .18s ease,background .16s ease!important;
}
body main.site-main .permanent-listing-page .listing-slide-frame .listing-detail-reaction-pair.is-reaction-animating{
  animation:swapthing-reaction-pill-burst .62s cubic-bezier(.16,1.45,.22,1) both!important;
  overflow:visible!important;
  z-index:60!important;
}
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{
  content:""!important;
  position:absolute!important;
  inset:-10px -18px!important;
  pointer-events:none!important;
  z-index:2!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent 0 16%,rgba(255,255,255,.95) 18% 26%,transparent 29% 45%,rgba(255,255,255,.78) 48% 56%,transparent 59% 100%)!important;
  filter:blur(1px)!important;
  opacity:0!important;
  animation:swapthing-reaction-speedlines .42s ease-out both!important;
}
body main.site-main .permanent-listing-page .listing-slide-frame .listing-detail-reaction-pair.is-reaction-animating::after{
  transform:rotate(180deg)!important;
  animation-delay:.05s!important;
}
body main.site-main .permanent-listing-page .listing-slide-frame .listing-detail-reaction-pair.is-selected-like .browse-card-dislike,
body main.site-main .permanent-listing-page .listing-slide-frame .listing-detail-reaction-pair.is-selected-dislike .browse-card-like{
  width:0!important;
  min-width:0!important;
  opacity:0!important;
  pointer-events:none!important;
  border-left:0!important;
  transform:scale(.65)!important;
}
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 .listing-detail-reaction-pair.is-selected-dislike .browse-card-dislike{
  width:28px!important;
  min-width:28px!important;
  height:26px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.22)!important;
  color:inherit!important;
}
@keyframes swapthing-reaction-button-pop{
  0%{transform:scale(1);filter:none;}
  34%{transform:scale(1.46);filter:drop-shadow(0 0 11px rgba(255,255,255,.95));}
  62%{transform:scale(.88);filter:drop-shadow(0 0 7px rgba(255,255,255,.65));}
  100%{transform:scale(1);filter:none;}
}
@keyframes swapthing-reaction-pill-burst{
  0%{transform:scale(1);}
  32%{transform:scale(1.28);}
  62%{transform:scale(.94);}
  100%{transform:scale(1);}
}
@keyframes swapthing-reaction-speedlines{
  0%{opacity:0;transform:translateX(-24px) scaleX(.55);}
  18%{opacity:.98;}
  52%{opacity:.84;}
  100%{opacity:0;transform:translateX(32px) scaleX(1.32);}
}
@media (max-width:760px){
  body main.site-main .permanent-listing-page .listing-slide-frame .listing-detail-popularity-overlay{
    right:7px!important;
    bottom:55px!important;
  }
  body main.site-main .permanent-listing-page .listing-slide-frame .browse-card-reaction{
    min-width:33px!important;
    width:33px!important;
    height:29px!important;
  }
}