/* V1.101: local, accessible transaction feedback for the conclusion like action. */
html body:not(.maintenance-mode) #resultOverlay #resultLikeCard[data-like-state="pending"] #resultLikeButton {
  position: relative;
  cursor: wait !important;
  opacity: .78;
  filter: saturate(.7) brightness(.96);
}

html body:not(.maintenance-mode) #resultOverlay #resultLikeCard[data-like-state="pending"] #resultLikeButton > span {
  opacity: .28;
  transform: scale(.82);
}

html body:not(.maintenance-mode) #resultOverlay #resultLikeCard[data-like-state="pending"] #resultLikeButton::after {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  width: 15px;
  height: 15px;
  box-sizing: border-box;
  border: 2px solid rgba(255, 255, 255, .22);
  border-top-color: #fff5bc;
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(255, 205, 112, .32);
  transform: translateY(-50%);
  animation: result-like-progress 700ms linear infinite;
}

html body:not(.maintenance-mode) #resultOverlay #resultLikeCard[data-like-state="liked"] #resultLikeButton {
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, .12),
    0 0 0 2px rgba(255, 201, 116, .16),
    0 0 17px rgba(255, 173, 105, .22) !important;
}

html body:not(.maintenance-mode) #resultOverlay #resultLikeButton[aria-pressed="true"] > span {
  transform: scale(1.08);
  filter: saturate(1.12) brightness(1.08);
}

@keyframes result-like-progress {
  from { transform: translateY(-50%) rotate(0deg); }
  to { transform: translateY(-50%) rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  html body:not(.maintenance-mode) #resultOverlay #resultLikeCard[data-like-state="pending"] #resultLikeButton::after {
    border-color: #fff5bc;
    animation: none;
  }

  html body:not(.maintenance-mode) #resultOverlay #resultLikeButton[aria-pressed="true"] > span {
    transform: none;
  }
}

@media (forced-colors: active) {
  html body:not(.maintenance-mode) #resultOverlay #resultLikeCard[data-like-state="pending"] #resultLikeButton::after {
    border-color: GrayText;
    border-top-color: Highlight;
    box-shadow: none;
  }
}