body.viewer-open{overflow:hidden !important;padding-right:0 !important}.viewer-backdrop{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;background-color:#000 !important;z-index:99999 !important}body.pkq-viewer-open .viewer-backdrop{background-color:#121212 !important}.viewer-container{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100% !important;z-index:100000 !important}body.pkq-viewer-open .viewer-canvas{display:block !important}.viewer-footer{z-index:3 !important;position:absolute !important}.viewer-navbar{z-index:4 !important;position:absolute !important}.viewer-title{z-index:5 !important;position:absolute !important}.viewer-tooltip{z-index:6 !important}.viewer-button{position:fixed !important;top:12px !important;right:12px !important;width:36px !important;height:36px !important;border-radius:50% !important;-webkit-border-radius:50% !important;background-color:rgba(0,0,0,.55) !important;z-index:2147483647 !important;border:0 !important;padding:0 !important;overflow:visible !important;pointer-events:auto !important;-webkit-tap-highlight-color:transparent !important;-webkit-touch-callout:none !important;-webkit-user-drag:none !important;-webkit-user-select:none !important;-moz-user-select:none !important;user-select:none !important;box-shadow:none !important;-webkit-box-shadow:none !important}.viewer-button:hover,.viewer-button:focus{background-color:rgba(0,0,0,.8) !important;outline:0 !important}.viewer-button:before{content:"" !important;display:block !important;position:absolute !important;top:50% !important;left:50% !important;bottom:auto !important;right:auto !important;width:20px !important;height:20px !important;margin:-10px 0 0 -10px !important;background-color:transparent !important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23ffffff'%20stroke-width='2.4'%20stroke-linecap='round'%3E%3Cline%20x1='5.5'%20y1='5.5'%20x2='18.5'%20y2='18.5'/%3E%3Cline%20x1='18.5'%20y1='5.5'%20x2='5.5'%20y2='18.5'/%3E%3C/svg%3E") !important;background-repeat:no-repeat !important;background-position:center center !important;background-size:18px 18px !important}body.viewer-open .viewer-button{-webkit-touch-callout:none !important;-webkit-user-select:none !important}.viewer-button:after{content:"" !important;display:block !important;position:absolute !important;top:-14px !important;right:-14px !important;bottom:-14px !important;left:-14px !important;background:transparent !important;pointer-events:auto !important}.pkq-exif-mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100002;background:rgba(0,0,0,.8);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding:16px}.pkq-exif-panel{position:relative;background:#252525;border-radius:8px;-webkit-border-radius:8px;width:100%;max-width:420px;max-height:80vh;overflow:auto;-webkit-overflow-scrolling:touch;color:#eee;font-size:14px;box-shadow:0 8px 30px rgba(0,0,0,.5)}.pkq-exif-panel h3{margin:0;padding:16px 20px;font-size:16px;font-weight:600}.pkq-exif-row{display:-webkit-box;display:-webkit-flex;display:flex;padding:10px 20px}.pkq-exif-row .k{-webkit-box-flex:0;flex:0 0 76px;color:#999}.pkq-exif-row .v{-webkit-box-flex:1;flex:1;word-break:break-all}.pkq-exif-close{position:absolute;top:10px;right:12px;width:28px;height:28px;line-height:26px;text-align:center;border-radius:50%;-webkit-border-radius:50%;cursor:pointer;color:#bbb;font-size:20px;background:#3a3a3a}.pkq-exif-close:hover{color:#fff;background:#4a4a4a}.pkq-exif-empty{padding:30px 20px;text-align:center;color:#999}