.viewer-open{overflow:hidden}.ct-image-viewer{border:0;max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;padding:72px 80px 42px;background:#09131ff5;color:#fff;box-sizing:border-box}.ct-image-viewer::backdrop{background:#09131f}.ct-image-viewer[open]{display:flex;align-items:center;justify-content:center;animation:viewer-enter 150ms cubic-bezier(.23,1,.32,1)}.ct-image-viewer .viewer-toolbar{position:absolute;top:16px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between}.ct-image-viewer .viewer-counter{color:#d2e1eb;font:13px 'Segoe UI',sans-serif;font-variant-numeric:tabular-nums}.ct-image-viewer button{display:grid;place-items:center;width:46px;height:46px;min-width:46px;padding:0;border:1px solid #536475;background:#203044;color:#fff;border-radius:50%;cursor:pointer}.ct-image-viewer button:hover{background:#334c64}.ct-image-viewer button:focus-visible{outline:3px solid #8bd2fc;outline-offset:4px}.ct-image-viewer button[hidden]{display:none}.ct-image-viewer button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}.ct-image-viewer .viewer-prev{position:absolute;left:20px;top:50%}.ct-image-viewer .viewer-next{position:absolute;right:20px;top:50%}.ct-image-viewer figure{margin:0;max-width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.ct-image-viewer figure img{display:block;max-width:100%;max-height:calc(100dvh - 160px);width:auto;height:auto;object-fit:contain;border-radius:5px}.ct-image-viewer figcaption{color:#d2e1eb;font:14px/1.6 'Segoe UI',sans-serif;max-width:65ch}.ct-image-viewer .viewer-error{color:#fff}.ct-image-viewer .viewer-error a{color:#9ddcff}.ct-image-viewer [hidden]{display:none!important}@keyframes viewer-enter{from{opacity:0}to{opacity:1}}@media(max-width:600px){.ct-image-viewer{padding:76px 14px 82px}.ct-image-viewer .viewer-prev,.ct-image-viewer .viewer-next{top:auto;bottom:20px}.ct-image-viewer .viewer-prev{left:calc(50% - 58px)}.ct-image-viewer .viewer-next{right:calc(50% - 58px)}.ct-image-viewer figure img{max-height:calc(100dvh - 210px)}.ct-image-viewer figcaption{font-size:12px}.ct-image-viewer .viewer-toolbar{left:18px;right:18px}}@media(prefers-reduced-motion:reduce){.ct-image-viewer[open]{animation:none}}
.ct-image-viewer:has(.viewer-thumbnails:not([hidden])){padding-bottom:132px}.ct-image-viewer:has(.viewer-thumbnails:not([hidden])) figure img{max-height:calc(100dvh - 240px)}.viewer-thumbnails{position:absolute;bottom:22px;left:80px;right:80px;display:flex;gap:10px;overflow-x:auto;padding:6px;scrollbar-color:#536475 #09131f}.ct-image-viewer .viewer-thumbnails button{flex:0 0 64px;width:64px;height:64px;border:0;border-radius:8px;overflow:hidden;opacity:.55}.viewer-thumbnails img{width:100%;height:100%;object-fit:cover}.ct-image-viewer .viewer-thumbnails button[aria-pressed=true]{opacity:1;outline:2px solid #8bd2fc;outline-offset:2px}.ct-image-viewer .viewer-thumbnails button:hover{opacity:1}@media(max-width:600px){.viewer-thumbnails{left:14px;right:14px;bottom:14px}.ct-image-viewer:has(.viewer-thumbnails:not([hidden])){padding-bottom:180px}.ct-image-viewer:has(.viewer-thumbnails:not([hidden])) figure img{max-height:calc(100dvh - 290px)}.ct-image-viewer:has(.viewer-thumbnails:not([hidden])) .viewer-prev,.ct-image-viewer:has(.viewer-thumbnails:not([hidden])) .viewer-next{bottom:100px}}
.ct-image-viewer:has(.viewer-thumbnails:not([hidden])){padding-bottom:132px}.ct-image-viewer:has(.viewer-thumbnails:not([hidden])) figure img{max-height:calc(100dvh - 240px)}.viewer-thumbnails{position:absolute;bottom:22px;left:80px;right:80px;display:flex;gap:10px;overflow-x:auto;padding:6px;scrollbar-color:#536475 #09131f}.ct-image-viewer .viewer-thumbnails button{flex:0 0 64px;width:64px;height:64px;border:0;border-radius:8px;overflow:hidden;opacity:.55}.viewer-thumbnails img{width:100%;height:100%;object-fit:cover}.ct-image-viewer .viewer-thumbnails button[aria-pressed=true]{opacity:1;outline:2px solid #8bd2fc;outline-offset:2px}.ct-image-viewer .viewer-thumbnails button:hover{opacity:1}@media(max-width:600px){.viewer-thumbnails{left:14px;right:14px;bottom:14px}.ct-image-viewer:has(.viewer-thumbnails:not([hidden])){padding-bottom:180px}.ct-image-viewer:has(.viewer-thumbnails:not([hidden])) figure img{max-height:calc(100dvh - 290px)}.ct-image-viewer:has(.viewer-thumbnails:not([hidden])) .viewer-prev,.ct-image-viewer:has(.viewer-thumbnails:not([hidden])) .viewer-next{bottom:100px}}