.vradar{--c-beam:92 148 232;--c-line:120 100 90;--c-fail:224 50 47;--c-warn:217 154 8;--rise:58px;width:100%;aspect-ratio:1 / var(--tilt);pointer-events:none;-webkit-user-select:none;user-select:none;position:relative}.vradar-disc{aspect-ratio:1;width:100%;transform:translateY(-50%) scaleY(var(--tilt));background:radial-gradient(circle,#fff9,#fff0 70%);border-radius:50%;position:absolute;top:50%;left:0;-webkit-mask-image:radial-gradient(circle closest-side,#000 72%,#0000 100%);mask-image:radial-gradient(circle closest-side,#000 72%,#0000 100%)}.vradar-ring{border:1.5px solid rgb(var(--c-line) / .15);border-radius:50%;position:absolute}.vradar-axis{background:rgb(var(--c-line) / .1);height:1.5px;position:absolute;top:50%;left:0;right:0}.vradar-axis-v{width:1.5px;height:auto;inset:0 auto 0 50%}.vradar-beam{background:conic-gradient(from 0deg, rgb(var(--c-beam) / 0) 0deg, rgb(var(--c-beam) / 0) 290deg, rgb(var(--c-beam) / .08) 330deg, rgb(var(--c-beam) / .32) 359deg, rgb(var(--c-beam) / 0) 360deg);animation:vradar-sweep var(--period) linear infinite;border-radius:50%;position:absolute;inset:0}.vradar-beam:after{content:"";background:linear-gradient(to top, rgb(var(--c-beam) / .05), rgb(var(--c-beam) / .85));width:2px;height:50%;margin-left:-1px;position:absolute;top:0;left:50%}@keyframes vradar-sweep{to{transform:rotate(360deg)}}.vradar-pt{width:9px;height:9px;animation:vradar-pass var(--period) linear infinite;background:#d3cdc5;border-radius:50%;margin:-4.5px 0 0 -4.5px;position:absolute}@keyframes vradar-pass{0%{background:#fff;box-shadow:0 0 0 6px #15b07a4d,0 0 16px #15b07abf}6%{background:#15b07a;box-shadow:0 0 0 3px #15b07a26}60%{box-shadow:none;background:#8ad6b8}to{background:#d3cdc5}}.vradar-find{--c:var(--c-fail);z-index:1;width:0;height:0;position:absolute}.vradar-find.is-warning{--c:var(--c-warn)}.vradar-dot,.vradar-ripple,.vradar-stem,.vradar-card{animation-duration:var(--period);animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:var(--d);position:absolute}.vradar-dot{background:rgb(var(--c));border-radius:50%;width:12px;height:8px;animation-name:vradar-dot;top:-4px;left:-6px}@keyframes vradar-dot{0%{opacity:1;box-shadow:0 0 0 0 rgb(var(--c) / .6), 0 0 22px rgb(var(--c) / .9)}10%,72%{opacity:1;box-shadow:0 0 0 4px rgb(var(--c) / .18)}86%,to{opacity:.25;box-shadow:none}}.vradar-ripple{border:2px solid rgb(var(--c));opacity:0;border-radius:50%;width:44px;height:24px;animation-name:vradar-ripple;top:-12px;left:-22px}@keyframes vradar-ripple{0%{opacity:.9;transform:scale(.2)}14%{opacity:0;transform:scale(1.4)}to{opacity:0}}.vradar-stem{width:2px;height:var(--rise);background:linear-gradient(to top, rgb(var(--c)), rgb(var(--c) / .35));transform-origin:50% 100%;border-radius:2px;animation-name:vradar-rise;bottom:0;left:-1px}@keyframes vradar-rise{0%{opacity:1;transform:scaleY(0)}7%,74%{opacity:1;transform:scaleY(1)}84%,to{opacity:0;transform:scaleY(1)}}.vradar-card{bottom:var(--rise);border:1px solid rgb(var(--c) / .28);box-shadow:0 12px 28px -14px rgb(var(--c) / .55), 0 2px 6px -2px #281e141f;white-space:nowrap;font-family:var(--font-inter), -apple-system, BlinkMacSystemFont, sans-serif;text-align:left;opacity:0;background:#fffffff5;border-radius:11px;flex-direction:column;gap:1px;padding:7px 11px 8px;animation-name:vradar-card;display:flex}.vradar-find.is-left .vradar-card{transform-origin:14px 100%;left:-14px}.vradar-find.is-right .vradar-card{transform-origin:calc(100% - 14px) 100%;right:-14px}.vradar-outward .vradar-find.is-left .vradar-card{transform-origin:calc(100% - 14px) 100%;left:auto;right:-14px}.vradar-outward .vradar-find.is-right .vradar-card{transform-origin:14px 100%;left:-14px;right:auto}@keyframes vradar-card{0%,4%{opacity:0;transform:translateY(10px)scale(.92)}10%,74%{opacity:1;transform:none}84%,to{opacity:0;transform:translateY(-6px)}}.vradar-card b{letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--c));align-items:center;gap:5px;font-size:10px;font-weight:700;line-height:14px;display:inline-flex}.vradar-find.is-warning .vradar-card b{color:#a77406}.vradar-card>span{color:#242127;font-size:13px;font-weight:600;line-height:18px}.vradar-card code{color:#6f6a61;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:11.5px;line-height:16px}@media (prefers-reduced-motion:reduce){.vradar-beam{animation:none;transform:rotate(40deg)}.vradar-pt{background:#8ad6b8;animation:none}.vradar-dot,.vradar-stem,.vradar-card{opacity:1;animation:none;transform:none}.vradar-ripple{display:none}}.vradar-dark{--c-beam:140 182 255;--c-line:255 235 220;--c-fail:255 107 90;--c-warn:255 196 107}.vradar-dark .vradar-disc{background:radial-gradient(circle,#ffffff0d,#0000 70%)}.vradar-dark .vradar-pt{background:#4a4248}.vradar-dark .vradar-card{border-color:rgb(var(--c) / .4);background:#1e1b1ff0}.vradar-dark .vradar-card>span{color:#fff}.vradar-dark .vradar-card code{color:#b9b0a6}.vradar-dark .vradar-find.is-warning .vradar-card b{color:rgb(var(--c-warn))}@media (max-width:767px){.vradar{--rise:40px}.vradar-find.is-wide{display:none}.vradar-card{border-radius:9px;padding:5px 9px 6px}.vradar-card>span{font-size:12px;line-height:16px}.vradar-card code{font-size:10.5px}}.r-ve-hero-visual{isolation:isolate;min-width:0;padding-bottom:150px;position:relative}.r-ve-radar{z-index:-1;width:150%;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.r-ve-radar .vradar-disc{-webkit-mask-image:linear-gradient(#000 46%,#0000 54%);mask-image:linear-gradient(#000 46%,#0000 54%)}
