.nf-pf-compare{margin:24px 0!important}.nf-pf-stage{position:relative;isolation:isolate;aspect-ratio:9/16;width:min(100%,440px);margin:auto;background:#12332f;overflow:hidden;border-radius:12px}.nf-pf-stage img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain;margin:0!important;border-radius:0!important;pointer-events:none;user-select:none}.nf-pf-after{clip-path:inset(0 0 0 50%)}.nf-pf-label{position:absolute;top:12px;z-index:2;background:#062a27eb;color:#fff;padding:6px 9px;border-radius:6px;font:600 12px/1.3 system-ui;pointer-events:none}.nf-pf-label-before{left:8px}.nf-pf-label-after{right:8px}.nf-pf-handle{position:absolute;top:0;bottom:0;left:50%;width:44px;transform:translateX(-50%);z-index:3;cursor:ew-resize;touch-action:none;outline:none}.nf-pf-handle:before{content:"";position:absolute;left:21px;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 3px #14352f}.nf-pf-handle b{position:absolute;left:0;top:50%;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:2px solid white;background:#0b5550;color:white;font:700 25px/1 system-ui;box-sizing:border-box}.nf-pf-handle:focus-visible b{outline:3px solid #ffca62;outline-offset:3px}.nf-pf-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:12px 0}.nf-pf-actions button{min-height:44px;padding:8px 14px;border:1px solid #246d65;border-radius:8px;background:#fff;color:#184f49;font:600 14px/1.4 system-ui;cursor:pointer}.nf-pf-actions button:focus-visible{outline:3px solid #156d63;outline-offset:2px}.nf-pf-video{margin:24px auto!important;max-width:440px}.nf-pf-compare figcaption,.nf-pf-video figcaption{margin-top:10px;font-size:14px;line-height:1.6}
