.search-bar[data-v-abf4cae8]{display:flex;align-items:center;height:32px}.search-bar .small-input[data-v-abf4cae8]{width:200px}.search-bar .large-input[data-v-abf4cae8]{width:300px}.search-bar .search-enter[data-v-abf4cae8]{opacity:0;width:50px}.search-bar .search-leave-to[data-v-abf4cae8]{opacity:0;width:0}.search-bar .search-enter-active[data-v-abf4cae8],.search-bar .search-leave-active[data-v-abf4cae8]{transition:width .5s,opacity .5s}.search-bar .search-icon[data-v-abf4cae8]{cursor:pointer}.search-bar .close-icon[data-v-abf4cae8]{cursor:pointer;margin-left:12px}.f-search[data-v-abf4cae8]{display:flex;align-items:center}.img-preview[data-v-59e90d5f]{width:100vw;height:100vh;position:fixed;z-index:999;display:flex;background-color:rgba(28,27,27,.9);left:0;top:0}.img-preview .close[data-v-59e90d5f]{position:absolute;top:20px;right:20px;color:#fff;font-size:30px;cursor:pointer}.img-preview .img-left[data-v-59e90d5f]{color:#fff;width:240px;padding:15px;height:100%;overflow-y:auto;overflow-x:hidden}.img-preview .img-left>p[data-v-59e90d5f]{margin:5px 0;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.img-preview .img-right[data-v-59e90d5f]{flex:1;text-align:center;overflow:auto;padding:40px}.img-preview .img-right img[data-v-59e90d5f]{-o-object-fit:contain;object-fit:contain;max-width:100%}