.yk-image-preview[data-v-a9b6f0e0]{align-items:center;display:flex;height:100vh;height:100svh;justify-content:center;left:0;max-height:100svh;overflow:hidden;position:fixed;top:0;width:100%}.yk-image-preview__mask[data-v-a9b6f0e0]{background-color:#0006;transition:all .3s ease}.yk-image-preview__body[data-v-a9b6f0e0],.yk-image-preview__mask[data-v-a9b6f0e0]{height:100%;left:0;position:absolute;top:0;width:100%}.yk-image-preview__body[data-v-a9b6f0e0]{align-items:center;display:flex;justify-content:center;transition:transform .2s ease}.yk-image-preview__img[data-v-a9b6f0e0]{cursor:grab;display:inline-block;max-height:96%;max-width:96%;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}.yk-image-preview__arrow-left[data-v-a9b6f0e0],.yk-image-preview__arrow-right[data-v-a9b6f0e0],.yk-image-preview__close-btn[data-v-a9b6f0e0]{align-items:center;border:none;border-radius:18px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;transition:background .2s ease;width:36px}.yk-image-preview__close-btn[data-v-a9b6f0e0]{background:#00000080;right:20px;top:20px}.yk-image-preview__close-btn[data-v-a9b6f0e0]:hover{background:#000000a8}.yk-image-preview__arrow-left[data-v-a9b6f0e0]{left:20px}.yk-image-preview__arrow-right[data-v-a9b6f0e0]{right:20px}.yk-image-preview__arrow-left[data-v-a9b6f0e0],.yk-image-preview__arrow-right[data-v-a9b6f0e0]{background:#0000004d;top:50%;transform:translateY(-50%)}.yk-image-preview__arrow-left[data-v-a9b6f0e0]:hover,.yk-image-preview__arrow-right[data-v-a9b6f0e0]:hover{background:#00000086}.yk-image-preview__toolbar[data-v-a9b6f0e0]{align-items:center;background:#fff;border-radius:8px;bottom:46px;display:flex;justify-content:space-around;left:50%;padding:6px 12px;position:absolute;transform:translate(-50%)}.yk-image-preview__toolbar-btn[data-v-a9b6f0e0]{background:transparent;border:none;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;height:36px;transition:background .2s ease;width:36px}.yk-image-preview__toolbar-btn[data-v-a9b6f0e0]:hover{background:#f3f3f4}.preview-fade-enter-active[data-v-a9b6f0e0]{animation:preview-zoomer-in-a9b6f0e0 .2s ease-in-out}.preview-fade-leave-active[data-v-a9b6f0e0]{animation:preview-zoomer-in-a9b6f0e0 .2s ease-in-out reverse}@keyframes preview-zoomer-in-a9b6f0e0{0%{opacity:0}to{opacity:1}}@media (max-width:639px){.yk-image-preview__toolbar[data-v-a9b6f0e0]{bottom:calc(12px + env(safe-area-inset-bottom,0px))}.yk-image-preview__img[data-v-a9b6f0e0]{max-height:calc(100% - 140px);max-width:92%}}