@property --fanning-card-hover-amount{syntax:"<number>";inherits:true;initial-value:0}@property --fanning-card-rotation-degrees{syntax:"<number>";inherits:false;initial-value:0}.fanning-card-stack-root{container-type:inline-size}.fanning-card-stack-stage{padding-top:calc(var(--fanning-card-behind-count) * var(--stacked-top-peek-hover))}.fanning-card-stack-card{--stacked-top-peek-per-card:calc(var(--stacked-top-peek-rest) + (var(--stacked-top-peek-hover) - var(--stacked-top-peek-rest)) * var(--fanning-card-hover-amount));transform:translateY(calc(var(--fanning-card-stack-from-front) * var(--stacked-top-peek-per-card) * -1));transition:--fanning-card-hover-amount var(--fanning-card-stack-fan-transition-ms) ease-out, --fanning-card-rotation-degrees var(--fanning-card-stack-fan-transition-ms) ease-out}@container (min-width:32rem){.fanning-card-stack-stage{padding-top:var(--fanning-card-stack-rotation-padding);padding-bottom:var(--fanning-card-stack-rotation-padding);padding-left:var(--fanning-card-stack-spread-padding);padding-right:var(--fanning-card-stack-spread-padding)}.fanning-card-stack-card{transform:translateX(calc(var(--fanning-card-index-offset) * var(--fanning-card-translate-per-card) * var(--fanning-card-hover-amount))) rotate(calc(var(--fanning-card-rotation-degrees) * 1deg))}}