.icon.chatstickers-icon {
  position: relative;
  background-image: none;
}

.icon.chatstickers-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(50% - 1px);
  width: 22px;
  height: 22px;
  background-image: url("./klipy-logo.svg?v=20260903-chat-media-fix-49466cf6");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 22px 22px;
  transform: translate(-50%, -50%);
  filter: grayscale(1);
  transition: filter 150ms ease;
}

.icon.chatstickers-icon::after {
  content: "GIF";
  position: absolute;
  bottom: 2px;
  left: calc(50% - 1px);
  z-index: 1;
  padding: 0 2px;
  border-radius: 2px;
  background: rgba(16, 16, 16, 0.82);
  color: #f8dc3b;
  font-family: Arial, sans-serif;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: 0.1px;
  line-height: 8px;
  pointer-events: none;
  transform: translateX(-50%);
}

.icon.chatstickers-icon:hover::before,
.icon.chatstickers-icon:focus-visible::before {
  filter: none;
}

.nitro-chat-gif-selector-container:not([data-kupla-overlay-ready="true"]) {
  visibility: hidden !important;
}

.icon.chatemojis-icon {
  align-items: center;
  background-image: none;
  display: inline-flex;
  justify-content: center;
}

.icon.chatemojis-icon::before {
  content: var(--chat-emoji, "😀");
  display: block;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  font-size: 18px;
  line-height: 1;
  filter: grayscale(1);
  transition: filter 150ms ease, transform 200ms ease;
}

.icon.chatemojis-icon:hover::before,
.icon.chatemojis-icon:focus-visible::before {
  filter: none;
  transform: rotate(12deg) scale(1.08);
}