<template>
  <div class="tooltip">
    <img class="trophy hero-trophy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAyVBMVEVHcEwCAgICAgIAAADw35wLCwslJSUDAwMHBwcBAQECAgIFBQUCAgISEhL76aP35qH966X/7ab966X/76ZiW0DPwIb/7ab///+AgID756E6NCX/7qaTiGC3qXji0ZPYyYx/dVPEcAJqNgT/////7abMgBZ9TRj47uDguIDy2pJyPQmhgWLt5+D55JyxZgmDRgOQaUGeVwO0moHan0DjsFa3lFfPrGyjfELYo2DTkC3qzIPbzsDIeAzqwGqPYy301YeGWifw28Dw27/tnS5qAAAAIHRSTlMAKjIBqgQDFAk6Ig0bBuPD8WahIFSVhgECEEk9aoa7qtsfZtYAAAKkSURBVFjDpVfZeqowGFQpYRN3Ba1tPzBaSl1q3Y6ettrz/g91/gRkMwiBucqFM87Mn2hSqWRgWCmF4QB3umXoLXzGjYFQkP/YwG9Ha/OGG+1C9CZebL8swHaBm7w5DAiPvykdMP3GvFW0W/h0tEJMz1w5SPiNFQdHFd0gfBzbfDlo+KnFAqli0OUMn5DIykFGt7HugVTxyBs+biK1CrJvT1MrG7SKISv8+Wjlw/GmCiM7/G0VkRxGG+PM8LdVtK+nVDA7eGpx4muJO6bhCSCRX2C5muGOiDwDoswrsFzZNgjIiIYQdO2BIbB3HGfvVwZLJzKitWsTgQdNpxaQLLEEXieTyau3dGA5+ROjUwFJLiBA3IcCIhEQOQQCekEB330iQm6BKL2Ig5Vt3wjwlPhuswSEDAcOxW+6QIaDKAo5yBaolBTImsLk31+CeWEHc2/yn8UF7DwCqKwA28F6XsoBnLp5CQf00OYSEJkOvFNX2MH10BZ0EP7kfAAu/mfJ2s2zE5eJM38PrAhr1y4jwEW/3Qc87lkdLG1eXKICfYx3My66u8O4H45R7cHV8sDBP8D1eayGHahV5QkkPnLSf0649aRU1dBBvVpTRpBjnyfHzMGt/kipVetXB7oGFmqK0nvOUYW7W+DnngJ8VfL/3g1R1upUQRlnVkHDK5QPBvwrCgIFyZcgVVzSwxP3lA7+NdkzAFcUhDwFmuMltYrZHkY3onSV8EUzeEwZURO0Cnb4Jglf8+ko9hYzocpYjmQVB7haBuE1qA8l77qmCNOohxKnWUr4usSi0xy6n8MfaVCFC+FfRqF7/XrDTEJISCx2QfhxhI6M9BeHIOqyFK/iJxnevP+Q9efhSfShCrpvr6PTE92zc4ixHLHwKNczOlbFKHAvM7/9P9ijbD9RYsyLAAAAAElFTkSuQmCC">
  </div>
</template>
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'

@Component({
  name: 'HeroTrophy',
  components: {
  }
})
export default class extends Vue {}
</script>
<style lang="scss" scoped>
@import '@/scss/tooltip.scss';
.hero-trophy {
  display: flex;

  width: 3.5em;
  height: 3.5em;
  margin-bottom: 1.25em;

  &.small {
    width: 2.3125em;
    height: 2.3125em;
  }
}
</style>
