.image-viewer-open{overflow:hidden}.image-viewer{width:min(1200px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #53534b;border-radius:18px;background:#171717;color:#fff;box-shadow:0 30px 100px #0008;overflow:auto}.image-viewer::backdrop{background:#000c}.image-viewer-toolbar{display:flex;align-items:center;gap:20px;padding:14px 20px;border-bottom:1px solid #48483f}.image-viewer-toolbar :is(h2,.ui-heading-h2){font-family:inherit;font-weight:600;line-height:1.4;font-size:16px;margin:0;flex:1}.image-viewer-toolbar [data-image-count]{font-size:14px;color:#ddd;white-space:nowrap}.image-viewer button{font:inherit;color:#171717;border:0;border-radius:10px;background:#f5ce55;cursor:pointer;width:44px;height:44px;flex:none}.image-viewer button:focus-visible,.image-trigger:focus-visible,.image-viewer-link:focus-visible,.media-zoom-button:focus-visible{outline:3px solid #f5ce55;outline-offset:4px}.image-viewer-stage{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:14px;padding:18px}.image-viewer-stage button{font-size:32px;line-height:1}.image-viewer-stage img{display:block;max-width:100%;max-height:calc(100dvh - 190px);width:auto;height:auto;object-fit:contain;justify-self:center;background:#fff}.image-viewer-caption,.image-viewer-error{margin:0;padding:0 24px 18px;text-align:center;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.image-viewer-error{color:#f5ce55}.image-viewer [hidden]{display:none!important}.image-trigger{display:block;max-width:100%;border:0;padding:0;background:transparent;color:inherit;cursor:zoom-in;text-align:inherit;border-radius:inherit}.image-trigger img{display:block}.certificate-row>.image-trigger{width:150px;flex-shrink:0}.media-zoom-host{position:relative;min-width:0}.media-zoom-host>a{display:block;height:100%}.media-zoom-button{position:absolute;top:12px;right:12px;width:40px;height:40px;display:grid;place-items:center;border:1px solid #171717;border-radius:10px;background:#f5ce55;color:#171717;cursor:zoom-in;font-size:22px}.image-viewer-link{cursor:zoom-in}.image-trigger:hover img{filter:brightness(.97)}
@media(max-width:700px){.image-viewer{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.image-viewer-toolbar{padding:12px;gap:12px}.image-viewer-toolbar :is(h2,.ui-heading-h2){font-size:14px}.image-viewer-stage{gap:8px;padding:12px 8px;grid-template-columns:36px minmax(0,1fr) 36px}.image-viewer-stage button{width:36px;height:44px}.image-viewer-caption{padding:0 16px 16px}}

.portrait>.image-trigger{width:100%;height:100%}
.image-trigger:focus-visible,.image-viewer-link:focus-visible,.media-zoom-button:focus-visible{outline-color:#171717;box-shadow:0 0 0 6px #f5ce55}

.image-viewer.single-image .image-viewer-stage{grid-template-columns:minmax(0,1fr)}