/* v273: shared clip-viewer layout and action parity. */
.clip-viewer-side > .clip-viewer-info {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
  justify-self: stretch !important;
}

.clip-viewer-comment-chip,
.clip-viewer-repost-chip,
.clip-viewer-comment-chip .clip-viewer-like-icon,
.clip-viewer-repost-chip .clip-viewer-like-icon {
  color: #d85a00 !important;
}

.clip-viewer-comment-chip .clip-viewer-like-icon,
.clip-viewer-repost-chip .clip-viewer-like-icon {
  border-radius: 999px !important;
  background: #fff1e6 !important;
}

.clip-viewer-comment-chip .clip-viewer-like-icon svg,
.clip-viewer-repost-chip .clip-viewer-like-icon svg,
.clip-viewer-comment-chip .clip-viewer-like-icon svg path,
.clip-viewer-repost-chip .clip-viewer-like-icon svg path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.1 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.clip-viewer-comment-chip .clip-viewer-like-count,
.clip-viewer-repost-chip .clip-viewer-like-count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 22px !important;
}

.clip-viewer-like-chip.is-bouncing .clip-viewer-like-icon svg,
.clip-viewer-like-chip.is-bouncing .clip-viewer-like-icon img {
  animation: emyClipMascotLikeBounceV273 .72s ease-in-out both !important;
}

@keyframes emyClipMascotLikeBounceV273 {
  0%, 100% { transform: translateY(0) rotate(0deg) scale(1); }
  28% { transform: translateY(-4px) rotate(-8deg) scale(1.1); }
  54% { transform: translateY(1px) rotate(7deg) scale(.98); }
  78% { transform: translateY(-1px) rotate(-3deg) scale(1.04); }
}