.skin-comparison{position:relative;aspect-ratio:3/4;overflow:hidden;isolation:isolate;touch-action:pan-y;cursor:ew-resize;background:#e7dfd4}.service-hero .skin-comparison img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}.comparison-before{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.comparison-divider{position:absolute;left:var(--reveal);top:0;bottom:0;width:2px;transform:translateX(-50%);background:#fff;pointer-events:none;box-shadow:0 0 5px #0003}.comparison-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:46px;height:46px;border:1px solid #dfd7cd;border-radius:50%;background:#f8f6f0;color:#383428;font-size:25px;letter-spacing:5px;padding-left:5px;box-shadow:0 2px 12px #0002}.comparison-label{position:absolute;top:18px;padding:7px 11px;background:#f8f6f0eF;color:#383428;font-size:14px;letter-spacing:.06em;pointer-events:none}.label-before{left:14px}.label-after{right:14px}.comparison-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}.skin-comparison:focus-within{outline:3px solid #80644b;outline-offset:5px}.skin-comparison-figure .comparison-help{font-size:14px;color:var(--muted);margin:14px 0 7px}.skin-comparison-figure figcaption{line-height:1.6}