.ms-compare{position:relative;border:1px solid var(--ms-line);border-radius:var(--ms-radius-lg);overflow:hidden;background:#fff;user-select:none;touch-action:none}.ms-compare__pane{padding:24px}.ms-compare__pane--after{position:absolute;inset:0;background:#fff;clip-path:inset(0 0 0 50%)}.ms-compare__tag{display:inline-block;margin-bottom:16px;padding:4px 10px;border-radius:20px;font-family:var(--ms-font-mono);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase}.ms-compare__tag--before{background:var(--ms-signal-tint);color:var(--ms-signal)}.ms-compare__tag--after{background:var(--ms-primary-tint);color:var(--ms-primary-active)}.ms-compare .ms-sched{box-shadow:none;padding:0}.ms-compare__handle{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--ms-primary);cursor:col-resize;transform:translateX(-1px)}.ms-compare__grip{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:42px;height:42px;border:0;border-radius:50%;background:var(--ms-primary);color:#fff;cursor:col-resize;display:flex;align-items:center;justify-content:center;font-size:.8rem;box-shadow:0 3px 12px rgba(4,32,36,.3)}