@layer components{body:has(.carousel-viewer[open]){overflow:hidden}.clinic-slides[role=button],.center-photo-stage[role=button]{cursor:zoom-in}.clinic-slides:focus-visible,.center-photo-stage:focus-visible{outline-offset:4px;outline:3px solid #247fab}.carousel-viewer{width:100%;max-width:none;height:100dvh;max-height:none;padding:max(12px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));color:#fff;background:#082b41;border:0;margin:0;position:fixed;inset:0}.carousel-viewer[open]{grid-template-rows:auto minmax(0,1fr) auto;gap:12px;display:grid}.carousel-viewer::backdrop{background:#082b41}.carousel-viewer-toolbar{justify-content:space-between;align-items:center;gap:16px;font-size:16px;display:flex}.carousel-viewer button{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #fff5;border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.carousel-viewer button:hover{background:#ffffff28}.carousel-viewer button:focus-visible{outline-offset:3px;outline:2px solid #a5dfff}.carousel-viewer-image{touch-action:pan-y pinch-zoom;min-width:0;min-height:0}.carousel-viewer-image img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.carousel-viewer-controls{justify-content:center;align-items:center;gap:24px;font-size:16px;display:flex}}