.image-preview[data-v-ade95266]{--image-preview-bg:rgba(0,0,0,.9);--image-preview-z:3000;--image-preview-btn-bg:hsla(0,0%,100%,.12);--image-preview-btn-bg-hover:hsla(0,0%,100%,.2);--image-preview-text:#fff;align-items:center;color:var(--image-preview-text);display:flex;inset:0;justify-content:center;overscroll-behavior:contain;position:fixed;z-index:var(--image-preview-z)}.backdrop[data-v-ade95266]{background:var(--image-preview-bg);inset:0;position:absolute}.topbar[data-v-ade95266]{align-items:center;display:flex;gap:12px;justify-content:space-between;left:calc(16px + env(safe-area-inset-left));pointer-events:none;position:absolute;right:calc(16px + env(safe-area-inset-right));top:calc(16px + env(safe-area-inset-top));z-index:3}.counter[data-v-ade95266]{font-size:var(--global--font-size-sm);opacity:.85}.actions[data-v-ade95266]{flex-wrap:wrap;gap:8px;justify-content:flex-end;pointer-events:auto}.actions[data-v-ade95266],.icon-btn[data-v-ade95266]{display:inline-flex}.icon-btn[data-v-ade95266]{align-items:center;background:var(--image-preview-btn-bg);border:none;border-radius:50%;color:var(--image-preview-text);cursor:pointer;height:40px;justify-content:center;padding:0 12px;text-decoration:none;touch-action:manipulation;transition:background .15s ease,transform .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:40px}.icon-btn svg[data-v-ade95266]{height:20px;width:20px}.icon-btn[data-v-ade95266]:hover{background:var(--image-preview-btn-bg-hover)}.icon-btn[data-v-ade95266]:active{transform:scale(.98)}.nav-btn[data-v-ade95266]{--nav-btn-y:-50%;align-items:center;background:var(--image-preview-btn-bg);border:none;border-radius:50%;box-shadow:0 8px 22px #00000059;color:var(--image-preview-text);cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;top:50%;touch-action:manipulation;transform:translateY(var(--nav-btn-y));transition:background .15s ease,box-shadow .15s ease,transform .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:50px;z-index:2}.nav-btn svg[data-v-ade95266]{height:26px;width:26px}.nav-btn[data-v-ade95266]:hover{background:var(--image-preview-btn-bg-hover);box-shadow:0 10px 26px #00000073;transform:translateY(var(--nav-btn-y)) scale(1.02)}.nav-btn[data-v-ade95266]:active{transform:translateY(var(--nav-btn-y)) scale(.99)}.prev-btn[data-v-ade95266]{left:calc(16px + env(safe-area-inset-left))}.next-btn[data-v-ade95266]{right:calc(16px + env(safe-area-inset-right))}.stage[data-v-ade95266]{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;padding:calc(64px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));position:relative;touch-action:none;width:100%;z-index:1}.img[data-v-ade95266]{max-height:100%;max-width:100%;transform-origin:center center;transition:transform .08s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;will-change:transform}@media(max-width:480px){.topbar[data-v-ade95266]{gap:8px}.actions[data-v-ade95266]{gap:6px}.nav-btn[data-v-ade95266]{--nav-btn-y:0%;bottom:calc(16px + env(safe-area-inset-bottom));top:auto}.stage[data-v-ade95266]{padding-bottom:calc(78px + env(safe-area-inset-bottom))}}