.vp{color:#000;background:#fff;min-height:400vh;position:relative}.vp-col{z-index:10000;opacity:.5;pointer-events:none;border-block-end:3px solid #000;justify-content:center;align-items:flex-end;width:25%;font:700 12px/1.4 ui-monospace,monospace;display:flex;position:fixed;top:0}.vp-col span{color:#fff;background:#000;padding:2px 4px}.vp-col[data-unit="100vh"]{background:#f87171;height:100vh;left:0}.vp-col[data-unit="100lvh"]{background:#fbbf24;height:100lvh;left:25%}.vp-col[data-unit="100dvh"]{background:#4ade80;height:100dvh;left:50%}.vp-col[data-unit="100svh"]{background:#60a5fa;height:100svh;left:75%}.vp-probe{visibility:hidden;width:1px;position:fixed;top:0;left:0}.vp-probe--bars{height:var(--uk-browser-bars,0px)}.vp-probe--safe{height:env(safe-area-inset-bottom,0px)}.vp-mark{z-index:10002;color:#fff;pointer-events:none;border-radius:4px;padding:2px 6px;font:700 11px/1.4 ui-monospace,monospace;position:fixed}.vp-mark--zero{background:#000;bottom:0;left:4px}.vp-mark--bars{bottom:var(--uk-browser-bars,0px);background:#b91c1c;left:74px}.vp-mark--safe{bottom:env(safe-area-inset-bottom,0px);background:#15803d;right:4px}.vp-mark--js{background:#7e22ce;margin-block-end:24px;right:4px}.vp-panel{z-index:10001;top:12px;background:#fffffff2;border-radius:10px;max-width:460px;margin-inline:auto;padding:12px;font-size:12px;position:fixed;inset-inline:12px;box-shadow:0 4px 20px #00000040}.vp-panel strong{text-align:center;direction:rtl;margin-block-end:8px;display:block}.vp-panel table{border-collapse:collapse;width:100%}.vp-panel th,.vp-panel td{text-align:left;border-block-end:1px solid #eee;padding:2px 4px;font-family:ui-monospace,monospace;font-weight:400}.vp-panel td{text-align:right;white-space:nowrap;font-weight:700}.vp-panel button{color:#fff;cursor:pointer;background:#000;border-radius:8px;width:100%;min-height:40px;margin-block-start:8px;display:block}.vp-track p{border-block-end:1px solid #ddd;height:100px;margin:0;padding:8px;font:12px ui-monospace,monospace}body:has(.vp) nav[uk_navbar]{display:none}body:has(.vp) footer{display:none}