.patient-comparison{min-width:0;margin:0}.comparison-frame{aspect-ratio:1978/2048;isolation:isolate;background:#264c89;position:relative;overflow:hidden}.comparison-frame img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.comparison-before{position:absolute;inset:0}.comparison-label{z-index:2;color:#fff;font:600 .65rem/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;pointer-events:none;background:#1b1b1bcc;padding:8px 12px;position:absolute;top:18px}.comparison-label-before{left:18px}.comparison-label-after{right:18px}.comparison-divider{left:var(--comparison-position);pointer-events:none;z-index:3;background:#fff;width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.comparison-divider>span{background:var(--ink);color:#fff;width:48px;height:48px;font:400 24px/1 var(--sans);border:1px solid #fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 12px #00000040}.comparison-control{appearance:none;z-index:4;cursor:ew-resize;opacity:0;touch-action:pan-y;background:0 0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.comparison-control::-webkit-slider-thumb{-webkit-appearance:none;width:48px;height:48px}.comparison-control::-moz-range-thumb{border:0;width:48px;height:48px}.comparison-frame:has(.comparison-control:focus-visible){outline:3px solid var(--ink);outline-offset:5px}.patient-comparison figcaption{color:#555;text-align:center;margin-top:14px;font-size:.75rem}.comparison-frame .comparison-after{transform-origin:50% 46.8%;transform:translateY(-1.5%)scale(1.04)}