.c-rte-code-action-menu-container {
  height: 37px;
  position: absolute;
  display: flex;
  align-items: center;
  flex-direction: row;
  user-select: none;

  @apply rounded-md bg-gray-100-800/75 px-3 text-xs text-gray-700-200;
}

.c-rte-code-highlight-language {
  margin-right: 4px;
}

.c-rte-code-button {
  @apply rounded-sm p-1;
  border: 1px solid transparent;
  background: none;
  cursor: pointer;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  text-transform: uppercase;

  &:hover {
    @apply border-gray-900-50/30 opacity-90;
  }

  &:active {
    @apply border-gray-900-50/50 bg-gray-50-900;
  }

  &__icon {
    height: 16px;
    width: 16px;
    opacity: 0.6;
    display: flex;
    background-size: contain;
    @apply text-gray;
  }
}

.c-rte-prettier-wrapper {
  position: relative;
}

.c-rte-code-error-tips {
  @apply absolute right-0 top-[26px] mt-2 rounded bg-gray-200-700 p-3 text-gray-900-50;
}
