.style-comparison{position:relative;aspect-ratio:3/2;overflow:hidden;isolation:isolate;background:#e9ebe3;min-width:0}
.style-comparison>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;transform:none}
.style-comparison>.comparison-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.comparison-labels{position:absolute;inset:8px 8px auto;display:flex;justify-content:space-between;pointer-events:none}
.comparison-labels span{font-size:11px;background:#f7f5eff2;color:#233d32;border-radius:14px;padding:4px 8px}
.comparison-line{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:white;transform:translateX(-1px);pointer-events:none;box-shadow:0 0 4px #0005}
.comparison-line>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#233d32;font-size:23px;box-shadow:0 2px 10px #0003;white-space:nowrap}
.style-comparison>.comparison-range{position:absolute;top:0;left:-22px;width:calc(100% + 44px);height:100%;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;border:0;border-radius:0;cursor:ew-resize;touch-action:pan-y;opacity:1;max-width:none}
.comparison-range::-webkit-slider-runnable-track{height:100%;background:transparent}
.comparison-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:44px;height:100%;background:transparent;border:0}
.comparison-range::-moz-range-track{height:100%;background:transparent}
.comparison-range::-moz-range-thumb{width:44px;height:100%;background:transparent;border:0}
.style-comparison:focus-within{outline:2px solid #507d60;outline-offset:-2px}
.comparison-zoom{position:absolute;right:2px;bottom:2px;width:44px;height:44px;border:0;border-radius:50%;background:#fffffff0;color:#233d32;font-size:23px;z-index:1;padding:0}
.style-preview .style-comparison{width:100%;max-height:68dvh;aspect-ratio:3/2}
.style-preview .comparison-labels{inset:14px 62px auto 14px}.style-preview .comparison-labels span{font-size:13px;padding:6px 12px}
.style-preview .comparison-line>span{width:44px;height:44px;font-size:26px}