.vf-hero{--vf-cycle:14s;isolation:isolate;overflow:hidden}.vf-hero-field{justify-content:center;align-items:center;width:100%;height:210px;display:flex;position:relative}.vf-hero-pill-wrap{z-index:3;position:relative}.vf-hero-pill{z-index:4;text-overflow:ellipsis;white-space:nowrap;max-width:100%;animation:vf-hero-pulse var(--vf-cycle) ease-in-out infinite;will-change:transform;position:relative;overflow:hidden}.vf-hero-visitor{z-index:1;width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);background:var(--bg);color:var(--c);opacity:0;will-change:transform, opacity;animation:vf-hero-drift var(--dur) cubic-bezier(.45, .05, .35, 1) var(--delay) infinite;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 1px 2px #10182814}.vf-hero-visitor svg{width:62%;height:62%}.vf-hero-visitor svg path{stroke-width:1.85px;stroke:currentColor!important}.vf-hero-arrows-h,.vf-hero-arrows-v{pointer-events:none;overflow:visible}.vf-hero-arrows-h{z-index:1;flex-shrink:0;margin-left:-22px;display:none;position:relative}.vf-hero-arrows-v{z-index:1;display:none;position:absolute;top:calc(100% - 2px);left:50%;transform:translate(-50%)}@media (min-width:768px){.vf-hero-arrows-h{display:block}}.vf-hero-track-idle{fill:none;stroke:var(--color-gray-200);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.vf-hero-track-active{fill:none;stroke:var(--color-primary-500);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;opacity:0}.vf-hero-head-idle{fill:var(--color-gray-300)}.dark .vf-hero-track-idle{stroke:var(--color-gray-600)}.dark .vf-hero-head-idle{fill:var(--color-gray-500)}.dark .vf-hero-bone{background:var(--color-gray-700);background-image:linear-gradient(90deg, var(--color-gray-700) 0%, var(--color-gray-600) 48%, var(--color-gray-700) 100%)}.vf-hero-head-active{fill:var(--color-primary-600);opacity:0}.vf-hero-slot-1 .vf-hero-track-active,.vf-hero-slot-1 .vf-hero-head-active{animation:vf-hero-arrow-a var(--vf-cycle) ease-in-out infinite}.vf-hero-slot-2 .vf-hero-track-active,.vf-hero-slot-2 .vf-hero-head-active{animation:vf-hero-arrow-b var(--vf-cycle) ease-in-out infinite}.vf-hero-slot-3 .vf-hero-track-active,.vf-hero-slot-3 .vf-hero-head-active{animation:vf-hero-arrow-c var(--vf-cycle) ease-in-out infinite}.vf-hero-slot-4 .vf-hero-track-active,.vf-hero-slot-4 .vf-hero-head-active{animation:vf-hero-arrow-d var(--vf-cycle) ease-in-out infinite}.vf-hero-arrows-v .vf-hero-track-active,.vf-hero-arrows-v .vf-hero-head-active{animation:vf-hero-arrow-mobile var(--vf-cycle) ease-in-out infinite}.vf-hero-card{position:relative}.vf-hero-skel{z-index:1;pointer-events:none;align-items:center;gap:12px;padding:12px 16px;display:flex;position:absolute;inset:0}.vf-hero-bone{background:var(--color-gray-100);background-image:linear-gradient(90deg, var(--color-gray-100) 0%, var(--color-gray-50) 48%, var(--color-gray-100) 100%);background-size:220% 100%;border-radius:6px;animation:1.8s ease-in-out infinite vf-hero-shimmer}.vf-hero-fill{z-index:2;opacity:0;align-items:center;gap:12px;display:flex;position:relative}.vf-hero-slot-1 .vf-hero-fill{animation:vf-hero-fill-a var(--vf-cycle) ease infinite}.vf-hero-slot-1 .vf-hero-skel{animation:vf-hero-skel-a var(--vf-cycle) ease infinite}.vf-hero-slot-2 .vf-hero-fill{animation:vf-hero-fill-b var(--vf-cycle) ease infinite}.vf-hero-slot-2 .vf-hero-skel{animation:vf-hero-skel-b var(--vf-cycle) ease infinite}.vf-hero-slot-3 .vf-hero-fill{animation:vf-hero-fill-c var(--vf-cycle) ease infinite}.vf-hero-slot-3 .vf-hero-skel{animation:vf-hero-skel-c var(--vf-cycle) ease infinite}.vf-hero-slot-4 .vf-hero-fill{animation:vf-hero-fill-d var(--vf-cycle) ease infinite}.vf-hero-slot-4 .vf-hero-skel{animation:vf-hero-skel-d var(--vf-cycle) ease infinite}@keyframes vf-hero-pulse{0%,to{transform:scale(1)}7%{transform:scale(1.03)}14%{transform:scale(1)}28%{transform:scale(1.018)}36%{transform:scale(1)}50%{transform:scale(1.018)}58%{transform:scale(1)}}@keyframes vf-hero-drift{0%{transform:translate(var(--sx), var(--sy)) scale(1);opacity:0}12%{opacity:1}78%{opacity:1}to{opacity:0;transform:translate(0)scale(1)}}@keyframes vf-hero-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes vf-hero-arrow-a{0%,5%{opacity:0}8%,18%{opacity:1}22%,to{opacity:0}}@keyframes vf-hero-arrow-b{0%,20%{opacity:0}23%,33%{opacity:1}37%,to{opacity:0}}@keyframes vf-hero-arrow-c{0%,35%{opacity:0}38%,48%{opacity:1}52%,to{opacity:0}}@keyframes vf-hero-arrow-d{0%,50%{opacity:0}53%,63%{opacity:1}67%,to{opacity:0}}@keyframes vf-hero-arrow-mobile{0%,5%{opacity:0}8%,63%{opacity:1}70%,to{opacity:0}}@keyframes vf-hero-fill-a{0%,6%{opacity:0;transform:translateY(5px)}11%,82%{opacity:1;transform:translateY(0)}90%,to{opacity:0;transform:translateY(0)}}@keyframes vf-hero-skel-a{0%,6%{opacity:1}11%,82%{opacity:0}90%,to{opacity:1}}@keyframes vf-hero-fill-b{0%,21%{opacity:0;transform:translateY(5px)}26%,82%{opacity:1;transform:translateY(0)}90%,to{opacity:0;transform:translateY(0)}}@keyframes vf-hero-skel-b{0%,21%{opacity:1}26%,82%{opacity:0}90%,to{opacity:1}}@keyframes vf-hero-fill-c{0%,36%{opacity:0;transform:translateY(5px)}41%,82%{opacity:1;transform:translateY(0)}90%,to{opacity:0;transform:translateY(0)}}@keyframes vf-hero-skel-c{0%,36%{opacity:1}41%,82%{opacity:0}90%,to{opacity:1}}@keyframes vf-hero-fill-d{0%,51%{opacity:0;transform:translateY(5px)}56%,82%{opacity:1;transform:translateY(0)}90%,to{opacity:0;transform:translateY(0)}}@keyframes vf-hero-skel-d{0%,51%{opacity:1}56%,82%{opacity:0}90%,to{opacity:1}}@media (max-width:767px){.vf-hero-field{height:150px}.vf-hero-arrows-h{display:none}.vf-hero-arrows-v{display:block}}@media (prefers-reduced-motion:reduce){.vf-hero-visitor,.vf-hero-pill,.vf-hero-track-active,.vf-hero-head-active,.vf-hero-fill,.vf-hero-skel,.vf-hero-bone{animation:none!important}.vf-hero-visitor{opacity:.9;transform:translate(var(--sx), var(--sy))}.vf-hero-fill{opacity:1;transform:none}.vf-hero-skel{opacity:0}}
