dialog.photo-zoom{width:min(1320px,98vw);height:96vh;height:96dvh;max-width:98vw;max-height:96dvh;margin:auto;padding:54px 24px 82px;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:hidden;color:#f2e9d5}dialog.photo-zoom[open]{display:flex;flex-direction:column;justify-content:center;align-items:stretch;animation:ie-viewer-enter .22s ease-out}dialog.photo-zoom::backdrop{background:#11170de8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}dialog.photo-zoom .photo-zoom-viewport{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;overflow:auto;overscroll-behavior:contain;border-radius:16px;scrollbar-width:thin;scrollbar-color:#f2e9d580 transparent}dialog.photo-zoom .photo-zoom-image-button{position:static;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border:0;background:transparent;border-radius:14px;box-shadow:none;cursor:zoom-in;color:inherit}dialog.photo-zoom .photo-zoom-image-button img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;margin:auto;border:0;border-radius:12px;box-shadow:0 14px 44px #0004;transform:none}dialog.photo-zoom .photo-zoom-viewport.is-magnified{display:block;border-radius:12px}dialog.photo-zoom .is-magnified .photo-zoom-image-button{display:flex;width:200%;height:200%;cursor:zoom-out}dialog.photo-zoom .is-magnified .photo-zoom-image-button img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;box-shadow:none;border-radius:0}dialog.photo-zoom .photo-zoom-close{position:absolute;top:6px;right:8px;width:42px;height:42px;display:grid;place-items:center;padding:11px;border:1px solid #f2e9d54d;border-radius:50%;background:#ffffff0d;color:#f2e9d5;box-shadow:none;z-index:6;transition:background .18s ease,transform .18s ease}dialog.photo-zoom .photo-zoom-close .ui-icon{filter:brightness(0) invert(1);width:18px!important;height:18px!important;min-width:18px;margin:0}dialog.photo-zoom .photo-gallery-nav{position:absolute;top:auto;bottom:31px;width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid #f2e9d54d;border-radius:50%;background:#ffffff0d;color:#f2e9d5;box-shadow:none;transform:none;z-index:6;transition:background .18s ease,transform .18s ease}dialog.photo-zoom .photo-gallery-nav.previous{left:calc(50% - 100px);right:auto}dialog.photo-zoom .photo-gallery-nav.next{right:calc(50% - 100px);left:auto}dialog.photo-zoom .photo-gallery-count{position:absolute;top:auto;bottom:40px;left:50%;transform:translateX(-50%);font-size:13px;line-height:1.8;color:#f2e9d5;min-width:64px;text-align:center;padding:0;pointer-events:none}dialog.photo-zoom .photo-zoom-hint{position:absolute;left:12px;right:12px;bottom:3px;font-family:Arial,sans-serif;font-size:12px;line-height:1.5;margin:0;color:#f2e9d5b8;pointer-events:none;text-align:center}dialog.photo-zoom :is(.photo-zoom-close,.photo-gallery-nav,.photo-zoom-image-button):focus-visible{outline:2px solid #f2e9d5;outline-offset:4px}dialog.photo-zoom :is(.photo-zoom-close,.photo-gallery-nav):focus:not(:focus-visible){outline:none}@media(hover:hover){dialog.photo-zoom .photo-zoom-close:hover,dialog.photo-zoom .photo-gallery-nav:hover{background:#ffffff20;transform:translateY(-1px)}}@media(max-width:600px){dialog.photo-zoom{width:100vw;height:100vh;height:100dvh;max-width:100vw;max-height:100dvh;padding:calc(56px + env(safe-area-inset-top)) 12px calc(88px + env(safe-area-inset-bottom))}dialog.photo-zoom .photo-zoom-close{top:calc(9px + env(safe-area-inset-top));right:12px}dialog.photo-zoom .photo-zoom-image-button img{border-radius:10px}dialog.photo-zoom .photo-gallery-nav{bottom:calc(35px + env(safe-area-inset-bottom));width:44px;height:44px}dialog.photo-zoom .photo-gallery-count{bottom:calc(46px + env(safe-area-inset-bottom))}dialog.photo-zoom .photo-zoom-hint{bottom:calc(8px + env(safe-area-inset-bottom));font-size:11px}}@keyframes ie-viewer-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){dialog.photo-zoom[open],dialog.photo-zoom[open]::backdrop{animation:none}dialog.photo-zoom .photo-zoom-close,dialog.photo-zoom .photo-gallery-nav{transition:none}dialog.photo-zoom .photo-zoom-close:hover,dialog.photo-zoom .photo-gallery-nav:hover{transform:none}}
