.video-comparison{width:100%;min-width:0}.video-comparison__heading{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.video-comparison__heading h2{letter-spacing:-.025em;margin:0;font-size:clamp(1.25rem,2vw,1.75rem);font-weight:600}.video-comparison__heading p{color:var(--muted);margin:0;font-size:.875rem}.video-comparison__stage{isolation:isolate;border-radius:var(--radius,12px);background-color:var(--surface);direction:ltr;background-size:100% 100%;position:relative;overflow:hidden}.video-comparison__source{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.video-comparison__stage canvas{opacity:0;width:100%;height:100%;display:block;position:relative}.video-comparison__stage[data-ready=true] canvas{opacity:1}.video-comparison__reveal{z-index:1;cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:absolute;inset:0}.video-comparison__reveal:focus-visible{outline-offset:-5px;border-radius:inherit;outline:2px solid #fff}.video-comparison__divider{top:0;bottom:0;left:clamp(1px, var(--comparison-split,50%), calc(100% - 1px));pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 5px #0003}.video-comparison__handle{background:#fff;border:1px solid #fff;border-radius:18px;justify-content:center;align-items:center;gap:5px;width:32px;height:48px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 12px #0002}.video-comparison__handle i{background:#34343a;width:1px;height:14px}.video-comparison__labels{color:var(--muted);direction:ltr;justify-content:space-between;gap:1rem;margin-top:.8rem;font-size:.875rem;display:flex}.video-comparison__error{color:var(--muted);margin-top:1rem;font-size:.875rem}.video-comparison__error button{color:var(--ink);padding:.5rem;text-decoration:underline}@media (width<=480px){.video-comparison__heading{align-items:start}.video-comparison__heading p{text-align:end}}