.case-image-gallery{--case-image-ui:.24s;--case-image-ease:cubic-bezier(.22, 1, .36, 1);--case-image-line:#b9c5ba;--case-image-meta:.875rem}.case-viewer{color:#004643;background:#f0ede5;border:1px solid #b9c5ba;border-radius:1rem;width:min(94vw,100rem);max-width:none;height:min(92dvh,70rem);max-height:none;margin:auto;padding:0;font-family:inherit;position:fixed;inset:0}.case-viewer::backdrop{background:#001e1ce6}.case-viewer-surface{grid-template-rows:auto minmax(0,1fr);min-width:0;height:100%;display:grid}.case-viewer-body{overscroll-behavior:contain;grid-template-rows:minmax(min(16rem,50dvh),1fr) auto;min-width:0;min-height:0;display:grid;overflow:auto}.case-viewer-header,.case-viewer-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.case-viewer-header{border-bottom:1px solid var(--case-image-line);flex-wrap:nowrap}.case-viewer .case-viewer-header h2{max-width:none;font-size:1.25rem}.case-viewer-footer{border-top:1px solid var(--case-image-line)}.case-viewer-footer>p{font-size:var(--case-image-meta)}.case-viewer-canvas{overscroll-behavior:auto;background:#faf8f2;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:safe center;min-width:0;padding:1.5rem;display:grid;overflow:hidden}.case-viewer-canvas>img{object-fit:contain;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%}.case-viewer-canvas[data-zoomed=true]{overscroll-behavior:contain;grid-template-rows:auto;grid-template-columns:auto;overflow:auto}.case-viewer-canvas[data-zoomed=true]>img{object-fit:initial;max-width:none;max-height:none}.case-viewer-tools{flex-wrap:wrap;gap:.5rem;display:flex}.case-image-button{border:1px solid var(--case-image-line);cursor:pointer;border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;min-width:44px;max-width:64px;height:2.75rem;min-height:44px;max-height:64px;display:inline-flex}.case-image-button:disabled{opacity:.35;cursor:default}.case-image-button:not(:disabled):hover{background:#e9d995}@media (max-width:47.99rem){.case-viewer{border-radius:.65rem;width:calc(100% - 1rem);height:calc(100dvh - 1rem)}.case-viewer-header,.case-viewer-footer,.case-viewer-canvas{padding:.75rem}}.case-viewer :where(a,button,[tabindex="0"]):focus-visible{outline-offset:5px;outline:3px solid}.case-viewer :where(p,h2){overflow-wrap:anywhere}.case-image-retry{min-height:44px;padding:.25rem .5rem;text-decoration:underline}.case-viewer-footer>[role=alert],.case-viewer-footer>[role=status]:first-child,.case-viewer-note{flex-basis:100%}.case-viewer-note{font-size:.875rem;line-height:1.5}