.viewer-enter-active[data-v-83d7c8c2],.viewer-leave-active[data-v-83d7c8c2]{transition:opacity .22s}.viewer-enter-from[data-v-83d7c8c2],.viewer-leave-to[data-v-83d7c8c2]{opacity:0}.viewer-img[data-v-83d7c8c2]{transition:transform .18s}.tip-wrap[data-v-83d7c8c2]{display:inline-flex}.tip[data-v-83d7c8c2]{z-index:20;white-space:nowrap;color:#ffffffd9;opacity:0;pointer-events:none;background:#000;border-radius:2px;padding:8px 12px;font-size:12px;line-height:18px;transition:opacity .12s;bottom:calc(100% + 6px)}.tip[data-v-83d7c8c2],.tip[data-v-83d7c8c2]:after{position:absolute;left:50%;transform:translate(-50%)}.tip[data-v-83d7c8c2]:after{content:"";border:5px solid #0000;border-top:4px solid #000;border-bottom-width:0;top:100%}.tip-wrap:hover .tip[data-v-83d7c8c2]{opacity:1}