.dy{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;cursor:pointer}.dy.db{opacity:1;visibility:visible}.dy .dw{position:relative;max-width:90%;max-height:90%;display:flex;align-items:center;justify-content:center;cursor:default}.dy .dw img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 20px 40px rgba(0,0,0,.5);transition:transform .3s}.dy .dw:focus{outline:rgba(255,255,255,.5) solid 2px;outline-offset:4px}.dy .dx{position:absolute;top:20px;right:20px;width:40px;height:40px;background-color:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;z-index:10000}.dy .dx::after,.dy .dx::before{content:'';position:absolute;width:20px;height:2px;background-color:#fff;border-radius:1px}.dy .dx::before{transform:rotate(45deg)}.dy .dx::after{transform:rotate(-45deg)}.dy .dk{position:absolute;bottom:20px;background-color:rgba(0,0,0,.7);color:#fff;padding:10px 20px;border-radius:20px;font-size:14px;font-weight:500;backdrop-filter:blur(10px);opacity:0;transition:opacity .3s;pointer-events:none}.dy .dk.dj{opacity:1}.dy .dq{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #fff;border-radius:50%;animation:1s linear infinite image-preview-spin}@keyframes image-preview-spin{0%{transform:translate(-50%,-50%) rotate(0)}100%{transform:translate(-50%,-50%) rotate(360deg)}}.dy:focus{outline:0}.dz{cursor:zoom-in;transition:transform .2s,opacity .2s}.dz:active{transform:scale(.98)}body.ve{overflow:hidden}@media (max-width:768px){.dy .dw{max-width:95%;max-height:95%}.dy .dx{top:10px;right:10px;width:35px;height:35px}.dy .dx::after,.dy .dx::before{width:16px}.dy .dk{bottom:10px;font-size:12px;padding:8px 16px}}@media (hover:hover) and (pointer:fine){.dy .dx:hover{background-color:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);transform:scale(1.1)}}