.vradar{--c-beam:255 110 90;--c-line:120 100 90;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,#ffffff8c,#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) / .16);border-radius:50%;position:absolute}.vradar-axis{background:rgb(var(--c-line) / .12);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) 280deg, rgb(var(--c-beam) / .1) 330deg, rgb(var(--c-beam) / .42) 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) / .1), rgb(var(--c-beam) / .9));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:#cdc6bd;border-radius:50%;margin:-4.5px 0 0 -4.5px;position:absolute}@keyframes vradar-pass{0%{background:#fff;box-shadow:0 0 0 6px #15b07a59,0 0 18px #15b07acc}6%{background:#15b07a;box-shadow:0 0 0 3px #15b07a2e}70%{box-shadow:none;background:#7fd3b2}to{background:#cdc6bd}}.vradar-hit{width:13px;height:13px;margin:-6.5px 0 0 -6.5px;animation-name:vradar-fail}@keyframes vradar-fail{0%{background:#fff;box-shadow:0 0 0 10px #e0322f4d,0 0 26px #e0322fe6}8%,60%{background:#e0322f;box-shadow:0 0 0 5px #e0322f38}to{box-shadow:none;background:#e7a49b}}.vradar-hit.is-warn{animation-name:vradar-warn}@keyframes vradar-warn{0%{background:#fff;box-shadow:0 0 0 10px #d99a084d,0 0 26px #d99a08e6}8%,60%{background:#d99a08;box-shadow:0 0 0 5px #d99a0838}to{box-shadow:none;background:#e7cf93}}.vradar-hit.is-pass{animation-name:vradar-pass}.vradar-flag{white-space:nowrap;animation:vradar-flag var(--period) linear infinite;flex-direction:column;gap:1px;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.3;display:flex;position:absolute;transform:translate(14px,-50%)}.vradar-flag.is-left{align-items:flex-end;transform:translate(calc(-100% - 14px),-50%)}.vradar-flag b{letter-spacing:.08em;color:#e0322f;font-weight:600}.vradar-flag.is-warn b{color:#b77f05}.vradar-flag.is-pass b{color:#0f8a5f}.vradar-flag em{color:#6f6a61;font-style:normal}@keyframes vradar-flag{0%{opacity:0;filter:blur(3px)}4%,62%{opacity:1;filter:none}74%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.vradar-beam{animation:none;transform:rotate(40deg)}.vradar-pt{background:#7fd3b2;animation:none}.vradar-hit{background:#e0322f;animation:none}.vradar-hit.is-warn{background:#d99a08}.vradar-flag{animation:none}}.r-ve-hero-visual{isolation:isolate;min-width:0;padding-bottom:120px;position:relative}.r-ve-radar{z-index:-1;width:150%;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);-webkit-mask-image:linear-gradient(#000 46%,#0000 54%);mask-image:linear-gradient(#000 46%,#0000 54%)}.r-ve-radar .vradar-flag.is-wide{display:none}@media (max-width:767px){.r-ve-radar .vradar-flag{display:none}}.vradar-dark{--c-line:255 235 220}.vradar-dark .vradar-disc{background:radial-gradient(circle,#ffffff0d,#0000 70%)}.vradar-dark .vradar-pt{background:#4a4248}.vradar-dark .vradar-flag em{color:#b9b0a6}.vradar-dark .vradar-flag b{color:#ff7d6b}.vradar-dark .vradar-flag.is-pass b{color:#5ee0a8}.vradar-dark .vradar-flag.is-warn b{color:#ffc46b}@media (max-width:767px){.vradar-inward .vradar-flag{align-items:flex-start;font-size:10.5px;transform:translate(12px,-50%)}.vradar-inward .vradar-flag:not(.is-left){align-items:flex-end;transform:translate(calc(-100% - 12px),-50%)}.vradar-inward .vradar-flag.is-wide{display:none}}
