.comparison{position:relative;--split:50%;isolation:isolate}.original-car{display:block;width:100%}.painted{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split));pointer-events:none}.divider{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:#eee;transform:translateX(-50%);pointer-events:none}.divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border:2px solid #fff;border-radius:50%;background:#10151ac9;box-shadow:0 0 20px #0005;color:white;font-size:24px;white-space:pre;letter-spacing:4px;padding-left:4px}.wipe{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y;z-index:4}.comparison:focus-within{outline:2px solid #c6dcf9;outline-offset:2px}.compare-labels{position:absolute;inset:8px 12px auto;display:flex;justify-content:space-between;pointer-events:none;font-size:8px;letter-spacing:.1em;color:#c6ced9}.controls{grid-template-columns:1.6fr 1fr;gap:30px}.swatches{display:grid;grid-template-columns:1fr 1fr;gap:8px}.swatches button{display:flex;align-items:center;gap:10px;width:100%;height:auto;min-height:53px;border-radius:10px;background:#ffffff03;padding:9px;text-align:left;box-shadow:none}.swatches button[aria-pressed=true]{border-color:#c5d5e6;background:#c5d5e60c}.swatches button[aria-pressed=true]:after{display:none}.swatches button i{width:26px;height:26px;flex-shrink:0;background:var(--color);border-radius:50%;border:1px solid #ffffff26}.swatches button span{font-size:10px;color:#ddd;line-height:1.4}.swatches button small{display:block;font-size:9px;color:#8793a4;margin-top:2px}.swatches button[hidden]{display:none}.note a{color:#b6c9e2}.label output{font-size:11px}.car{padding:10px 20px 0}@media(max-width:650px){.controls{grid-template-columns:1fr}.controls section:last-child{grid-row:1}.car{padding:25px 0 16px}.divider span{width:38px;height:38px;font-size:18px}.viewlabel{gap:12px;line-height:1.5}.finish-hint{display:none}}