.image-preview{width:min(1100px,calc(100% - 24px));height:min(850px,calc(100dvh - 32px));max-width:none;max-height:none;border:0;border-radius:18px;background:#171727;color:#fff;padding:16px 58px 46px;overflow:hidden;box-shadow:0 24px 90px #0005}.image-preview::backdrop{background:#10101ce0;backdrop-filter:blur(5px)}.image-preview img{width:100%;height:100%;object-fit:contain;display:block}.image-preview [hidden]{display:none!important}.image-preview-close{position:absolute;right:10px;top:8px;width:38px;height:38px;border:0;border-radius:50%;background:#ffffff1f;color:#fff;font-size:27px;z-index:2}.image-preview-arrow{position:absolute;top:50%;width:38px;height:52px;transform:translateY(-50%);border:0;border-radius:12px;background:#ffffff18;color:#fff;font-size:32px}.image-preview-arrow.prev{left:10px}.image-preview-arrow.next{right:10px}.image-preview-caption{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:13px;color:#d0ccdf}.image-preview-status{position:absolute;inset:45% 50px auto;text-align:center;font-size:14px;color:#d8d2e7}@media(max-width:600px){.image-preview{padding:44px 10px 48px;height:calc(100dvh - 24px)}.image-preview-arrow{top:auto;bottom:4px;transform:none;height:38px;background:#ffffff18}.image-preview-caption{bottom:17px;pointer-events:none}}