/*
 * https://github.com/morethanwords/tweb
 * Copyright (C) 2019-2021 Eduard Kuzmenko
 * https://github.com/morethanwords/tweb/blob/master/LICENSE
 */

.custom-emoji {
  display: inline;
  position: relative;
  width: var(--custom-emoji-size) !important;
  height: var(--custom-emoji-size) !important;
  min-width: var(--custom-emoji-size) !important;
  min-height: var(--custom-emoji-size) !important;
  // pointer-events: none;

  &:before {
    content: " ";
    display: inline-block;
    width: inherit;
    height: inherit;
    min-width: inherit;
    min-height: inherit;
  }

  .media-sticker,
  .rlottie {
    margin: 0;
    width: inherit !important;
    height: inherit !important;
    max-width: inherit !important;
    max-height: inherit !important;
    pointer-events: none;
    text-indent: -9999px;
  }

  &-canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  &-renderer {
    pointer-events: none;

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  &-placeholder {
    display: inline;
    width: var(--messages-custom-emoji-size);
    height: var(--messages-custom-emoji-size);
    vertical-align: middle;
    margin-top: -.125rem;
  }
}
