:is(main.director-type-scale.director-type-scale,.root-coverage-journal) .treatment-photo-comparison{width:100%;max-width:40rem;margin:1.5rem auto 0}:is(main.director-type-scale.director-type-scale,.root-coverage-journal) .treatment-photo-comparison-frame{aspect-ratio:4/3;isolation:isolate;background:#ded5cc;position:relative;overflow:hidden}:is(main.director-type-scale.director-type-scale,.root-coverage-journal) .treatment-photo-comparison-image{object-fit:cover;width:100%;height:100%;display:block}:is(main.director-type-scale.director-type-scale,.root-coverage-journal) .treatment-photo-comparison-before{pointer-events:none;position:absolute;inset:0}:is(main.director-type-scale.director-type-scale,.root-coverage-journal) .treatment-photo-comparison-label{color:#fff;pointer-events:none;background:#073d3ce6;padding:.45rem .7rem;font-weight:700;line-height:1.4;position:absolute;bottom:.75rem;font-size:.875rem!important}:is(main.director-type-scale.director-type-scale,.root-coverage-journal) .treatment-photo-comparison-label-before{left:.75rem}:is(main.director-type-scale.director-type-scale,.root-coverage-journal) .treatment-photo-comparison-label-after{right:.75rem}:is(main.director-type-scale.director-type-scale,.root-coverage-journal) .treatment-photo-comparison-divider{pointer-events:none;background:#fff;width:2px;position:absolute;inset-block:0;transform:translate(-50%);box-shadow:0 0 4px #00000040}:is(main.director-type-scale.director-type-scale,.root-coverage-journal) .treatment-photo-comparison-handle{color:#fff;background:#0d5550;border:2px solid #fff;border-radius:50%;place-items:center;width:3rem;height:3rem;font-size:1.5rem;line-height:1;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0003}:is(main.director-type-scale.director-type-scale,.root-coverage-journal) .treatment-photo-comparison-range{z-index:1;opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}:is(main.director-type-scale.director-type-scale,.root-coverage-journal) .treatment-photo-comparison-frame:focus-within{outline-offset:4px;outline:3px solid #0d5550}:is(main.director-type-scale.director-type-scale,.root-coverage-journal) .treatment-photo-comparison-hint{color:var(--ink-soft);text-align:center;background:0 0;margin-top:.75rem;padding:0;display:block;position:static;font-size:1rem!important;line-height:1.6!important}@media (max-width:767px){:is(main.director-type-scale.director-type-scale,.root-coverage-journal) .treatment-photo-comparison-label{font-size:1rem!important}}