.animated-hero-bars{--animated-hero-bars-count:5;--animated-hero-bars-cycle:8s;--animated-hero-bars-height:calc(100% / var(--animated-hero-bars-count));--animated-hero-bars-opacity:1;--animated-hero-bar-start:#b065ff00;--animated-hero-bar-soft:#b065ff80;--animated-hero-bar-mid:#b065ffe0;--animated-hero-bar-end:#b065ff;z-index:0;pointer-events:none;width:min(42vw,50rem);opacity:var(--animated-hero-bars-opacity);position:absolute;inset-block:0;overflow:hidden}.animated-hero-bars[data-origin=right]{left:auto;right:0}.animated-hero-bars[data-origin=left]{left:0;right:auto}@supports (color:color-mix(in srgb, red 50%, transparent)){.animated-hero-bars{--animated-hero-bar-start:color-mix(in srgb, var(--brand-violet,var(--brand-violet-fallback,#b065ff)) 0%, transparent);--animated-hero-bar-soft:color-mix(in srgb, var(--brand-violet,var(--brand-violet-fallback,#b065ff)) 34%, transparent);--animated-hero-bar-mid:color-mix(in srgb, var(--brand-violet,var(--brand-violet-fallback,#b065ff)) 52%, transparent);--animated-hero-bar-end:color-mix(in srgb, var(--brand-violet,var(--brand-violet-fallback,#b065ff)) 88%, transparent)}}.animated-hero-bars span{--animated-hero-bar-width:100%;width:0;height:var(--animated-hero-bars-height);backface-visibility:hidden;will-change:width;animation:animated-hero-bar-width-reveal var(--animated-hero-bars-cycle) cubic-bezier(.45, .05, .55, .95) infinite;display:block;position:absolute;overflow:hidden;transform:translateZ(0)}.animated-hero-bars[data-origin=right] span{background:linear-gradient(90deg, var(--animated-hero-bar-start) 0%, var(--animated-hero-bar-soft) 38%, var(--animated-hero-bar-mid) 68%, var(--animated-hero-bar-end) 100%);left:auto;right:0}.animated-hero-bars[data-origin=left] span{background:linear-gradient(270deg, var(--animated-hero-bar-start) 0%, var(--animated-hero-bar-soft) 38%, var(--animated-hero-bar-mid) 68%, var(--animated-hero-bar-end) 100%);left:0;right:auto}@keyframes animated-hero-bar-width-reveal{0%{width:0}38%{width:var(--animated-hero-bar-width)}62%{width:var(--animated-hero-bar-width)}to{width:0}}@media (max-width:767px){.animated-hero-bars{opacity:.8;width:18rem}}@media (prefers-reduced-motion:reduce){.animated-hero-bars span{width:var(--animated-hero-bar-width);will-change:auto;transform:none;animation:none!important}}