@property --card-animation-progress{syntax:"<percentage>";inherits:true;initial-value:0%}.story-card{--card-animation-progress:0%;transition-property:--card-animation-progress;transition-duration:1s;transition-timing-function:linear}.story-card:hover,.story-card:focus-visible{--card-animation-progress:400%}.card-top-bar{--progress:min(var(--card-animation-progress), 100%);width:var(--progress)}.gradient-rect{--r1:calc(.5 * (max(var(--card-animation-progress), 120%) - 120%));--r2:calc(var(--r1) * .85);clip-path:polygon(100% 0%, calc(100% - cos(0deg) * var(--r1)) calc(0% + sin(0deg) * var(--r1)), calc(100% - cos(9deg) * var(--r2)) calc(0% + sin(9deg) * var(--r2)), calc(100% - cos(18deg) * var(--r1)) calc(0% + sin(18deg) * var(--r1)), calc(100% - cos(27deg) * var(--r2)) calc(0% + sin(27deg) * var(--r2)), calc(100% - cos(36deg) * var(--r1)) calc(0% + sin(36deg) * var(--r1)), calc(100% - cos(45deg) * var(--r2)) calc(0% + sin(45deg) * var(--r2)), calc(100% - cos(54deg) * var(--r1)) calc(0% + sin(54deg) * var(--r1)), calc(100% - cos(63deg) * var(--r2)) calc(0% + sin(63deg) * var(--r2)), calc(100% - cos(72deg) * var(--r1)) calc(0% + sin(72deg) * var(--r1)), calc(100% - cos(81deg) * var(--r2)) calc(0% + sin(81deg) * var(--r2)), calc(100% - cos(90deg) * var(--r1)) calc(0% + sin(90deg) * var(--r1)), 100% 0%)}