.hz-motion-quality{
  display:none;
  align-items:center;
  gap:4px;
  padding:3px 6px;
  color:var(--hz-blue);
  background:color-mix(in srgb,var(--hz-blue) 8%,transparent);
  border:1px solid color-mix(in srgb,var(--hz-blue) 16%,transparent);
  border-radius:999px;
  font-size:8px;
  font-style:normal;
  font-weight:780;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.hz-motion-quality.is-active{display:inline-flex}
.hz-motion-quality::before{
  content:"";
  width:4px;
  height:4px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 0 3px color-mix(in srgb,currentColor 10%,transparent);
}
.vmark.rt-animating{will-change:transform}
.vmark.rt-animating.is-selected::before{
  content:"";
  position:absolute;
  inset:-7px;
  z-index:-1;
  border:1px solid rgba(11,99,246,.26);
  border-radius:50%;
  animation:rtMotionAura 1.55s cubic-bezier(.22,1,.36,1) infinite;
}
.vmark[data-rt-freshness="delayed"]{filter:saturate(.78) opacity(.9)}
.vmark[data-rt-freshness="stale"]{filter:saturate(.55) opacity(.76)}
.vmark.is-selected[data-rt-freshness="delayed"],
.vmark.is-selected[data-rt-freshness="stale"]{opacity:1}
@keyframes rtMotionAura{
  0%{transform:scale(.82);opacity:.72}
  70%,100%{transform:scale(1.18);opacity:0}
}
@media(prefers-reduced-motion:reduce){
  .vmark.rt-animating.is-selected::before{animation:none;opacity:.45}
}
@media(max-width:900px){
  .hz-motion-quality{display:none!important}
}