*,:before,:after{box-sizing:border-box}html,body,#root{background:#000;height:100%;margin:0}.message{color:#fff;margin:0;padding:24px;font:16px/1.5 system-ui,sans-serif}.compare{--handle-width:44px;isolation:isolate;background:#000;width:100%;height:100dvh;position:relative;overflow:hidden}.compare__layer{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.compare__layer--proposed{z-index:0;isolation:isolate}.compare__proposal-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;background:#f7f6f2;width:100%;height:100%;position:absolute;inset:0;overflow:auto}.compare__layer--current{z-index:1;isolation:isolate;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.compare__frame{background:#fff;border:0;width:100%;height:100%;display:block}.compare.is-dragging .compare__layer{pointer-events:none}.compare.is-dragging{-webkit-user-select:none;user-select:none;cursor:ew-resize}.compare__tag{z-index:10;color:#fff;pointer-events:none;background:#000000b8;border-radius:999px;max-width:calc(50% - 32px);padding:6px 12px;font:500 13px/1 system-ui,sans-serif;position:absolute;top:16px}.compare__tag--left{left:16px}.compare__tag--right{right:16px}.compare__handle{z-index:20;top:0;bottom:0;left:var(--pos);width:var(--handle-width);cursor:ew-resize;touch-action:none;outline:none;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%)}.compare__handle:before{content:"";background:#fff;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #00000059}.compare__grip{width:var(--handle-width);height:var(--handle-width);color:#111;background:#fff;border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative;box-shadow:0 2px 12px #0006}.compare__handle:focus-visible .compare__grip{outline-offset:3px;outline:3px solid #3b82f6}