/* Scoped clinical photo comparisons. Sources retain their proportions and pixels. */
html body :is(#main,.cc-dialog) .cc-compare{--cc-ink:#302e29;--cc-gold:#80623c;--cc-rule:#d6cbbb;display:block!important;min-width:0;max-width:100%;margin:0;color:var(--cc-ink);background:transparent;}
html body :is(#main,.cc-dialog) .cc-compare .cc-stage{position:relative;isolation:isolate;width:100%;aspect-ratio:var(--cc-aspect);overflow:hidden;background:#eeeae4;touch-action:pan-y;cursor:ew-resize;}
html body :is(#main,.cc-dialog) .cc-compare .cc-photo{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:#eeeae4;}
html body :is(#main,.cc-dialog) .cc-compare[data-cc-xray] .cc-photo{background:#181818;}
html body :is(#main,.cc-dialog) .cc-compare .cc-region{position:relative;overflow:hidden;aspect-ratio:var(--cc-crop-aspect);width:var(--cc-fit);max-width:none!important;flex:none;}
html body :is(#main,.cc-dialog) .cc-compare .cc-source{position:absolute!important;display:block!important;width:var(--cc-image-width)!important;max-width:none!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:var(--cc-image-aspect)!important;left:var(--cc-image-left)!important;top:var(--cc-image-top)!important;bottom:auto!important;object-fit:fill!important;object-position:initial!important;transform:none!important;margin:0!important;border:0!important;border-radius:0!important;user-select:none;pointer-events:none;}
html body :is(#main,.cc-dialog) .cc-compare .cc-after{clip-path:inset(0 0 0 var(--cc-reveal,50%));}
html body :is(#main,.cc-dialog) .cc-compare .cc-label{position:absolute;top:12px;z-index:3;padding:5px 9px;background:#fffffff0;border-radius:3px;color:#302e29!important;font-size:12px!important;font-weight:600!important;line-height:1.6!important;pointer-events:none;}
html body :is(#main,.cc-dialog) .cc-compare .cc-label-before{left:12px;right:auto;}
html body :is(#main,.cc-dialog) .cc-compare .cc-label-after{right:12px;left:auto;}
html body :is(#main,.cc-dialog) .cc-compare .cc-divider{position:absolute;top:0;bottom:0;left:var(--cc-reveal,50%);width:2px;transform:translateX(-50%);background:#fff;z-index:4;pointer-events:none;box-shadow:0 0 3px #0006;}
html body :is(#main,.cc-dialog) .cc-compare .cc-divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;display:grid;place-items:center;border:2px solid white;border-radius:50%;background:var(--cc-gold);color:#fff;font:25px/1 Arial,sans-serif;box-shadow:0 2px 8px #0004;}
html body :is(#main,.cc-dialog) .cc-compare [hidden],html body [data-cc-case][hidden]{display:none!important;}
html body :is(#main,.cc-dialog) .cc-compare .cc-range-label{display:block!important;font-family:inherit!important;font-size:13px!important;line-height:1.65!important;font-weight:400!important;color:#796b5a!important;margin:12px 0 0!important;text-align:left!important;}
html body :is(#main,.cc-dialog) .cc-compare .cc-range{display:block!important;width:100%!important;max-width:100%;height:28px!important;margin:0!important;accent-color:var(--cc-gold);cursor:ew-resize;touch-action:pan-y;padding:0!important;}
html body :is(#main,.cc-dialog) .cc-compare .cc-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 0;}
html body :is(#main,.cc-dialog) .cc-compare .cc-modes{display:flex;gap:3px;border:1px solid var(--cc-rule);border-radius:4px;padding:3px;background:#f4f0e9;}
html body :is(#main,.cc-dialog) .cc-compare .cc-actions button{font-family:inherit;font-size:13px!important;font-weight:600!important;line-height:1.6!important;border:0;border-radius:2px;padding:7px 10px;background:transparent;color:#796b5a;cursor:pointer;letter-spacing:0;text-transform:none;}
html body :is(#main,.cc-dialog) .cc-compare .cc-actions button[aria-pressed=true]{background:white;color:var(--cc-gold);box-shadow:0 1px 3px #0001;}
html body :is(#main,.cc-dialog) .cc-compare button[data-cc-expand]{color:var(--cc-gold);white-space:nowrap;padding-right:0;}
html body :is(#main,.cc-dialog) .cc-compare button:focus-visible,html body .cc-case-choices button:focus-visible,html body .cc-dialog-close:focus-visible{outline:2px solid var(--cc-gold,#80623c);outline-offset:3px;}
html body :is(#main#main,.cc-dialog) .cc-compare .cc-captions{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:14px;padding-top:12px;border-top:1px solid var(--cc-rule);}
html body :is(#main#main,.cc-dialog) .cc-compare .cc-captions p{font-family:inherit!important;font-size:14px!important;font-weight:400!important;line-height:1.7!important;color:#6b655c!important;letter-spacing:0!important;margin:0!important;text-align:left!important;word-break:keep-all;}
html body :is(#main#main,.cc-dialog) .cc-compare .cc-captions b{display:block!important;font-family:inherit!important;font-size:12px!important;font-weight:600!important;line-height:1.6!important;color:var(--cc-gold)!important;margin-bottom:3px;}
html body :is(#main#main,.cc-dialog) .cc-compare .cc-photo-note{font-size:12px!important;font-weight:400!important;line-height:1.7!important;color:#82796d!important;letter-spacing:0!important;margin:12px 0 0!important;text-align:left!important;word-break:keep-all;}
html body :is(#main,.cc-dialog) .cc-compare[data-cc-mode=both] .cc-stage{display:grid;grid-template-columns:1fr 1fr;gap:12px;aspect-ratio:auto;background:transparent;cursor:default;overflow:visible;}
html body :is(#main,.cc-dialog) .cc-compare[data-cc-mode=both] .cc-photo{position:relative;inset:auto;aspect-ratio:var(--cc-aspect);clip-path:none;}
html body :is(#main,.cc-dialog) .cc-compare[data-cc-mode=both] .cc-before{grid-column:1;grid-row:1;}
html body :is(#main,.cc-dialog) .cc-compare[data-cc-mode=both] .cc-after{grid-column:2;grid-row:1;}
html body :is(#main,.cc-dialog) .cc-compare[data-cc-mode=both] .cc-label{left:8px;right:auto;top:8px;}
html body :is(#main,.cc-dialog) .cc-compare[data-cc-mode=both] :is(.cc-divider,.cc-range,.cc-range-label){display:none!important;}
html body .cc-gallery{display:block!important;min-width:0;}
html body .cc-case-choices{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px;}
html body .cc-case-choices button{font-family:inherit;font-size:15px;line-height:1.6;font-weight:500;padding:10px 16px;border:1px solid #d6cbbb;background:#fff;color:#65553f;border-radius:3px;cursor:pointer;}
html body .cc-case-choices button[aria-pressed=true]{background:#80623c;color:white;border-color:#80623c;}
html body .cc-case-panel h3{font-size:22px!important;font-weight:600!important;line-height:1.6!important;color:#302e29!important;margin:0 0 16px!important;}
html body .cc-dialog{box-sizing:border-box;width:min(1180px,96vw);max-width:96vw;max-height:94dvh;overflow:auto;padding:28px;border:1px solid #d6cbbb;border-radius:6px;background:#faf8f4;color:#302e29;}
html body .cc-dialog::backdrop{background:#000c;}
html body .cc-dialog-title{font-family:inherit;font-size:23px!important;line-height:1.6!important;font-weight:600!important;letter-spacing:-.02em;margin:0 76px 22px 0!important;color:#302e29!important;}
html body .cc-dialog-close{position:absolute;right:20px;top:22px;border:1px solid #c9bcaa;border-radius:3px;padding:7px 12px;background:#fff;color:#65553f;font-family:inherit;font-size:14px;font-weight:500;line-height:1.6;cursor:pointer;}
html body .cc-dialog .cc-stage{width:min(100%,calc(67dvh * var(--cc-aspect)))!important;margin-inline:auto;}
@media(max-width:760px){
 html body :is(#main,.cc-dialog) .cc-compare .cc-label{top:8px;padding:4px 6px;font-size:10px!important;}
 html body :is(#main,.cc-dialog) .cc-compare .cc-label-after{right:8px;left:auto;}html body :is(#main,.cc-dialog) .cc-compare .cc-label-before{left:8px;right:auto;}
 html body :is(#main,.cc-dialog) .cc-compare .cc-divider span{width:34px;height:34px;font-size:22px;}
 html body :is(#main,.cc-dialog) .cc-compare .cc-range-label{font-size:11px!important;}
 html body :is(#main,.cc-dialog) .cc-compare .cc-actions{gap:8px;}
 html body :is(#main,.cc-dialog) .cc-compare .cc-actions button{font-size:12px!important;padding:6px 8px;}
 html body :is(#main#main,.cc-dialog) .cc-compare .cc-captions{gap:12px;}
 html body :is(#main#main,.cc-dialog) .cc-compare .cc-captions p{font-size:12px!important;}
 html body :is(#main#main,.cc-dialog) .cc-compare .cc-photo-note{font-size:11px!important;}
 html body :is(#main,.cc-dialog) .cc-compare[data-cc-mode=both] .cc-stage{display:block;}
 html body :is(#main,.cc-dialog) .cc-compare[data-cc-mode=both] .cc-after{margin-top:12px;}
 html body .cc-case-choices{flex-wrap:nowrap;overflow-x:auto;padding:3px 0 10px;}
 html body .cc-case-choices button{flex:none;white-space:nowrap;font-size:14px;padding:9px 13px;}
 html body .cc-dialog{padding:18px 12px;width:97vw;max-width:97vw;}
 html body .cc-dialog-title{font-size:19px!important;margin:0 64px 18px 0!important;}
 html body .cc-dialog-close{right:12px;top:16px;padding:5px 8px;}
}