@property --hiw-p{syntax: "<number>"; inherits: true; initial-value: 1;}@keyframes hiw-progress{0%{--hiw-p: 0}to{--hiw-p: 1}}.hiw-off{opacity:0}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.hiw-flow{animation:hiw-progress linear both;animation-timeline:view();animation-range:entry 50% cover 50%}.hiw-fill,.hiw-on,.hiw-off{--t: clamp(0, (var(--hiw-p) - var(--a, 0)) / (var(--b, 1) - var(--a, 0)), 1)}.hiw-fill{clip-path:inset(-12px calc((1 - var(--t)) * (100% + 12px) - 12px) -12px -12px)}.hiw-on{opacity:var(--t)}.hiw-off{opacity:calc(1 - var(--t))}.hiw-settle{scale:calc(.7 + .3 * var(--t))}}}