.hiw-anim{--hiw-step:0ms}@media (min-width:1280px){.hiw-anim{--hiw-step:calc(var(--hiw-i, 0) * 180ms)}}@media screen and (prefers-reduced-motion:no-preference){.hiw-anim[data-anim=ready]:not([data-inview=true]) :is(.hiw-in,.hiw-pop,.hiw-fade,.hiw-slide,.hiw-drop,.hiw-dim,.hiw-caret){opacity:0}.hiw-anim[data-anim=ready]:not([data-inview=true]) .hiw-in{transform:translateY(6px)}.hiw-anim[data-anim=ready]:not([data-inview=true]) .hiw-pop{transform:translateY(2px) scale(.95)}.hiw-anim[data-anim=ready]:not([data-inview=true]) .hiw-slide{transform:translateX(-6px)}.hiw-anim[data-anim=ready]:not([data-inview=true]) .hiw-drop{transform:translateY(-4px)}.hiw-anim[data-anim=ready]:not([data-inview=true]) .hiw-dim{transform:translateY(4px)}.hiw-anim[data-anim=ready]:not([data-inview=true]) :is(.hiw-line,.hiw-grow){transform:scaleX(0)}.hiw-anim[data-anim=ready]:not([data-inview=true]) .hiw-type:after{transform:translateX(0)}.hiw-anim[data-anim=ready]:not([data-inview=true]) .hiw-mark{background-size:0 100%}.hiw-anim[data-anim=ready] .hiw-type{position:relative}.hiw-anim[data-anim=ready] .hiw-type:after{content:"";position:absolute;inset:0;background:hsl(var(--color-surface));box-shadow:inset 1px 0 0 hsl(var(--color-accent));transform:translateX(100%)}.hiw-anim[data-anim=ready] .hiw-mark{background-color:transparent;background-image:linear-gradient(var(--signal-warm-bg),var(--signal-warm-bg));background-repeat:no-repeat;background-size:100% 100%}.hiw-anim[data-inview=true] [class*=hiw-]{--hiw-at:calc(var(--hiw-step) + var(--d, 0ms))}.hiw-anim[data-inview=true] .hiw-in{animation:hiw-in var(--duration-slow) var(--ease-enter) var(--hiw-at) backwards}.hiw-anim[data-inview=true] .hiw-pop{animation:hiw-pop var(--duration-base) var(--ease-enter) var(--hiw-at) backwards}.hiw-anim[data-inview=true] .hiw-fade{animation:hiw-fade var(--duration-base) ease-out var(--hiw-at) backwards}.hiw-anim[data-inview=true] .hiw-slide{animation:hiw-slide var(--duration-slow) var(--ease-enter) var(--hiw-at) backwards}.hiw-anim[data-inview=true] .hiw-drop{animation:hiw-drop var(--duration-base) var(--ease-enter) var(--hiw-at) backwards}.hiw-anim[data-inview=true] .hiw-grow{transform-origin:left center}.hiw-anim[data-inview=true] .hiw-grow,.hiw-anim[data-inview=true] .hiw-line{animation:hiw-scale-x var(--duration-slow) var(--ease-enter) var(--hiw-at) backwards}.hiw-anim[data-inview=true] .hiw-press{animation:hiw-press .26s var(--ease-move) var(--hiw-at) backwards}.hiw-anim[data-inview=true] .hiw-dim{animation:hiw-dim .76s ease-out var(--hiw-at) backwards}.hiw-anim[data-inview=true] .hiw-type:after{animation:hiw-type .6s steps(var(--chars,12)) var(--hiw-at) backwards}.hiw-anim[data-inview=true] .hiw-caret{animation:hiw-caret .64s linear calc(var(--hiw-at) + .6s) backwards}.hiw-anim[data-inview=true] .hiw-mark{animation:hiw-mark var(--duration-slow) var(--ease-move) var(--hiw-at) backwards}}@keyframes hiw-in{0%{opacity:0;transform:translateY(6px)}}@keyframes hiw-pop{0%{opacity:0;transform:translateY(2px) scale(.95)}}@keyframes hiw-fade{0%{opacity:0}}@keyframes hiw-slide{0%{opacity:0;transform:translateX(-6px)}}@keyframes hiw-drop{0%{opacity:0;transform:translateY(-4px)}}@keyframes hiw-scale-x{0%{transform:scaleX(0)}}@keyframes hiw-press{0%,to{transform:none}45%{opacity:.88;transform:scale(.94)}}@keyframes hiw-dim{0%{opacity:0;transform:translateY(4px)}32%{opacity:1;transform:none}64%{opacity:1}to{opacity:.6}}@keyframes hiw-type{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes hiw-caret{0%{opacity:0}1%,40%{opacity:1}41%,75%{opacity:0}76%,to{opacity:1}}@keyframes hiw-mark{0%{background-size:0 100%}}